:root{--navy-950:#070a14;--navy-900:#0c1122;--navy-800:#121a30;--navy-700:#1a2440;--navy-line:#2a355a;--gold:#d4a843;--gold-bright:#f0cd8a;--cyan:#4fd8e0;--ink:#e9e6dc;--ink-dim:#8f97b3;--danger:#e0654f;--hub-sidebar-w-collapsed:72px;--bg-color:#080c14;--card-bg:#0d1421;--card-bg2:#111827;--card-hover:#1a2438;--text-color:#f0f4ff;--text-muted:#8ba0bb;--accent-color:#4fd8e0;--accent-glow:rgba(79,216,224,.18);--border-color:#1e2d45;--border-hi:#2a4060;--green:#22c55e;--green-dim:rgba(34,197,94,.12);--gold-dim:rgba(212,168,67,.12);--red:#ef4444;--orange:#f97316}.tool-view .topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:19px 24px;border-bottom:1px solid var(--navy-line);background:linear-gradient(180deg,#121a30e6,#121a3066);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);gap:16px}.topbar-spacer{display:flex;justify-content:flex-end}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;transition:opacity .15s}.brand:hover{opacity:.85}.brand .mark{width:34px;height:34px;flex:none;border-radius:50%;object-fit:cover;border:1px solid var(--navy-line)}.brand h1{font-size:17px;letter-spacing:.06em;margin:0;color:var(--gold-bright);text-transform:uppercase;white-space:nowrap}.hub-social-btn{width:34px;height:34px;border-radius:9px;background:#ffffff0a;border:1px solid var(--navy-line);color:var(--ink-dim);display:flex;align-items:center;justify-content:center;transition:.15s;flex:none}.hub-social-btn:hover{color:var(--gold-bright);border-color:var(--gold);background:#d4a84314}.hub-social-btn svg{width:16px;height:16px}.hub-social-btn.spoiler-btn.active{color:var(--danger);border-color:var(--danger)}.tool-view .sod-footer{max-width:1400px;margin:20px auto 0;padding-top:16px;border-top:1px solid var(--navy-line);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;color:var(--ink-dim);font-size:11.5px;line-height:1.6}.footer-col{display:flex;flex-direction:column;gap:4px}.footer-right{align-items:flex-end;text-align:right}.spoiler-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060cbf;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.spoiler-modal{background:var(--navy-900);border:1px solid var(--navy-line);border-radius:14px;width:min(380px,100%);padding:20px 22px;box-shadow:0 40px 80px -20px #000000b3}.spoiler-modal h3{margin:0 0 8px;font-size:15px;color:var(--gold-bright);font-family:Barlow,sans-serif}.spoiler-modal p{margin:0 0 16px;font-size:12.5px;color:var(--ink-dim);line-height:1.55}.spoiler-actions{display:flex;justify-content:flex-end;gap:10px}.spoiler-btn-cancel,.spoiler-btn-confirm{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--navy-line);padding:8px 16px;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif}.spoiler-btn-cancel{background:var(--navy-800);color:var(--ink)}.spoiler-btn-confirm{background:linear-gradient(135deg,var(--gold),#b9863f);color:#1a1305;border:none}:root{--navy-950:#070a14;--navy-900:#0c1122;--navy-800:#121a30;--navy-700:#1a2440;--navy-line:#2a355a;--gold:#d4a843;--gold-bright:#f0cd8a;--cyan:#4fd8e0;--ink:#e9e6dc;--ink-dim:#8f97b3;--danger:#e0654f;--sidebar-w:72px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(ellipse 900px 500px at 15% 0,rgba(79,216,224,.06),transparent 60%),radial-gradient(ellipse 900px 600px at 100% 100%,rgba(212,175,106,.07),transparent 60%),var(--navy-950);color:var(--ink);font-family:Inter,sans-serif}h1,h2,h3,.display{font-family:Barlow,sans-serif}a{color:inherit}button{font-family:inherit}#root{min-height:100vh;display:flex;flex-direction:column}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:none;background:linear-gradient(180deg,#121a30e6,#0c1122f5);border-right:1px solid var(--navy-line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;z-index:40}.sidebar-head{display:flex;align-items:center;justify-content:center;padding:18px 16px;border-bottom:1px solid var(--navy-line);flex:none}.sidebar-head .mark{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--navy-line);flex:none;cursor:pointer}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 10px;scrollbar-width:thin;scrollbar-color:var(--navy-line) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--navy-line);border-radius:6px}.game-group{margin-bottom:4px}.game-link{display:flex;align-items:center;justify-content:center;padding:10px;border-radius:9px;cursor:pointer;color:var(--ink);text-decoration:none;transition:background .12s,color .12s}.game-link:hover{background:#ffffff0b;color:var(--gold-bright)}.game-link.active{background:linear-gradient(135deg,#d4a84329,#d4a8430a);color:var(--gold-bright)}.game-link .icon{width:30px;height:30px;border-radius:8px;flex:none;object-fit:cover;background:var(--navy-800);border:1px solid var(--navy-line)}.tool-dropdown{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.tool-dropdown.open{grid-template-rows:1fr}.tool-dropdown-inner{overflow:hidden;min-height:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 10px}.tool-dropdown.open .tool-dropdown-inner{padding:8px 10px 6px}.tool-icon-btn{width:34px;height:34px;flex:none;border-radius:9px;background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}.tool-icon-btn svg{width:16px;height:16px}.tool-icon-btn:hover{color:var(--gold-bright);border-color:var(--gold);background:#d4a84314}.tool-icon-btn.active{color:var(--cyan);border-color:var(--cyan);background:#4fd8e01a}.hub-tooltip{position:fixed;transform:translateY(-50%);background:var(--navy-800);border:1px solid var(--gold);color:var(--gold-bright);padding:6px 11px;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:300;box-shadow:0 8px 20px #0006}.sidebar-footer{border-top:1px solid var(--navy-line);padding:14px 12px;flex:none;display:flex;flex-direction:column;align-items:center;gap:8px}.social-btn{width:34px;height:34px;border-radius:9px;background:#ffffff0a;border:1px solid var(--navy-line);color:var(--ink-dim);display:flex;align-items:center;justify-content:center;transition:.15s;flex:none}.social-btn:hover{color:var(--gold-bright);border-color:var(--gold);background:#d4a84314}.social-btn.social-x:hover{color:#fff;border-color:#fff;background:#ffffff0f}.social-btn.social-discord:hover{color:#5865f2;border-color:#5865f2;background:#5865f21a}.social-btn.social-kofi:hover{color:#ff5e5b;border-color:#ff5e5b;background:#ff5e5b1a}.social-btn svg{width:16px;height:16px}.sidebar-overlay{display:none}@media (max-width:860px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);box-shadow:0 0 40px #00000080}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ea6;z-index:39;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.game-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 20%;opacity:.16;filter:saturate(.7);pointer-events:none;z-index:0;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.5) 55%,transparent);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.5) 55%,transparent)}.shell-topbar{display:none;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--navy-line);position:sticky;top:0;background:#0c1122e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}@media (max-width:860px){.shell-topbar{display:flex}}.shell-burger{width:34px;height:34px;border-radius:8px;background:#ffffff0d;border:1px solid var(--navy-line);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.shell-burger svg{width:17px;height:17px}.shell-topbar .crumb{font-size:13px;color:var(--ink-dim);font-weight:700}.shell-topbar .crumb b{color:var(--gold-bright)}.view{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;z-index:1}.home-page{position:relative;min-height:100vh;overflow:hidden;background:var(--navy-950);display:flex;flex-direction:column}.home-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120' viewBox='0 0 240 120'%3E%3Cpath d='M0 60 Q 30 30 60 60 T 120 60 T 180 60 T 240 60' stroke='%232e2e2e' stroke-width='1.4' fill='none'/%3E%3Cpath d='M0 90 Q 30 65 60 90 T 120 90 T 180 90 T 240 90' stroke='%23555555' stroke-width='1' fill='none' opacity='0.35'/%3E%3Cpath d='M0 30 Q 30 8 60 30 T 120 30 T 180 30 T 240 30' stroke='%23767676' stroke-width='1' fill='none' opacity='0.2'/%3E%3C/svg%3E");background-repeat:repeat;background-size:240px 120px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.5) 60%,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.5) 60%,transparent)}.home-page>*{position:relative;z-index:1}.home-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;flex:none}.home-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.home-brand img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--navy-line)}.home-brand span{font-family:Barlow,sans-serif;font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--gold-bright)}.home-socials{display:flex;gap:8px}.home-hero{max-width:760px;margin:0 auto;padding:60px 28px 10px;text-align:center;flex:none}.home-hero .eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);font-weight:800;margin:0 0 12px}.home-hero h1{font-size:clamp(30px,5.5vw,54px);margin:0 0 16px;color:var(--ink);line-height:1.05;font-weight:900;letter-spacing:.01em}.home-hero h1 span{color:var(--gold-bright)}.home-hero p{font-size:14.5px;color:var(--ink-dim);line-height:1.65;max-width:520px;margin:0 auto}.home-game-grid{max-width:1600px;margin:36px auto 0;padding:0 28px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-content:start}@media (max-width:900px){.home-game-grid{grid-template-columns:1fr}}.home-game-banner{position:relative;display:flex;align-items:flex-end;aspect-ratio:3/2;border-radius:18px;overflow:hidden;background-color:var(--navy-900);background-size:cover;background-position:center;border:1px solid var(--navy-line);text-decoration:none;transition:border-color .15s,transform .15s}.home-game-banner:not(.coming-soon):hover{border-color:var(--gold);transform:translateY(-2px)}.home-game-banner-overlay{width:100%;padding:34px 32px;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.2) 60%,transparent)}.home-game-banner-name{font-family:Barlow,sans-serif;font-weight:900;font-size:34px;letter-spacing:.02em;text-transform:uppercase;color:#fff}.home-game-banner.coming-soon{border-style:dashed;opacity:.4;cursor:default;align-items:center;justify-content:center}.home-game-banner.coming-soon span{font-family:Barlow,sans-serif;font-weight:800;font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim)}@media (max-width:600px){.home-game-banner-name{font-size:26px}}.home-footer{max-width:1000px;margin:auto auto 0;padding:60px 28px 32px;text-align:center;flex:none}.home-footer p{margin:0;font-size:11.5px;color:var(--ink-dim);line-height:1.6}.game-page{max-width:1100px;margin:0 auto;padding:44px 28px 60px;width:100%}.game-page-head{display:flex;align-items:center;gap:16px;margin-bottom:8px}.game-page-head .icon-badge{width:52px;height:52px;border-radius:14px;background:var(--navy-800);border:1px solid var(--navy-line);object-fit:cover;flex:none}.game-page-head h2{margin:0;font-size:26px;color:var(--ink)}.game-page-body{padding-top:22px}.featured-card{background:linear-gradient(135deg,var(--navy-800),var(--navy-900));border:1px solid var(--gold);border-radius:16px;margin-bottom:24px;overflow:hidden}.featured-head{display:flex;gap:20px;align-items:center;padding:18px 22px;cursor:pointer}.featured-card img{width:76px;height:76px;border-radius:14px;object-fit:cover;border:2px solid var(--gold);flex:none}.featured-badge{display:inline-block;background:var(--danger);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;padding:3px 9px;border-radius:10px;margin-bottom:6px}.featured-card h3{font-size:18px;color:var(--ink);margin:0 0 4px}.featured-card p{font-size:12.5px;color:var(--ink-dim);margin:0;max-width:480px}.featured-chev{width:18px;height:18px;color:var(--ink-dim);flex:none;margin-left:auto;transition:transform .15s}.featured-chev.open{transform:rotate(180deg)}.featured-details{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:16px 22px 20px;border-top:1px solid var(--navy-line)}@media (max-width:760px){.featured-details{grid-template-columns:1fr}}.featured-col h5{margin:0 0 10px;font-size:11px;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.04em}.featured-gifts{display:flex;flex-direction:column;gap:8px}.featured-gift{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink)}.featured-gift b{margin-left:auto;color:var(--gold-bright)}.gift-value{font-size:10px;font-weight:800;color:var(--cyan);border:1px solid var(--cyan);border-radius:8px;padding:1px 6px;flex:none}.featured-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.featured-list li{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--ink-dim)}.featured-list li b{color:var(--ink);font-weight:700;text-align:right}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.tool-card{background:var(--navy-900);border:1px solid var(--navy-line);border-radius:14px;padding:20px;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,transform .15s}.tool-card:hover{border-color:var(--cyan);transform:translateY(-2px)}.tool-icon{width:40px;height:40px;border-radius:11px;background:#4fd8e01a;border:1px solid var(--cyan);display:flex;align-items:center;justify-content:center;color:var(--cyan);flex:none}.tool-icon svg{width:20px;height:20px}.tool-card h4{margin:0;font-size:15.5px;color:var(--ink)}.tool-card p{margin:0;font-size:12.5px;color:var(--ink-dim);line-height:1.55}.tool-card .cta{margin-top:auto;font-size:12px;font-weight:800;color:var(--cyan);display:flex;align-items:center;gap:6px}.tool-card .cta svg{width:12px;height:12px}.tool-view{flex:1;display:flex;flex-direction:column;min-height:0}.spinner{width:26px;height:26px;border:2px solid var(--navy-line);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.not-found{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:40px}.not-found h2{margin:0;font-size:24px;color:var(--gold-bright)}.not-found p{margin:0;color:var(--ink-dim);font-size:13.5px}.not-found a{color:var(--cyan);font-weight:700;text-decoration:none}.not-found a:hover{text-decoration:underline}.tool-bond .page{max-width:1400px;margin:0 auto;padding:26px 20px 40px}.tool-bond .bond-shell{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}@media (max-width:860px){.tool-bond .bond-shell{grid-template-columns:1fr}}.tool-bond .roster-panel{background:var(--navy-900);border:1px solid var(--navy-line);border-radius:14px;overflow:hidden}.tool-bond .roster-head{padding:14px 16px;border-bottom:1px solid var(--navy-line);display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-bond .roster-head h2{margin:0;font-size:13px;letter-spacing:.05em;color:var(--gold-bright);text-transform:uppercase;display:flex;align-items:center;gap:8px}.tool-bond .roster-head h2 .bar{width:3px;height:14px;background:var(--cyan);border-radius:2px}.tool-bond .roster-count{font-size:11px;color:var(--ink-dim)}.tool-bond .roster-search{padding:10px 14px}.tool-bond .roster-search input{width:100%;background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink);padding:8px 10px;border-radius:8px;font-size:13px;font-family:Inter,sans-serif}.tool-bond .roster-search input:focus{outline:0;border-color:var(--cyan)}.tool-bond .roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;padding:10px 14px 16px;max-height:640px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--navy-line) transparent}@media (max-width:860px){.tool-bond .roster-grid{max-height:320px}}.tool-bond .roster-grid::-webkit-scrollbar{width:6px}.tool-bond .roster-grid::-webkit-scrollbar-thumb{background:var(--navy-line);border-radius:6px}.tool-bond .roster-item{background:var(--navy-800);border:2px solid var(--navy-line);border-radius:12px;padding:6px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:.15s;position:relative}.tool-bond .roster-item:hover{border-color:var(--cyan)}.tool-bond .roster-item.rarity-S{border-color:var(--gold)}.tool-bond .roster-item.rarity-A{border-color:#8a5cc4}.tool-bond .roster-item.is-selected{border-color:var(--gold);background:var(--navy-700);box-shadow:0 0 0 1px #d4a84366}.tool-bond .roster-item .icon{width:48px;height:48px;border-radius:9px;overflow:hidden;background:var(--navy-700)}.tool-bond .roster-item .icon img{width:100%;height:100%;object-fit:cover;display:block}.tool-bond .roster-item .name{font-size:10px;font-weight:600;color:var(--ink);line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tool-bond .roster-item .new-badge{position:absolute;top:-6px;left:-6px;background:var(--danger);color:#fff;font-size:8px;font-weight:800;padding:2px 5px;border-radius:5px;letter-spacing:.03em}.tool-bond .roster-none{grid-column:1/-1;color:var(--ink-dim);font-size:12px;text-align:center;padding:20px 8px}.tool-bond .detail-panel{transition:opacity .18s ease,transform .18s ease}.tool-bond .detail-panel.is-swapping{opacity:0;transform:translateY(8px)}.tool-bond .detail-card{background:var(--navy-900);border:1px solid var(--navy-line);border-radius:14px;overflow:hidden}.tool-bond .detail-hero{display:flex;align-items:center;gap:16px;padding:20px 22px;background:linear-gradient(135deg,var(--navy-800),var(--navy-900));border-bottom:1px solid var(--navy-line)}.tool-bond .detail-portrait{width:88px;height:88px;flex:none;border-radius:16px;overflow:hidden;background:var(--navy-700);border:2px solid var(--gold)}.tool-bond .detail-portrait img{width:100%;height:100%;object-fit:cover;display:block}.tool-bond .detail-name{margin:0;font-size:26px;color:var(--ink);letter-spacing:.01em}.tool-bond .detail-tags{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.tool-bond .detail-tag{font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:12px;background:var(--navy-700);border:1px solid var(--navy-line);color:var(--ink-dim)}.tool-bond .detail-tag.rarity-S{color:var(--gold-bright);border-color:var(--gold)}.tool-bond .detail-tag.rarity-A{color:#c9a6ea;border-color:#8a5cc4}.tool-bond .detail-tag.featured{color:#fff;background:var(--danger);border-color:transparent}.tool-bond .section-label{display:flex;align-items:center;gap:8px;padding:14px 22px 8px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--gold-bright);text-transform:uppercase}.tool-bond .section-label .bar{width:3px;height:14px;background:var(--cyan);border-radius:2px}.tool-bond .section-hint{font-size:11.5px;color:var(--ink-dim);padding:0 22px 10px;margin-top:-4px}.tool-bond .gift-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 22px 18px}@media (max-width:520px){.tool-bond .gift-row{grid-template-columns:1fr}}.tool-bond .gift-card{background:var(--navy-800);border:2px solid var(--navy-line);border-radius:12px;padding:14px;display:flex;gap:12px;align-items:center;text-align:left}.tool-bond .gift-card .gicon{width:52px;height:52px;flex:none;border-radius:10px;background:var(--navy-700);overflow:hidden;display:flex;align-items:center;justify-content:center}.tool-bond .gift-card .gicon img{width:100%;height:100%;object-fit:contain}.tool-bond .gift-card .ginfo{min-width:0;flex:1}.tool-bond .gift-card .gname{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.3;display:flex;align-items:center;gap:5px}.tool-bond .gift-card .gname .star{color:var(--gold);font-size:12px}.tool-bond .gift-card .gmeta{font-size:11.5px;color:var(--ink-dim);margin-top:3px;display:flex;gap:10px;flex-wrap:wrap}.tool-bond .gift-card .gmeta b{color:var(--gold-bright);font-weight:700}.tool-bond .gift-card .gvalue-badge{font-size:10px;font-weight:800;letter-spacing:.03em;padding:2px 7px;border-radius:8px;background:var(--navy-900);border:1px solid var(--navy-line);color:var(--ink-dim)}.tool-bond .gift-card.v400 .gvalue-badge{color:var(--gold-bright);border-color:var(--gold)}.tool-bond .gift-card.v200 .gvalue-badge{color:var(--cyan);border-color:var(--cyan)}.tool-bond .gift-empty{margin:0 22px 18px;padding:16px;background:var(--navy-800);border:1px dashed var(--navy-line);border-radius:12px;color:var(--ink-dim);font-size:12.5px;text-align:center;line-height:1.5}.tool-bond .calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 22px 6px}@media (max-width:700px){.tool-bond .calc-grid{grid-template-columns:repeat(2,1fr)}}.tool-bond .calc-grid.calc-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:700px){.tool-bond .calc-grid.calc-grid-3{grid-template-columns:repeat(2,1fr)}}.tool-bond .field{display:flex;flex-direction:column;gap:5px}.tool-bond .field label{font-size:10.5px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.tool-bond .field select,.tool-bond .field input[type=number]{background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink);padding:9px 10px;border-radius:8px;font-size:13px;font-family:Inter,sans-serif}.tool-bond .field select:focus,.tool-bond .field input:focus{outline:0;border-color:var(--cyan)}.tool-bond .toggle-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:10px 22px 4px}.tool-bond .toggle{display:flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.tool-bond .toggle-track{width:38px;height:21px;border-radius:11px;background:var(--navy-700);border:1px solid var(--navy-line);position:relative;transition:.15s;flex:none}.tool-bond .toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--ink-dim);transition:.15s}.tool-bond .toggle.on .toggle-track{background:linear-gradient(135deg,var(--gold),#b9863f);border-color:transparent}.tool-bond .toggle.on .toggle-track:after{transform:translate(17px);background:#1a1305}.tool-bond .toggle-label{font-size:12.5px;color:var(--ink);font-weight:600}.tool-bond .toggle-label small{display:block;color:var(--ink-dim);font-weight:500;font-size:11px;margin-top:1px}.tool-bond .results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 22px 22px}@media (max-width:700px){.tool-bond .results-grid{grid-template-columns:repeat(2,1fr)}}.tool-bond .stat-tile{background:linear-gradient(160deg,var(--navy-800),var(--navy-900));border:1px solid var(--navy-line);border-radius:12px;padding:14px 12px;text-align:center}.tool-bond .stat-tile .num{font-family:Barlow,sans-serif;font-weight:900;font-size:24px;color:var(--gold-bright);line-height:1.1}.tool-bond .stat-tile .lbl{font-size:10.5px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-weight:700}.tool-bond .stat-tile.highlight .num{color:var(--cyan)}.tool-bond .xp-total-line{margin-left:auto;text-align:right;font-size:12.5px;color:var(--ink-dim);white-space:nowrap}.tool-bond .xp-total-line b{color:var(--ink);font-weight:700;font-size:14px}.tool-bond .compare-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px 22px 10px}@media (max-width:520px){.tool-bond .compare-row{grid-template-columns:1fr}}.tool-bond .compare-card{background:var(--navy-800);border:2px solid var(--navy-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.tool-bond .compare-card.v400{border-color:var(--gold)}.tool-bond .compare-card.v200{border-color:var(--cyan)}.tool-bond .compare-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tool-bond .compare-stat{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;background:var(--navy-900);border-radius:9px;padding:9px 6px;min-height:76px}.tool-bond .compare-stat .num{font-family:Barlow,sans-serif;font-weight:900;font-size:18px;color:var(--gold-bright);line-height:1.1}.tool-bond .compare-card.v200 .compare-stat .num{color:var(--cyan)}.tool-bond .compare-stat .lbl{font-size:9px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.03em;margin-top:3px;font-weight:700}.tool-bond .compare-gift-icon{width:32px;height:32px;object-fit:contain;border-radius:6px;background:var(--navy-700);margin:0 auto 5px}.tool-bond .compare-mini-icon{width:20px;height:20px;object-fit:contain;margin:0 auto 5px;color:var(--ink-dim);display:block}.tool-bond .compare-card.v400 .compare-mini-icon{color:var(--gold-bright)}.tool-bond .compare-card.v200 .compare-mini-icon{color:var(--cyan)}.tool-bond .fons-compare{margin:0 22px 22px;background:var(--navy-800);border:1px solid var(--navy-line);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:14px}.tool-bond .fons-compare.v400{border-color:var(--gold)}.tool-bond .fons-compare.v200{border-color:var(--cyan)}.tool-bond .fc-reco-icon{width:46px;height:46px;flex:none;object-fit:contain;border-radius:10px;background:var(--navy-700);border:2px solid var(--navy-line)}.tool-bond .fons-compare.v400 .fc-reco-icon{border-color:var(--gold)}.tool-bond .fons-compare.v200 .fc-reco-icon{border-color:var(--cyan)}.tool-bond .fc-reco-text{min-width:0}.tool-bond .fc-reco-label{font-size:10.5px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.tool-bond .fc-reco-name{font-size:15px;color:var(--ink);margin-top:2px}.tool-bond .fc-reco-name b{font-weight:700}.tool-bond .fons-compare.v400 .fc-reco-name b{color:var(--gold-bright)}.tool-bond .fons-compare.v200 .fc-reco-name b{color:var(--cyan)}.tool-bond .fc-reco-pct{font-size:11.5px;color:var(--ink-dim);margin-top:4px}.tool-bond .fc-reco-pct b{color:var(--danger);font-weight:700}.tool-bond .detail-footer{padding:14px 22px;border-top:1px solid var(--navy-line);text-align:center;font-size:12px;color:var(--ink-dim);background:var(--navy-950)}.tool-bond .detail-footer .site-url{color:var(--gold-bright);font-weight:700;letter-spacing:.03em}.tool-bond .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-bottom:16px}.tool-bond .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--navy-line);background:var(--navy-800);color:var(--ink);padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.15s;font-family:Inter,sans-serif;letter-spacing:.02em}.tool-bond .btn:hover{border-color:var(--gold);color:var(--gold-bright)}.tool-bond .btn.primary{background:linear-gradient(135deg,var(--gold) 0,#b9863f 100%);color:#1a1305;border:none}.tool-bond .btn.primary:hover{filter:brightness(1.08);color:#1a1305}.tool-bond .btn svg{width:14px;height:14px;flex:none}.tool-bond .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--navy-800);border:1px solid var(--gold);color:var(--gold-bright);padding:10px 18px;border-radius:9px;font-size:13px;font-weight:600;z-index:200;box-shadow:0 10px 30px #0006}.tool-bond .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060cbf;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tool-bond .modal{background:var(--navy-900);border:1px solid var(--navy-line);border-radius:14px;width:min(640px,100%);max-height:86vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 80px -20px #000000b3}.tool-bond .modal-head{padding:16px 18px;border-bottom:1px solid var(--navy-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-bond .modal-head h3{margin:0;font-size:15px;color:var(--gold-bright);display:flex;align-items:center;gap:8px}.tool-bond .modal-close{background:0 0;border:none;color:var(--ink-dim);font-size:20px;cursor:pointer;line-height:1}.tool-bond .modal-close:hover{color:var(--danger)}.tool-bond .fons-modal{width:min(720px,100%);height:min(600px,80vh)}.tool-bond .fons-ranking-cols{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--navy-line);flex:1;min-height:0}@media (max-width:640px){.tool-bond .fons-ranking-cols{grid-template-columns:1fr}}.tool-bond .fons-ranking-col{background:var(--navy-900);display:flex;flex-direction:column;min-height:0}.tool-bond .fons-ranking-title{padding:12px 14px;font-size:11.5px;font-weight:700;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--navy-line);flex:none}.tool-bond .fons-value-tag{font-size:10px;font-weight:800;padding:2px 8px;border-radius:8px;letter-spacing:.02em}.tool-bond .fons-value-tag.v400{background:var(--gold);color:var(--navy-950)}.tool-bond .fons-value-tag.v200{background:var(--cyan);color:var(--navy-950)}.tool-bond .fons-ranking-list{overflow-y:auto;padding:6px;flex:1;min-height:0}.tool-bond .fons-ranking-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px}.tool-bond .fons-ranking-row:hover{background:#ffffff0a}.tool-bond .fons-rank{width:20px;flex:none;text-align:center;font-family:Barlow,sans-serif;font-weight:800;color:var(--ink-dim);font-size:12px}.tool-bond .fons-ranking-row.rank-1 .fons-rank{color:var(--gold-bright)}.tool-bond .fons-ranking-row.rank-2 .fons-rank{color:#c9c9d6}.tool-bond .fons-ranking-row.rank-3 .fons-rank{color:#c98a4b}.tool-bond .fons-ranking-icon{width:30px;height:30px;border-radius:7px;object-fit:cover;flex:none;background:var(--navy-700)}.tool-bond .fons-ranking-name{flex:1;font-size:12.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-bond .fons-ranking-fons{font-size:11.5px;color:var(--gold-bright);font-weight:700;white-space:nowrap;flex:none}.tool-bond .detail-card.exporting .roster-item,.tool-bond .detail-card.exporting{cursor:default}.tool-bond .footer-note{color:var(--ink-dim);font-size:11.5px;text-align:center;padding:14px 0 0}.tool-income{--bg-color:var(--navy-950);--card-bg:var(--navy-900);--card-bg2:var(--navy-800);--card-hover:var(--navy-700);--text-color:var(--ink);--text-muted:var(--ink-dim);--accent-color:var(--cyan);--accent-glow:rgba(79,216,224,.18);--border-color:var(--navy-line);--border-hi:#2a4060;--green:#22c55e;--green-dim:rgba(34,197,94,.12);--gold-dim:rgba(212,168,67,.12);--red:#ef4444;--orange:#f97316}.tool-income *{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}.tool-income{color:var(--text-color);-webkit-font-smoothing:antialiased}.tool-income ::selection{background:var(--accent-glow);color:var(--accent-color)}.tool-income ::-webkit-scrollbar{width:5px}.tool-income ::-webkit-scrollbar-track{background:var(--card-bg)}.tool-income ::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}.tool-income .main-container{flex:1;width:auto;display:flex;flex-direction:column;box-sizing:border-box}.tool-income .content-wrap{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:40px 48px;box-sizing:border-box}.tool-income .patch-bar-wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:24px}.tool-income .toolbar-container{background-color:var(--card-bg);padding:9px 22px;border-radius:30px;border:1px solid var(--border-color);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.tool-income .filter-section{display:flex;align-items:center;gap:10px}.tool-income .filter-inline-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:700;white-space:nowrap}.tool-income .toolbar-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tool-income .toolbar-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:.4px;white-space:nowrap}.tool-income .toolbar-chip.duration{background:var(--accent-glow);border:1px solid rgba(56,189,248,.25);color:var(--accent-color)}.tool-income .toolbar-chip.updated{background:#9ca3af12;border:1px solid rgba(156,163,175,.15);color:var(--text-muted)}.tool-income .toolbar-chip svg{width:12px;height:12px;flex-shrink:0;opacity:.8}.tool-income .view-tabs{display:flex;gap:14px;max-width:900px;margin:0 auto 28px;flex-wrap:wrap}.tool-income .view-tab-btn{flex:1;min-width:170px;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 18px;border-radius:14px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-muted);font-size:.82rem;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .2s}.tool-income .view-tab-btn svg{width:18px;height:18px;flex-shrink:0;opacity:.7;transition:opacity .2s}.tool-income .view-tab-btn:hover{border-color:var(--accent-color);color:#fff}.tool-income .view-tab-btn.active{background:linear-gradient(135deg,var(--accent-color),#1d7fb0);border-color:var(--accent-color);color:#06141f;box-shadow:0 4px 16px #38bdf84d}.tool-income .view-tab-btn.active svg{opacity:1}@media (max-width:700px){.tool-income .view-tabs{flex-direction:column}}.tool-income footer{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.tool-income .footer-col{display:flex;flex-direction:column;gap:4px}.tool-income .footer-right{align-items:flex-end;text-align:right}.tool-income .hist-res-tabs{display:flex;gap:6px;flex-wrap:wrap}.tool-income .hist-res-tab{padding:6px 14px;border-radius:8px;font-size:.72rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;cursor:pointer;border:1px solid var(--border-color);color:var(--text-muted);background:0 0;transition:all .15s;display:inline-flex;align-items:center;gap:7px}.tool-income .hist-res-tab:hover{color:#fff;border-color:#fff}.tool-income .hist-res-tab.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.tool-income .hist-tab-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0;opacity:.85}.tool-income .hist-res-tab.active .hist-tab-icon{opacity:1}.tool-income .hist-mode-tabs{display:flex;gap:6px;flex-wrap:wrap}.tool-income .hist-mode-tab{padding:6px 14px;border-radius:8px;font-size:.68rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;cursor:pointer;border:1px solid var(--border-color);color:var(--text-muted);background:0 0;transition:all .15s}.tool-income .hist-mode-tab:hover{color:#fff;border-color:#fff}.tool-income .hist-mode-tab.active{background:var(--gold);color:#1a1306;border-color:var(--gold)}.tool-income .history-inline-section{margin-top:32px}.tool-income .history-inline-toprow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.tool-income .hist-section{margin-bottom:28px}.tool-income .hist-section:last-child{margin-bottom:0}.tool-income .hist-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.tool-income .hist-section-label{font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);font-weight:700}.tool-income .hist-section-label span{color:var(--accent-color)}.tool-income .hist-section-header:after{content:"";flex:1;height:1px;background:var(--border-color)}.tool-income .hist-section-summary{display:flex;gap:14px;margin-bottom:16px;flex-wrap:wrap}.tool-income .hist-stat{background:#0d1625;border:1px solid var(--border-color);border-radius:10px;padding:10px 16px}.tool-income .hist-stat-label{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:3px;font-size:.62rem}.tool-income .hist-stat-val{color:#fff;font-weight:800;font-size:1rem}.tool-income .hist-stat-val.green,.tool-income .hist-stat-val.up{color:var(--green)}.tool-income .hist-stat-val.down{color:var(--red)}.tool-income .hist-accordion-header{display:flex;align-items:center;gap:12px;padding:11px 16px;background:#0d1625;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s;margin-bottom:0}.tool-income .hist-accordion-header:hover{background:#111c2e;border-color:#38bdf84d}.tool-income .hist-accordion-header.open{border-radius:12px 12px 0 0;border-bottom-color:transparent}.tool-income .hist-accordion-label{font-size:.72rem;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;color:var(--text-muted)}.tool-income .hist-accordion-label span{color:var(--accent-color)}.tool-income .hist-accordion-meta{display:flex;gap:16px;margin-left:8px;flex:1}.tool-income .hist-accordion-stat{font-size:.7rem;color:var(--text-muted)}.tool-income .hist-accordion-stat strong{color:#fff;font-weight:700}.tool-income .hist-accordion-stat.up{color:var(--green)}.tool-income .hist-accordion-stat.down{color:var(--red)}.tool-income .hist-accordion-chevron{margin-left:auto;color:var(--text-muted);font-size:.65rem;transition:transform .22s;flex-shrink:0}.tool-income .hist-accordion-chevron.open{transform:rotate(180deg)}.tool-income .hist-accordion-body{border:1px solid var(--border-color);border-top:none;border-radius:0 0 12px 12px;overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease}.tool-income .hist-accordion-body.open{max-height:1200px;opacity:1}.tool-income .hist-accordion-inner{padding:20px 20px 16px}.tool-income .hist-chart-wrap{background:#0d1625;border-radius:12px;padding:28px 12px 12px;margin-bottom:20px;border:1px solid var(--border-color)}.tool-income .hist-bars{display:flex;align-items:flex-end;gap:6px;height:160px;padding-bottom:4px}.tool-income .hist-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0}.tool-income .hist-bar-stack{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;position:relative}.tool-income .hist-bar{width:min(76%,32px);border-radius:4px 4px 0 0;transition:opacity .15s;position:relative;min-height:4px}.tool-income .hist-bar:hover{opacity:.8}.tool-income .hist-bar.f2p-bar{background:linear-gradient(180deg,var(--green),rgba(52,211,153,.55))}.tool-income .hist-bar-val{position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);font-size:.52rem;color:var(--text-muted);white-space:nowrap;font-weight:700}.tool-income .hist-bar-label{font-size:.6rem;color:var(--text-muted);margin-top:6px;letter-spacing:.5px;font-weight:700;text-align:center;line-height:1.2}.tool-income .hist-bar-days{font-size:.52rem;color:#374151;margin-top:2px}.tool-income .hist-table{width:100%;border-collapse:collapse;font-size:.82rem}.tool-income .hist-table th{padding:8px 14px;text-align:left;font-size:.68rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color);font-weight:700}.tool-income .hist-table th:not(:first-child){text-align:right}.tool-income .hist-table td{padding:9px 14px;border-bottom:1px solid rgba(34,49,77,.4);color:#fff}.tool-income .hist-table td:not(:first-child){text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.tool-income .hist-table tr:last-child td{border-bottom:none}.tool-income .hist-table tr:hover td{background:#ffffff05}.tool-income .hist-patch-cell{font-weight:800;color:var(--accent-color)}.tool-income .hist-days-cell{color:var(--text-muted);font-size:.75rem;font-weight:400}.tool-income .hist-delta{font-size:.68rem;font-weight:700;margin-left:4px}.tool-income .hist-delta.up{color:var(--green)}.tool-income .hist-delta.down{color:var(--red)}.tool-income .patch-select{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);padding:5px 28px 5px 12px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;outline:0;transition:all .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.tool-income .patch-select:focus,.tool-income .patch-select:hover{border-color:var(--accent-color);box-shadow:0 0 8px var(--accent-glow)}.tool-income .patch-select option{background:#151f32;color:#f3f4f6}.tool-income .summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:0;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;flex:1}.tool-income .summary-card{background-color:var(--card-bg);padding:14px 18px;position:relative;overflow:hidden;display:flex;flex-direction:column}.tool-income .summary-card:first-child{border-right:1px solid var(--border-color)}.tool-income .summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.tool-income .summary-card.f2p:before{background:linear-gradient(90deg,var(--green),transparent)}.tool-income .summary-card.premium:before{background:linear-gradient(90deg,var(--gold),transparent)}.tool-income .summary-card-title{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:4px}.tool-income .summary-card.f2p .summary-card-title{color:var(--green)}.tool-income .summary-card.premium .summary-card-title{color:var(--gold)}.tool-income .summary-card-badge{display:inline-flex;align-items:center;font-size:.65rem;letter-spacing:1px;padding:2px 10px;border-radius:5px;margin-bottom:12px;text-transform:uppercase;font-weight:600}.tool-income .summary-card.f2p .summary-card-badge{background:var(--green-dim);color:var(--green);border:1px solid rgba(52,211,153,.2)}.tool-income .summary-card.premium .summary-card-badge{background:var(--gold-dim);color:var(--gold);border:1px solid rgba(212,168,67,.25)}.tool-income .resource-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(34,49,77,.6)}.tool-income .resource-row:last-child{border-bottom:none}.tool-income .res-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.tool-income .res-name{flex:1;color:var(--text-muted);font-size:.72rem;letter-spacing:.8px;text-transform:uppercase}.tool-income .res-value{font-size:1.1rem;font-weight:800;color:#fff;min-width:50px;text-align:right}.tool-income .res-plus{font-size:.63rem;color:var(--accent-color);text-align:right;margin-top:0}.tool-income .premium-select-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:16px 18px;margin-bottom:20px}.tool-income .premium-select-label{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:700;margin-bottom:12px}.tool-income .premium-checklist{display:flex;flex-wrap:wrap;gap:10px}.tool-income .premium-checklist-option{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;font-size:.8rem;color:var(--text-color);cursor:pointer;background:var(--bg-color);border:1px solid var(--border-color);transition:border-color .15s}.tool-income .premium-checklist-option:hover{border-color:var(--gold)}.tool-income .premium-checklist-option input{accent-color:var(--gold);width:15px;height:15px;flex-shrink:0;cursor:pointer}.tool-income .f2p-activity-section{margin-top:24px}.tool-income .f2p-activity-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.tool-income .f2p-activity-columns-currency{grid-template-columns:repeat(5,1fr)}.tool-income .f2p-activity-col-title{font-size:.68rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--text-muted);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:6px}.tool-income .f2p-activity-col-title-name{display:flex;align-items:center;gap:6px;min-width:0}.tool-income .f2p-activity-col-title-icon{width:15px;height:15px;object-fit:contain;flex-shrink:0}.tool-income .f2p-activity-col-total{font-family:Barlow,sans-serif;font-weight:900;letter-spacing:0;text-transform:none;font-size:.78rem;color:var(--text-color);white-space:nowrap;flex-shrink:0}.tool-income .f2p-activity-section .recap-event-row{padding:7px 12px;gap:10px}.tool-income .f2p-tbd-badge{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fb923c;background:#fb923c1f;border:1px solid rgba(251,146,60,.35);border-radius:20px;padding:2px 9px}.tool-income .f2p-wip-badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fb923c;background:#fb923c1f;border:1px solid rgba(251,146,60,.35);border-radius:20px;padding:1px 7px;margin-left:7px;vertical-align:middle}.tool-income .f2p-empty{color:var(--text-muted);font-size:.8rem;padding:20px 0;text-align:center}.tool-income .patch-comparator{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:18px 20px;width:100%;position:relative;overflow:hidden}.tool-income .patch-comparator{padding:16px 20px}.tool-income .comp-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0;color:inherit;font:inherit}.tool-income .comp-chevron{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:transform .15s}.tool-income .comp-chevron.open{transform:rotate(180deg)}.tool-income .comp-body{margin-top:14px}.tool-income .patch-comparator:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),transparent)}.tool-income .comp-title{font-size:.63rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--accent-color);margin-bottom:2px}.tool-income .comp-subtitle{font-size:.6rem;color:var(--text-muted);margin-bottom:14px;letter-spacing:.3px}.tool-income .comp-res-section{margin-bottom:12px}.tool-income .comp-res-section:last-child{margin-bottom:0}.tool-income .comp-res-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.tool-income .comp-res-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0}.tool-income .comp-res-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:700;flex:1}.tool-income .comp-delta-badge{font-size:.6rem;font-weight:800;padding:1px 6px;border-radius:4px;letter-spacing:.5px}.tool-income .comp-delta-badge.up{background:#34d39926;color:var(--green)}.tool-income .comp-delta-badge.down{background:#f8717126;color:var(--red)}.tool-income .comp-delta-badge.neutral{background:#9ca3af1f;color:var(--text-muted)}.tool-income .comp-bar-row{display:flex;flex-direction:column;gap:4px}.tool-income .comp-bar-item{display:grid;grid-template-columns:32px 1fr 52px;align-items:center;gap:6px}.tool-income .comp-bar-patch{font-size:.58rem;color:var(--text-muted);font-weight:700;letter-spacing:.5px;text-align:right}.tool-income .comp-bar-track{height:8px;background:#22314dcc;border-radius:4px;overflow:hidden}.tool-income .comp-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.tool-income .comp-bar-fill.current{background:linear-gradient(90deg,var(--accent-color),rgba(56,189,248,.6))}.tool-income .comp-bar-fill.prev{background:linear-gradient(90deg,#9ca3af80,#9ca3af33)}.tool-income .comp-bar-val{font-size:.6rem;font-weight:700;color:#fff;text-align:right;white-space:nowrap}.tool-income .comp-bar-val.muted{color:var(--text-muted)}.tool-income .comp-no-prev{font-size:.7rem;color:var(--text-muted);text-align:center;padding:20px 0;letter-spacing:.3px}@media (max-width:960px){.tool-income .patch-comparator{width:100%}}.tool-income .section-title{font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:12px}.tool-income .section-title:after{content:"";flex:1;height:1px;background:var(--border-color)}.tool-income .patch-warning-banner{display:flex;align-items:flex-start;gap:12px;padding:13px 18px;background:#fb923c12;border:1px solid rgba(251,146,60,.3);border-radius:12px;margin-bottom:20px}.tool-income .patch-warning-banner.hidden{display:none}.tool-income .patch-warning-icon{flex-shrink:0;margin-top:1px}.tool-income .patch-warning-icon svg{width:18px;height:18px;display:block}.tool-income .patch-warning-text{font-size:.8rem;color:#fb923ce6;line-height:1.55;letter-spacing:.2px}.tool-income .achievement-note{margin-top:36px;font-size:.76rem;color:var(--text-muted);letter-spacing:.3px;text-align:right;padding-right:2px;line-height:2.1}.tool-income .achievement-note .ach-icon{width:14px;height:14px;object-fit:contain;vertical-align:-2px;margin:0 1px}.tool-income .achievement-note .ach-pulls{color:var(--green);opacity:.8;font-weight:700}.tool-income .achievement-note .ach-tbd{color:var(--border-hi);font-style:italic}.tool-income footer{margin-top:32px;padding-top:16px;border-top:1px solid var(--border-color);text-align:left;color:var(--text-muted);font-size:.72rem;line-height:1.6}.tool-income .footer-last-update{font-size:.68rem;color:var(--text-muted);letter-spacing:.5px;margin-top:4px}@media (max-width:900px){.tool-income .content-wrap{padding:20px 16px}.tool-income .summary-grid{grid-template-columns:1fr}.tool-income .f2p-activity-columns{grid-template-columns:repeat(2,1fr)}.tool-income .f2p-activity-columns-currency{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.tool-income .toolbar-container{padding:12px 14px;gap:10px}.tool-income .hist-bar{width:min(70%,20px)}.tool-income .hist-bar-label{font-size:.55rem}.tool-income .hist-chart-wrap{padding:24px 6px 10px}.tool-income .hist-table{font-size:.74rem}.tool-income .hist-table td,.tool-income .hist-table th{padding:7px 8px}.tool-income .achievement-note{text-align:left}.tool-income .comp-bar-item{grid-template-columns:28px 1fr 46px}.tool-income .f2p-activity-columns{grid-template-columns:1fr;gap:16px}.tool-income .f2p-activity-columns-currency{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.tool-income .summary-card{padding:12px 14px}.tool-income .res-value{font-size:.95rem}.tool-income .section-title{letter-spacing:2px;font-size:.66rem}.tool-income .f2p-activity-section .recap-event-row-resources{gap:8px}.tool-income .f2p-activity-section .recap-event-row-name{font-size:.72rem}.tool-income .f2p-activity-section .recap-event-row-res-val{font-size:.82rem}}.tool-income .recap-events-list{display:flex;flex-direction:column;gap:6px}.tool-income .recap-event-row{display:flex;align-items:center;gap:12px;background:var(--card-bg2);border:1px solid var(--border-color);border-radius:8px;padding:8px 14px;position:relative;overflow:hidden}.tool-income .recap-event-row:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--border-hi)}.tool-income .recap-event-row.other{background:#ffffff05;border-style:dashed;border-color:var(--border-hi)}.tool-income .recap-event-row.other:before{background:0 0}.tool-income .recap-event-row-rank{font-family:Barlow,sans-serif;font-weight:900;font-size:.82rem;color:var(--text-muted);width:18px;text-align:center;flex-shrink:0}.tool-income .recap-event-row-name{flex:1 1 auto;min-width:0;font-size:.78rem;font-weight:700;color:var(--text-color);line-height:1.3}.tool-income .recap-event-row.other .recap-event-row-name{color:var(--text-muted);font-size:.74rem}.tool-income .recap-event-row-resources{display:flex;align-items:center;gap:16px;flex-shrink:0}.tool-income .recap-event-row-res{display:flex;align-items:center;gap:3px}.tool-income .recap-event-row-res-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}.tool-income .recap-event-row-res-val{font-family:Barlow,sans-serif;font-weight:900;font-size:.92rem;color:var(--text-muted);white-space:nowrap;text-align:left}.tool-income .loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 0;color:var(--text-muted);font-size:.85rem;letter-spacing:.5px}.tool-income .loading-spinner{width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:income-spin .7s linear infinite;flex-shrink:0}@keyframes income-spin{to{transform:rotate(360deg)}}.tool-income-recap{--bg-color:var(--navy-950);--card-bg:var(--navy-900);--card-bg2:var(--navy-800);--card-hover:var(--navy-700);--text-color:var(--ink);--text-muted:var(--ink-dim);--accent-color:var(--cyan);--accent-glow:rgba(79,216,224,.18);--border-color:var(--navy-line);--border-hi:#2a4060;--green:#22c55e;--green-dim:rgba(34,197,94,.12);--gold-dim:rgba(212,168,67,.12);--red:#ef4444;--orange:#f97316}.tool-income-recap *{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}.tool-income-recap{color:var(--text-color);-webkit-font-smoothing:antialiased}.tool-income-recap ::selection{background:var(--accent-glow);color:var(--accent-color)}.tool-income-recap ::-webkit-scrollbar{width:5px}.tool-income-recap ::-webkit-scrollbar-track{background:var(--card-bg)}.tool-income-recap ::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}.tool-income-recap .page-wrap{max-width:1220px;margin:0 auto;padding:32px 24px 60px}.tool-income-recap .page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.tool-income-recap .back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:600;padding:8px 14px;border:1px solid var(--border-color);border-radius:8px;transition:color .15s,border-color .15s}.tool-income-recap .back-link:hover{color:#fff;border-color:#fff}.tool-income-recap .back-link svg{width:14px;height:14px;flex-shrink:0}.tool-income-recap .page-title{font-family:Barlow,sans-serif;font-weight:900;font-size:1.4rem;letter-spacing:.01em}.tool-income-recap .page-title span{color:var(--gold)}.tool-income-recap .view-tabs{display:flex;gap:14px;max-width:760px;margin:0 auto 22px;flex-wrap:wrap}.tool-income-recap .view-tab-btn{flex:1;min-width:160px;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 16px;border-radius:14px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:all .2s}.tool-income-recap .view-tab-btn svg{width:17px;height:17px;flex-shrink:0;opacity:.7;transition:opacity .2s}.tool-income-recap .view-tab-btn:hover{border-color:var(--accent-color);color:#fff}.tool-income-recap .view-tab-btn.active{background:linear-gradient(135deg,var(--accent-color),#1d7fb0);border-color:var(--accent-color);color:#06141f;box-shadow:0 4px 16px #38bdf84d}.tool-income-recap .view-tab-btn.active svg{opacity:1}.tool-income-recap .hist-res-tabs{display:flex;gap:6px;flex-wrap:wrap}.tool-income-recap .hist-res-tab{padding:6px 14px;border-radius:8px;font-size:.72rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;cursor:pointer;border:1px solid var(--border-color);color:var(--text-muted);background:0 0;transition:all .15s;display:inline-flex;align-items:center;gap:7px}.tool-income-recap .hist-res-tab:hover{color:#fff;border-color:#fff}.tool-income-recap .hist-res-tab.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.tool-income-recap .hist-tab-icon{width:16px;height:16px;object-fit:contain;flex-shrink:0;opacity:.85}.tool-income-recap .hist-res-tab.active .hist-tab-icon{opacity:1}.tool-income-recap .hist-mode-tabs{display:flex;gap:6px;flex-wrap:wrap}.tool-income-recap .hist-mode-tab{padding:6px 14px;border-radius:8px;font-size:.68rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;cursor:pointer;border:1px solid var(--border-color);color:var(--text-muted);background:0 0;transition:all .15s}.tool-income-recap .hist-mode-tab:hover{color:#fff;border-color:#fff}.tool-income-recap .hist-mode-tab.active{background:var(--gold);color:#1a1306;border-color:var(--gold)}.tool-income-recap .controls-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:22px;flex-wrap:wrap}.tool-income-recap .patch-select{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-color);padding:7px 30px 7px 14px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;outline:0;transition:all .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;width:auto;min-width:140px}.tool-income-recap .recap-export-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent-color),#1e6a9e);color:#06141f;font-weight:800;font-size:.85rem;letter-spacing:.3px;padding:9px 18px;border-radius:8px;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s}.tool-income-recap .recap-export-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #38bdf84d}.tool-income-recap .recap-export-btn:active{transform:translateY(0)}.tool-income-recap .recap-export-btn:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.tool-income-recap .recap-export-status{font-size:.78rem;color:var(--text-muted)}.tool-income-recap .recap-preview-wrap{width:100%;position:relative;overflow:hidden}.tool-income-recap .recap-empty-state{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:.9rem}.tool-income-recap .recap-card{background:linear-gradient(160deg,#0d1421 0,#0a0f1a);border:1px solid var(--border-hi);border-radius:16px;width:1100px;margin:0;padding:40px 48px;position:relative;overflow:hidden}.tool-income-recap .recap-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--accent-color))}.tool-income-recap .recap-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:inherit}.tool-income-recap .recap-card-bg img{position:absolute;right:-25px;bottom:-15px;height:106%;width:auto;opacity:.13;filter:saturate(.85)}.tool-income-recap .recap-card-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,#0d1421 0,#0d1421 34%,#0d142180 54%,#0d142114 78%,#0d142100)}.tool-income-recap .recap-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:30px;gap:20px}.tool-income-recap .recap-title-block{flex:1}.tool-income-recap .recap-eyebrow{font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--accent-color);font-weight:700;margin-bottom:6px}.tool-income-recap .recap-title{font-family:Barlow,sans-serif;font-weight:900;font-size:2.4rem;line-height:1.05;letter-spacing:.01em;color:var(--text-color)}.tool-income-recap .recap-title .gold{color:var(--gold)}.tool-income-recap .recap-meta-row{display:flex;gap:18px;margin-top:14px;flex-wrap:wrap}.tool-income-recap .recap-meta-chip{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted);font-weight:600;background:#ffffff08;border:1px solid var(--border-color);padding:5px 12px;border-radius:20px}.tool-income-recap .recap-meta-chip b{color:var(--text-color);font-weight:800}.tool-income-recap .recap-brand{text-align:right;flex-shrink:0}.tool-income-recap .recap-brand-name{font-family:Barlow,sans-serif;font-weight:900;font-size:1.1rem;letter-spacing:.01em;color:var(--text-color)}.tool-income-recap .recap-brand-name span{color:var(--gold)}.tool-income-recap .recap-brand-sub{font-size:.7rem;color:var(--text-muted);margin-top:2px;letter-spacing:.5px}.tool-income-recap .recap-grid{display:grid;grid-template-columns:1fr 280px;gap:18px;margin-bottom:26px;align-items:stretch}.tool-income-recap .recap-panel{background:var(--card-bg2);border:1px solid var(--border-color);border-radius:12px;padding:20px 22px;position:relative;overflow:hidden}.tool-income-recap .recap-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.tool-income-recap .recap-panel.f2p:before{background:linear-gradient(90deg,var(--green),transparent)}.tool-income-recap .recap-panel.premium:before{background:linear-gradient(90deg,var(--gold),transparent)}.tool-income-recap .recap-panel-title{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:14px}.tool-income-recap .recap-panel.f2p .recap-panel-title{color:var(--green)}.tool-income-recap .recap-panel.premium .recap-panel-title{color:var(--gold)}.tool-income-recap .recap-highlight.premium{background:#d4a84314;border-color:#d4a84359}.tool-income-recap .recap-paid-breakdown{background:var(--card-bg2);border:1px solid var(--border-hi);border-radius:12px;padding:18px 20px;margin-bottom:26px;position:relative;overflow:hidden}.tool-income-recap .recap-paid-breakdown:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent)}.tool-income-recap .recap-paid-breakdown .recap-panel-title{color:var(--gold);margin-bottom:16px}.tool-income-recap .recap-paid-items{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-income-recap .recap-paid-item{background:#ffffff05;border:1px solid var(--border-color);border-radius:10px;padding:14px 16px}.tool-income-recap .recap-paid-item-name{font-size:.78rem;font-weight:800;color:var(--text-color);margin-bottom:10px}.tool-income-recap .recap-paid-item-res{display:flex;align-items:center;gap:8px;padding:4px 0}.tool-income-recap .recap-paid-item-res img{width:19px;height:19px;object-fit:contain;flex-shrink:0}.tool-income-recap .recap-paid-item-res-name{flex:1;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.tool-income-recap .recap-paid-item-res-val{font-size:.85rem;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.tool-income-recap .recap-paid-item-empty{font-size:.72rem;color:var(--text-muted);font-style:italic}.tool-income-recap .recap-panel-resgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tool-income-recap .recap-panel-resgrid .recap-res-row{flex-direction:column;align-items:flex-start;gap:6px;padding:0;border-bottom:none}.tool-income-recap .recap-panel-resgrid .recap-res-name{font-size:.68rem}.tool-income-recap .recap-panel-resgrid .recap-res-value{font-size:1.15rem}.tool-income-recap .recap-res-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(34,49,77,.5)}.tool-income-recap .recap-res-row:last-child{border-bottom:none}.tool-income-recap .recap-res-icon{width:26px;height:26px;object-fit:contain;flex-shrink:0}.tool-income-recap .recap-res-icon-fallback{width:26px;height:26px;border-radius:6px;background:var(--border-hi);flex-shrink:0}.tool-income-recap .recap-res-name{flex:1;color:var(--text-muted);font-size:.78rem;letter-spacing:.5px;text-transform:uppercase;font-weight:600}.tool-income-recap .recap-res-value{font-size:1.25rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.tool-income-recap .recap-highlight{background:#d4a8430f;border:1px solid rgba(212,168,67,.25);border-radius:12px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.tool-income-recap .recap-highlight-icon{font-size:1.8rem}.tool-income-recap .recap-highlight-text{font-size:.82rem;color:var(--text-color);line-height:1.45}.tool-income-recap .recap-highlight-text b{color:var(--gold)}.tool-income-recap .recap-events-list{display:flex;flex-direction:column;gap:6px}.tool-income-recap .recap-event-row{display:flex;align-items:center;gap:12px;background:var(--card-bg2);border:1px solid var(--border-color);border-radius:8px;padding:8px 14px;position:relative;overflow:hidden}.tool-income-recap .recap-event-row:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--border-hi)}.tool-income-recap .recap-event-row-name{flex:1 1 auto;min-width:0;font-size:.78rem;font-weight:700;color:var(--text-color);line-height:1.3}.tool-income-recap .f2p-wip-badge{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fb923c;background:#fb923c1f;border:1px solid rgba(251,146,60,.35);border-radius:20px;padding:1px 7px;margin-left:7px;vertical-align:middle}.tool-income-recap .recap-event-row-resources{display:flex;align-items:center;gap:16px;flex-shrink:0}.tool-income-recap .recap-event-row-res{display:flex;align-items:center;gap:3px}.tool-income-recap .recap-event-row-res-icon{width:18px;height:18px;object-fit:contain;flex-shrink:0}.tool-income-recap .recap-event-row-res-val{font-family:Barlow,sans-serif;font-weight:900;font-size:.92rem;color:var(--text-muted);white-space:nowrap;text-align:left}.tool-income-recap .recap-comp-panel{background:var(--card-bg2);border:1px solid var(--border-hi);border-radius:12px;padding:18px 20px;position:relative;overflow:hidden;height:100%}.tool-income-recap .recap-comp-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),transparent)}.tool-income-recap .recap-comp-title{font-size:.72rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--accent-color);margin-bottom:2px}.tool-income-recap .recap-comp-subtitle{font-size:.7rem;color:var(--text-muted);margin-bottom:16px;letter-spacing:.3px}.tool-income-recap .recap-comp-panel .comp-res-section{margin-bottom:14px}.tool-income-recap .recap-comp-panel .comp-res-section:last-child{margin-bottom:0}.tool-income-recap .recap-comp-panel .comp-res-header{display:flex;align-items:center;gap:6px;margin-bottom:7px}.tool-income-recap .recap-comp-panel .comp-res-icon{width:17px;height:17px;object-fit:contain;flex-shrink:0}.tool-income-recap .recap-comp-panel .comp-res-label{font-size:.64rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:700;flex:1}.tool-income-recap .recap-comp-panel .comp-delta-badge{font-size:.62rem;font-weight:800;padding:1px 6px;border-radius:4px;letter-spacing:.5px}.tool-income-recap .recap-comp-panel .comp-delta-badge.up{background:#22c55e26;color:var(--green)}.tool-income-recap .recap-comp-panel .comp-delta-badge.down{background:#ef444426;color:var(--red)}.tool-income-recap .recap-comp-panel .comp-delta-badge.neutral{background:#8ba0bb1f;color:var(--text-muted)}.tool-income-recap .comp-bar-row{display:flex;flex-direction:column;gap:5px}.tool-income-recap .comp-bar-item{display:grid;grid-template-columns:34px 1fr 56px;align-items:center;gap:6px}.tool-income-recap .comp-bar-patch{font-size:.6rem;color:var(--text-muted);font-weight:700;letter-spacing:.5px;text-align:right}.tool-income-recap .comp-bar-track{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.tool-income-recap .comp-bar-fill{height:100%;border-radius:4px}.tool-income-recap .comp-bar-fill.current{background:linear-gradient(90deg,var(--accent-color),rgba(56,189,248,.6))}.tool-income-recap .comp-bar-fill.prev{background:linear-gradient(90deg,#8ba0bb80,#8ba0bb33)}.tool-income-recap .comp-bar-val{font-size:.62rem;font-weight:700;color:#fff;text-align:right;white-space:nowrap}.tool-income-recap .comp-bar-val.muted{color:var(--text-muted)}.tool-income-recap .recap-comp-panel .comp-no-prev{font-size:.74rem;color:var(--text-muted);text-align:center;padding:24px 0;letter-spacing:.3px}.tool-income-recap .recap-footer{margin-top:26px;display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:var(--text-muted);letter-spacing:.3px}.tool-income-recap .recap-f2p-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}.tool-income-recap .recap-f2p-col-title{font-size:.68rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--text-muted);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.tool-income-recap .recap-hist-table{width:100%;border-collapse:collapse;font-size:.76rem}.tool-income-recap .recap-hist-table th{text-align:left;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:.64rem;padding:7px 12px;border-bottom:1px solid var(--border-color)}.tool-income-recap .recap-hist-table td{padding:8px 12px;border-bottom:1px solid rgba(34,49,77,.5);color:#fff;font-weight:600}.tool-income-recap .recap-hist-table tr:last-child td{border-bottom:none}.tool-income-recap .loading-state{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 0;color:var(--text-muted);font-size:.85rem;letter-spacing:.5px}.tool-income-recap .loading-spinner{width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:income-recap-spin .7s linear infinite;flex-shrink:0}@keyframes income-recap-spin{to{transform:rotate(360deg)}}@media (max-width:700px){.tool-income-recap .controls-bar .patch-select{flex:1;min-width:0}}.tool-build h1,.tool-build h2,.tool-build h3,.tool-build h4,.tool-build .display{font-family:Barlow,sans-serif}.tool-build .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:20px}.tool-build .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--navy-line);background:var(--navy-800);color:var(--ink);padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.15s;font-family:Inter,sans-serif;letter-spacing:.02em}.tool-build .btn:hover{border-color:var(--gold);color:var(--gold-bright)}.tool-build .btn.primary{background:linear-gradient(135deg,var(--gold) 0,#b9863f 100%);color:#1a1305;border:none}.tool-build .btn.primary:hover{filter:brightness(1.08);color:#1a1305}.tool-build .btn.ghost{background:0 0}.tool-build .btn.small{padding:6px 11px;font-size:11.5px}.tool-build .btn svg{width:14px;height:14px;flex:none}.tool-build .page{max-width:1640px;margin:0 auto;padding:26px 20px 40px}.tool-build .stage{background:linear-gradient(160deg,#0a0f1e 0,#0d1428 55%,#0a0f1e);border:1px solid var(--navy-line);border-radius:18px;overflow:hidden;display:grid;grid-template-columns:648px 950px;width:1598px;height:948px;box-shadow:0 30px 60px -20px #0009}.tool-build .mobile-view-tabs{display:none}@media (max-width:1180px){.tool-build .page{max-width:100%;overflow-x:hidden}.tool-build .stage{grid-template-columns:1fr;width:100%;min-width:0;height:auto}.tool-build .portrait-col,.tool-build .content-col,.tool-build .mobile-view-tabs{min-width:0}.tool-build .band-grid,.tool-build .skill-chain,.tool-build .team-slots{overflow-x:auto}.tool-build .mobile-view-tabs{display:flex;gap:8px;padding:12px;order:-1}.tool-build .mobile-view-tabs button{flex:1;min-width:0;padding:11px;border-radius:9px;border:1px solid var(--navy-line);background:var(--navy-800);color:var(--ink-dim);font-family:Inter,sans-serif;font-weight:700;font-size:13px;letter-spacing:.02em;cursor:pointer;transition:.15s}.tool-build .mobile-view-tabs button.active{background:linear-gradient(135deg,var(--gold),#b9863f);color:#1a1305;border-color:transparent}.tool-build .mobile-hide{display:none!important}}.tool-build .portrait-footer{width:648px;flex:none;background:var(--navy-950);border-top:1px solid var(--navy-line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;font-size:12px;color:var(--ink);letter-spacing:.02em;padding:16px 40px}@media (max-width:1180px){.tool-build .portrait-footer{width:100%;max-width:648px;padding:16px 20px}}.tool-build .portrait-footer .site-url{color:var(--gold-bright);font-weight:700;letter-spacing:.03em}.tool-build .portrait-comment{margin:0;font-size:11.5px;color:var(--ink-dim);line-height:1.4;text-align:center;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.tool-build .portrait-col{position:relative;padding:0;display:flex;flex-direction:column;align-items:center;background:var(--navy-950);border-right:1px solid var(--navy-line)}.tool-build .meta-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);z-index:5;width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:1px solid var(--navy-line);color:var(--ink-dim);font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tool-build .meta-toggle:hover{color:var(--gold-bright);border-color:var(--gold)}.tool-build .meta-popover{position:absolute;bottom:42px;right:0;z-index:5;width:230px;background:var(--navy-900);border:1px solid var(--navy-line);border-radius:10px;padding:14px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;gap:10px}.tool-build .meta-popover label{font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.03em;display:block;margin-bottom:3px}.tool-build .meta-popover input{width:100%;background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink);padding:9px 10px;border-radius:6px;font-size:13px;font-family:Inter,sans-serif}.tool-build .meta-popover textarea{width:100%;min-height:70px;background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink);padding:9px 10px;border-radius:6px;font-size:12.5px;font-family:Inter,sans-serif;resize:vertical;line-height:1.4}.tool-build .meta-popover input:focus,.tool-build .meta-popover textarea:focus{outline:0;border-color:var(--cyan)}.tool-build .meta-char-count{font-size:10px;color:var(--ink-dim);text-align:right;margin-top:3px}.tool-build .meta-popover input:focus{outline:0;border-color:var(--cyan)}.tool-build .portrait-img-box{width:648px;height:768px;flex:none;background:var(--navy-800);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}@media (max-width:1180px){.tool-build .portrait-img-box{width:100%;max-width:648px;height:auto;aspect-ratio:27/32}}.tool-build .portrait-img-box:hover:after{content:"Change character";position:absolute;top:0;right:0;bottom:0;left:0;background:#04060c8c;color:var(--gold-bright);font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center}.tool-build .portrait-img-box img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.tool-build .portrait-fallback{color:var(--navy-line);font-family:Barlow,sans-serif;font-size:140px;font-weight:900;position:relative;z-index:1}.tool-build .corner-badge{position:absolute;width:64px;height:64px;filter:drop-shadow(0 3px 10px rgba(0,0,0,.6));z-index:3;pointer-events:none}.tool-build .corner-badge img{width:100%;height:100%;object-fit:contain}.tool-build .corner-badge .letter-fallback{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#1a1305;font-family:Barlow,sans-serif;font-weight:900;font-size:26px;display:flex;align-items:center;justify-content:center}.tool-build .badge-rarity{top:18px;left:18px}.tool-build .badge-element{top:18px;right:18px}.tool-build .badge-role{top:90px;right:18px}.tool-build .skin-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:52px;height:52px;border-radius:50%;background:#04060e8c;border:1px solid rgba(233,230,220,.25);color:var(--ink);font-size:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s}.tool-build .skin-nav:hover{background:#04060ecc;border-color:var(--gold);color:var(--gold-bright)}.tool-build .skin-prev{left:14px}.tool-build .skin-next{right:14px}.tool-build .skin-dots{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:4;background:#04060e8c;border-radius:12px;padding:5px 16px;font-size:14px;color:var(--ink-dim);letter-spacing:.03em}.tool-build .portrait-top-shadow{position:absolute;left:0;right:0;top:0;height:230px;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(4,6,14,.7),transparent)}.tool-build .portrait-caption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:40px 28px 26px;background:linear-gradient(180deg,transparent,rgba(4,6,14,.55) 45%,rgba(4,6,14,.92))}.tool-build .made-by{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);font-weight:700;display:block;margin-bottom:4px}.tool-build .char-name-input{font-family:Barlow,sans-serif;font-size:48px;font-weight:900;color:var(--ink);letter-spacing:.02em;background:0 0;border:none;border-bottom:1px dashed transparent;padding:3px 0 5px;margin:0;width:100%;text-shadow:0 2px 8px rgba(0,0,0,.6);text-align:center}.tool-build .char-name-input:focus{outline:0;border-bottom-color:var(--gold)}.tool-build .char-name-input::placeholder{color:#e9e6dc59}.tool-build .char-name-export{font-family:Barlow,sans-serif;font-size:48px;font-weight:900;color:var(--ink);letter-spacing:.02em;padding:3px 0 5px;margin:0;width:100%;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.6)}.tool-build .content-col{padding:14px;display:flex;flex-direction:column;gap:10px;height:948px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--navy-line) transparent;position:relative}@media (max-width:1180px){.tool-build .content-col{height:auto;overflow-y:visible}}.tool-build .content-col.locked .band{pointer-events:none;filter:blur(1.5px);opacity:.35}.tool-build .content-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#070a148c;text-align:center;padding:20px;color:var(--ink);font-size:14px;font-weight:600}.tool-build .content-lock-overlay .lock-icon{font-size:32px;filter:grayscale(1) brightness(1.6)}.tool-build .content-col::-webkit-scrollbar{width:8px}.tool-build .content-col::-webkit-scrollbar-thumb{background:var(--navy-line);border-radius:8px}.tool-build .content-col::-webkit-scrollbar-track{background:0 0}.tool-build .band{background:var(--navy-900);border:1px solid var(--navy-line);border-radius:12px;overflow:hidden;flex-shrink:0}.tool-build .band-title{background:linear-gradient(135deg,var(--navy-700),var(--navy-800));border-bottom:1px solid var(--navy-line);padding:7px 14px;font-size:14px;font-weight:700;letter-spacing:.03em;color:var(--gold-bright);font-family:Barlow,sans-serif;display:flex;align-items:center;gap:8px}.tool-build .band-title .bar{width:3px;height:14px;background:var(--cyan);border-radius:2px}.tool-build .band-grid{padding:14px;display:flex;gap:8px;flex-wrap:wrap;min-height:118px;align-content:flex-start}.tool-build .two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-build .two-col-arc{grid-template-columns:.75fr 1.25fr}.tool-build .two-col-console{grid-template-columns:1.75fr 1fr}.tool-build .console-band{display:flex;flex-direction:column}.tool-build .console-wrap{display:flex;gap:14px;padding:12px 14px;align-items:flex-start}.tool-build .console-grid-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none}.tool-build .console-grid{display:grid;gap:2px;width:80px}.tool-build .console-cell{aspect-ratio:1/1;border-radius:3px;background:var(--navy-700);border:1px solid var(--navy-line)}.tool-build .console-cell.filled{background:linear-gradient(135deg,var(--gold-bright),var(--gold));border-color:transparent}.tool-build .console-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.tool-build .console-spec-title{font-size:12px;font-weight:800;color:var(--gold-bright);letter-spacing:.02em;text-transform:uppercase}.tool-build .console-spec-stat{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--ink)}.tool-build .console-spec-icon{width:18px;height:18px;object-fit:contain;flex:none}.tool-build .console-spec-desc{margin:0;font-size:11.5px;color:var(--ink-dim);line-height:1.45}@media (max-width:640px){.tool-build .two-col{grid-template-columns:1fr}.tool-build .band-grid{flex-wrap:wrap}}.tool-build .tile{display:flex;flex-direction:column;align-items:center;gap:6px;width:95px;flex:none;text-align:center;position:relative}.tool-build .tile-divider{width:1px;align-self:stretch;background:var(--navy-line);margin:4px 2px;flex:none}.tool-build .tile .icon{width:63px;height:63px;border-radius:14px;background:var(--navy-800);border:1px solid var(--navy-line);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;position:relative}.tool-build .tile .icon:hover{border-color:var(--cyan)}.tool-build .tile .icon img{width:100%;height:100%;object-fit:cover}.tool-build .tile .icon .letter{font-family:Barlow,sans-serif;font-weight:700;font-size:23px;color:var(--navy-line)}.tool-build .tile .name-label{width:100%;font-size:12px;font-weight:600;color:var(--ink);line-height:1.25;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;padding:0 1px}.tool-build .skill-node .name-label{font-size:13px;font-weight:700;color:var(--gold-bright);letter-spacing:.03em;white-space:normal}.tool-build .alt-tile .name-label,.tool-build .best-tile .name-label{width:100%;color:var(--ink);font-size:12px;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;flex:none;min-height:1.25em;line-height:1.25}.tool-build .tile-remove{position:absolute;top:-6px;right:14px;width:20px;height:20px;border-radius:50%;background:var(--navy-700);border:1px solid var(--navy-line);color:var(--ink-dim);font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.tool-build .tile-remove:hover{color:var(--danger);border-color:var(--danger)}.tool-build .best-star{position:absolute;top:-7px;left:-7px;width:25px;height:25px;border-radius:50%;background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:transform .15s,box-shadow .15s,background .15s,color .15s;box-shadow:0 2px 4px #0000004d}.tool-build .best-star svg{width:14px;height:14px}.tool-build .best-star:hover{color:var(--gold-bright);border-color:var(--gold);transform:scale(1.12)}.tool-build .best-star.on{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#1a1305;border-color:transparent;box-shadow:0 0 0 1px #f0cd8a66,0 2px 8px #d4af6a8c}.tool-build .best-star.on:hover{transform:scale(1.12)}.tool-build .export-star{position:absolute;top:-7px;left:-7px;width:25px;height:25px;border-radius:50%;background:#d4a843;z-index:2;display:flex;align-items:center;justify-content:center;font-size:13px;color:#1a1305;line-height:1}.tool-build .add-tile .icon{border-style:dashed;color:var(--ink-dim);font-size:25px;font-weight:300}.tool-build .add-tile .icon:hover{color:var(--gold-bright);border-color:var(--gold)}.tool-build .add-tile .label{font-size:11px;color:var(--ink-dim)}.tool-build .add-tile:hover .label{color:var(--gold-bright)}.tool-build .add-tile.disabled .icon{opacity:.35;cursor:not-allowed}.tool-build .add-tile.disabled .label{opacity:.35}.tool-build .skill-chain{display:flex;align-items:flex-start;flex-wrap:wrap;gap:4px;padding:12px 10px;align-content:flex-start}.tool-build .skill-node{display:flex;flex-direction:column;align-items:center;gap:5px;width:84px;text-align:center;position:relative;cursor:grab;transition:opacity .15s}.tool-build .skill-node.is-dragging{opacity:.35;cursor:grabbing}.tool-build .skill-node .icon{width:59px;height:59px;border-radius:50%;background:var(--navy-800);border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.tool-build .skill-node .icon img{width:100%;height:100%;object-fit:cover}.tool-build .skill-node .letter{font-family:Barlow,sans-serif;font-weight:700;color:var(--gold);font-size:18px}.tool-build .skill-node .reorder{display:flex;gap:2px}.tool-build .skill-node .reorder button{background:var(--navy-700);border:1px solid var(--navy-line);color:var(--ink-dim);border-radius:4px;width:18px;height:18px;font-size:10px;cursor:pointer;line-height:1}.tool-build .skill-node .reorder button:hover{color:var(--cyan);border-color:var(--cyan)}.tool-build .chevron-btn{background:0 0;border:none;color:var(--gold);font-size:19px;font-weight:900;cursor:pointer;padding:0 2px;margin-top:18px;line-height:1}.tool-build .chevron-btn:hover{color:var(--gold-bright)}.tool-build .team-groups{padding:10px;display:flex;gap:14px}.tool-build .team-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.tool-build .team-group-label{font-size:11px;font-weight:700;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.05em;padding:2px;background:0 0;border:none;border-bottom:1px dashed transparent;width:100%;font-family:Inter,sans-serif;transition:border-color .15s;cursor:text}.tool-build .team-group-label:hover{border-bottom-color:var(--navy-line)}.tool-build .team-group-label:focus{outline:0;border-bottom-color:var(--gold)}.tool-build .team-group-label::placeholder{color:var(--gold-bright);opacity:.65}.tool-build .team-group-label-export{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;cursor:default;border-bottom-color:transparent!important}.tool-build .team-slots{display:flex;gap:14px;flex-wrap:wrap;align-content:flex-start}.tool-build .team-slot{background:0 0;border:none;border-radius:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;width:113px}.tool-build .team-slot .slot-remove{position:absolute;top:-7px;right:14px;width:18px;height:18px;border-radius:50%;background:var(--navy-700);border:1px solid var(--navy-line);color:var(--ink-dim);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tool-build .team-slot .slot-remove:hover{color:var(--danger);border-color:var(--danger)}.tool-build .best-tile{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;text-align:center;min-height:112px}.tool-build .best-tile .icon{width:81px;height:81px;flex:none;border-radius:16px;background:var(--navy-700);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.tool-build .best-tile .icon img{width:100%;height:100%;object-fit:cover}.tool-build .best-tile .letter{font-family:Barlow,sans-serif;font-weight:700;font-size:27px;color:var(--navy-line)}.tool-build .alt-column{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%}.tool-build .alt-tile{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;text-align:center;position:relative;min-height:88px}.tool-build .alt-tile .icon{width:56px;height:56px;flex:none;border-radius:12px;background:var(--navy-700);border:1px solid var(--navy-line);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.tool-build .alt-tile .icon img{width:100%;height:100%;object-fit:cover}.tool-build .alt-tile .letter{font-family:Barlow,sans-serif;font-weight:700;font-size:20px;color:var(--navy-line)}.tool-build .alt-tile .tile-remove{top:-5px;right:5px;width:15px;height:15px;font-size:8px}.tool-build .alt-add{width:56px;height:56px;border-radius:12px;border:1px dashed var(--navy-line);background:0 0;color:var(--ink-dim);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.tool-build .alt-add:hover{border-color:var(--gold);color:var(--gold-bright)}.tool-build .alt-add:disabled{opacity:.3;cursor:not-allowed}.tool-build .stage.exporting .add-tile,.tool-build .stage.exporting .alt-add,.tool-build .stage.exporting .best-star,.tool-build .stage.exporting .meta-popover,.tool-build .stage.exporting .meta-toggle,.tool-build .stage.exporting .reorder,.tool-build .stage.exporting .skin-dots,.tool-build .stage.exporting .skin-nav,.tool-build .stage.exporting .slot-remove,.tool-build .stage.exporting .tile-remove{display:none!important}.tool-build .stage.exporting .best-star.on{pointer-events:none}.tool-build .stage.exporting .icon{cursor:default}.tool-build .stage.exporting .portrait-img-box:hover:after{content:none}.tool-build .stage.exporting .content-lock-overlay{display:none!important}.tool-build .stage.exporting .band-grid,.tool-build .stage.exporting .skill-chain,.tool-build .stage.exporting .team-slots{min-height:0!important}.tool-build .stage.export-expand{height:auto!important}.tool-build .stage.export-expand .content-col{height:auto!important;overflow:visible!important}.tool-build .stage.exporting .content-col.locked .band{filter:none;opacity:1}.tool-build .stage.exporting .char-name-input{pointer-events:none}.tool-build .empty-note{color:var(--ink-dim);font-size:12px;padding:6px 4px;font-style:italic}.tool-build .comment-text{margin:0;padding:12px 14px;font-size:12.5px;color:var(--ink);line-height:1.5;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.tool-build .hint-note{color:var(--ink-dim);font-size:11px;padding:0 16px 12px;font-style:italic}.tool-build .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--navy-800);border:1px solid var(--gold);color:var(--gold-bright);padding:10px 18px;border-radius:9px;font-size:13px;font-weight:600;z-index:200;box-shadow:0 10px 30px #0006}.tool-build .footer-note{color:var(--ink-dim);font-size:11.5px;text-align:center;padding:14px 0 0}.tool-build .view-only-banner{background:linear-gradient(135deg,#e0654f,#a83324);color:#fff;padding:11px 20px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;font-weight:700;letter-spacing:.02em;flex-wrap:wrap;text-align:center;position:sticky;top:0;z-index:49;box-shadow:0 4px 14px #00000059}.tool-build .edit-build-btn{background:#fff;color:#a83324;border:none;padding:7px 16px;border-radius:20px;font-size:12.5px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.15s;white-space:nowrap;font-family:Inter,sans-serif}.tool-build .edit-build-btn:hover{background:#ffe3de;transform:translateY(-1px)}.tool-build .stage.view-only .content-col *,.tool-build .stage.view-only .portrait-col *{pointer-events:none!important}.tool-build .code-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:240px;background:var(--navy-900);border:1px solid var(--navy-line);border-radius:10px;padding:14px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;gap:4px}.tool-build .code-popover label{font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.03em;display:block;margin-bottom:4px}.tool-build .code-popover input{width:100%;background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink);padding:9px 10px;border-radius:6px;font-size:13px;font-family:Inter,sans-serif}.tool-build .code-popover input:focus{outline:0;border-color:var(--cyan)}.tool-build .sod-footer{max-width:1598px;margin:20px auto 0;padding-top:16px;border-top:1px solid var(--navy-line);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;color:var(--ink-dim);font-size:11.5px;line-height:1.6}.tool-build .footer-col{display:flex;flex-direction:column;gap:4px}.tool-build .footer-right{align-items:flex-end;text-align:right}.tool-build .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060cbf;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tool-build .modal{background:var(--navy-900);border:1px solid var(--navy-line);border-radius:14px;width:min(640px,100%);height:min(600px,86vh);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 80px -20px #000000b3}.tool-build .modal-head{padding:16px 18px;border-bottom:1px solid var(--navy-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-build .modal-head h3{margin:0;font-size:15px;color:var(--gold-bright)}.tool-build .modal-close{background:0 0;border:none;color:var(--ink-dim);font-size:20px;cursor:pointer;line-height:1}.tool-build .modal-close:hover{color:var(--danger)}.tool-build .modal-search{padding:14px 18px 8px}.tool-build .modal-search input{width:100%;background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink);padding:9px 10px;border-radius:7px;font-size:13px;font-family:Inter,sans-serif}.tool-build .modal-search input:focus{outline:0;border-color:var(--cyan)}.tool-build .modal-filters{padding:0 18px 6px;display:flex;flex-direction:column;gap:6px}.tool-build .filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tool-build .filter-label{font-size:10px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:700;flex:none;margin-right:2px}.tool-build .filter-chip{background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink-dim);padding:4px 10px;border-radius:14px;font-size:11px;cursor:pointer;font-weight:600}.tool-build .filter-chip:hover{border-color:var(--gold);color:var(--gold-bright)}.tool-build .filter-chip.on{background:linear-gradient(135deg,var(--gold),#b9863f);color:#1a1305;border-color:transparent}.tool-build .modal-grid{padding:6px 18px 18px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-auto-rows:min-content;align-items:start;gap:10px;flex:1}.tool-build .modal-item{background:var(--navy-800);border:1px solid var(--navy-line);border-radius:9px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center}.tool-build .modal-item{position:relative}.tool-build .modal-item.selected{border-color:var(--cyan);background:#4fd8e014}.tool-build .selected-check{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:var(--cyan);color:var(--navy-950);font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center}.tool-build .modal-item:hover{border-color:var(--cyan)}.tool-build .modal-item .th{width:52px;height:52px;border-radius:8px;overflow:hidden;background:var(--navy-700);display:flex;align-items:center;justify-content:center}.tool-build .modal-item .th img{width:100%;height:100%;object-fit:cover}.tool-build .modal-item .lbl{font-size:10.5px;line-height:1.25;color:var(--ink)}.tool-build .modal-item .sub{font-size:9px;color:var(--gold-bright);font-weight:700}.tool-build .modal-item .rec-badge{color:var(--cyan);font-size:8.5px}.tool-build .modal-item:has(.rec-badge){border-color:var(--gold)}.tool-build .modal-none{grid-column:1/-1;color:var(--ink-dim);font-size:12px;text-align:center;padding:24px 12px}@media (max-width:480px){.tool-build .char-name-input,.tool-build .char-name-export{font-size:32px}.tool-build .made-by{font-size:12px}.tool-build .page{padding:16px 12px 30px}.tool-build .actions{gap:8px}.tool-build .btn{padding:8px 12px;font-size:12px}}.tool-simulator .page{max-width:1400px;margin:0 auto;padding:26px 20px 40px}.tool-simulator .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-bottom:16px}.tool-simulator .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--navy-line);background:var(--navy-800);color:var(--ink);padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.15s;font-family:Inter,sans-serif;letter-spacing:.02em}.tool-simulator .btn:hover{border-color:var(--gold);color:var(--gold-bright)}.tool-simulator .btn.ghost{background:transparent}.tool-simulator .btn svg{width:14px;height:14px;flex:none}.tool-simulator .sim-shell{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:stretch}@media (max-width:960px){.tool-simulator .sim-shell{grid-template-columns:1fr}}.tool-simulator .panel{background:var(--navy-900);border:1px solid var(--navy-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.tool-simulator .panel-head{padding:14px 16px;border-bottom:1px solid var(--navy-line);display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-simulator .panel-head h2{margin:0;font-size:13px;letter-spacing:.05em;color:var(--gold-bright);text-transform:uppercase;display:flex;align-items:center;gap:8px}.tool-simulator .panel-head h2 .bar{width:3px;height:14px;background:var(--cyan);border-radius:2px}.tool-simulator .panel-count{font-size:11px;color:var(--ink-dim)}.tool-simulator .roster-search{padding:10px 14px}.tool-simulator .roster-search input{width:100%;background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink);padding:8px 10px;border-radius:8px;font-size:13px;font-family:Inter,sans-serif}.tool-simulator .roster-search input:focus{outline:0;border-color:var(--cyan)}.tool-simulator .roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;padding:10px 14px 16px;flex:1;overflow-y:auto;align-content:start;scrollbar-width:thin;scrollbar-color:var(--navy-line) transparent}.tool-simulator .roster-grid::-webkit-scrollbar{width:6px}.tool-simulator .roster-grid::-webkit-scrollbar-thumb{background:var(--navy-line);border-radius:6px}.tool-simulator .roster-item{background:var(--navy-800);border:2px solid var(--navy-line);border-radius:12px;padding:6px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:.15s;position:relative}.tool-simulator .roster-item:hover{border-color:var(--cyan)}.tool-simulator .roster-item.rarity-S{border-color:var(--gold)}.tool-simulator .roster-item.rarity-A{border-color:#8a5cc4}.tool-simulator .roster-item.is-selected{border-color:var(--gold);background:var(--navy-700);box-shadow:0 0 0 1px #d4a84366}.tool-simulator .roster-item .icon{width:48px;height:48px;border-radius:9px;overflow:hidden;background:var(--navy-700)}.tool-simulator .roster-item .icon img{width:100%;height:100%;object-fit:cover;display:block}.tool-simulator .roster-item .name{font-size:10px;font-weight:600;color:var(--ink);line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tool-simulator .roster-item .nodata-badge{position:absolute;top:-6px;right:-6px;background:var(--navy-700);border:1px solid var(--navy-line);color:var(--ink-dim);font-size:8px;font-weight:800;padding:2px 4px;border-radius:5px}.tool-simulator .roster-item .new-badge{position:absolute;top:-6px;left:-6px;background:var(--danger);color:#fff;font-size:8px;font-weight:800;padding:2px 4px;border-radius:5px;z-index:1}.tool-simulator .roster-none{grid-column:1/-1;color:var(--ink-dim);font-size:12px;text-align:center;padding:20px 8px}.tool-simulator .detail-hero{display:flex;align-items:center;gap:16px;padding:20px 22px;background:linear-gradient(135deg,var(--navy-800),var(--navy-900));border-bottom:1px solid var(--navy-line)}.tool-simulator .detail-portrait{width:72px;height:72px;flex:none;border-radius:14px;overflow:hidden;background:var(--navy-700);border:2px solid var(--gold)}.tool-simulator .detail-portrait img{width:100%;height:100%;object-fit:cover;display:block}.tool-simulator .detail-name{margin:0;font-size:22px;color:var(--ink);letter-spacing:.01em}.tool-simulator .detail-tags{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap;align-items:center}.tool-simulator .detail-tag{font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:12px;background:var(--navy-700);border:1px solid var(--navy-line);color:var(--ink-dim);display:inline-flex;align-items:center;gap:5px}.tool-simulator .detail-tag img{width:13px;height:13px;object-fit:contain}.tool-simulator .detail-tag.rarity-S{color:var(--gold-bright);border-color:var(--gold)}.tool-simulator .detail-tag.rarity-A{color:#c9a6ea;border-color:#8a5cc4}.tool-simulator .detail-tag.spec{color:var(--cyan);border-color:var(--cyan)}.tool-simulator .detail-tag.featured{color:#fff;background:var(--danger);border-color:transparent}.tool-simulator .detail-panel{transition:opacity .18s ease,transform .18s ease}.tool-simulator .detail-panel.is-swapping{opacity:0;transform:translateY(8px)}.tool-simulator .section-label{display:flex;align-items:center;gap:8px;padding:14px 22px 8px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--gold-bright);text-transform:uppercase}.tool-simulator .section-label .bar{width:3px;height:14px;background:var(--cyan);border-radius:2px}.tool-simulator .section-hint{font-size:11.5px;color:var(--ink-dim);padding:0 22px 10px;margin-top:-4px}.tool-simulator .calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 22px 14px}@media (max-width:760px){.tool-simulator .calc-grid{grid-template-columns:repeat(2,1fr)}}.tool-simulator .calc-grid.cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width:760px){.tool-simulator .calc-grid.cols-3{grid-template-columns:repeat(2,1fr)}}.tool-simulator .calc-grid.cols-2{grid-template-columns:repeat(2,1fr)}.tool-simulator .field{display:flex;flex-direction:column;gap:5px}.tool-simulator .field label{font-size:10.5px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.tool-simulator .field select{background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink);padding:9px 10px;border-radius:8px;font-size:13px;font-family:Inter,sans-serif}.tool-simulator .field select:focus{outline:0;border-color:var(--cyan)}.tool-simulator .field .val-hint{font-size:11px;color:var(--cyan);font-weight:700;margin-top:2px}.tool-simulator .toggle-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:2px 22px 16px}.tool-simulator .seg{display:inline-flex;border:1px solid var(--navy-line);border-radius:9px;overflow:hidden;background:var(--navy-800)}.tool-simulator .seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--ink-dim);padding:8px 14px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;letter-spacing:.02em;transition:.15s}.tool-simulator .seg button.on{background:linear-gradient(135deg,var(--gold),#b9863f);color:#1a1305}.tool-simulator .seg-label{font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-right:2px}.tool-simulator .set-effect-box{margin:0 22px 16px;background:var(--navy-800);border:1px solid var(--navy-line);border-radius:12px;padding:12px 14px;font-size:12px;color:var(--ink-dim);line-height:1.55}.tool-simulator .set-effect-box b{color:var(--ink);font-weight:700}.tool-simulator .set-effect-box .eff-row{display:flex;gap:8px;margin-bottom:6px}.tool-simulator .set-effect-box .eff-row:last-child{margin-bottom:0}.tool-simulator .set-effect-box .eff-tag{flex:none;font-size:10px;font-weight:800;color:var(--navy-950);background:var(--cyan);border-radius:6px;padding:1px 6px;height:fit-content}.tool-simulator .set-effect-box .eff-tag.dim{background:var(--navy-line);color:var(--ink-dim)}.tool-simulator .module-chip-grid{padding:0 22px 6px;display:flex;flex-wrap:wrap;gap:8px}.tool-simulator .module-chip{border:1px solid var(--navy-line);border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:Inter,sans-serif;width:fit-content}.tool-simulator .module-chip.tII{background:#4fd8e00f}.tool-simulator .module-chip.tIII{background:#d4a84312}.tool-simulator .module-chip.tIV{background:#b86ee014}.tool-simulator .module-chip-type{font-size:11px;font-weight:800;padding:2px 8px;border-radius:7px;background:var(--navy-700);border:1px solid var(--navy-line);color:var(--ink)}.tool-simulator .module-chip-subs{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.tool-simulator .sub-slot{width:26px;height:26px;border-radius:6px;background:var(--navy-950);border:1px dashed var(--navy-line);display:flex;align-items:center;justify-content:center;color:var(--ink-dim);font-size:12px;flex:none;transition:.15s}.tool-simulator .module-chip-subs:hover .sub-slot{border-color:var(--cyan);color:var(--cyan)}.tool-simulator .sub-slot.filled{border-style:solid;border-color:var(--navy-line);background:var(--navy-700)}.tool-simulator .sub-slot img{width:16px;height:16px;object-fit:contain}.tool-simulator .icon-btn{width:26px;height:26px;border-radius:7px;border:1px solid var(--navy-line);background:var(--navy-700);color:var(--ink-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s;flex:none}.tool-simulator .icon-btn:hover{border-color:var(--danger);color:var(--danger)}.tool-simulator .icon-btn svg{width:13px;height:13px}.tool-simulator .empty-modules{margin:0 22px 16px;padding:18px;background:var(--navy-800);border:1px dashed var(--navy-line);border-radius:12px;color:var(--ink-dim);font-size:12.5px;text-align:center;line-height:1.5}.tool-simulator .tile{display:flex;flex-direction:column;align-items:center;gap:6px;width:95px;flex:none;text-align:center}.tool-simulator .tile .icon{width:63px;height:63px;border-radius:14px;background:var(--navy-800);border:1px solid var(--navy-line);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;position:relative}.tool-simulator .tile .icon:hover{border-color:var(--cyan)}.tool-simulator .tile .icon img{width:100%;height:100%;object-fit:cover}.tool-simulator .tile .icon.is-empty{border-style:dashed;color:var(--ink-dim);font-size:25px;font-weight:300}.tool-simulator .tile .icon.is-empty:hover{color:var(--gold-bright);border-color:var(--gold)}.tool-simulator .tile-remove{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#070a14d9;border:1px solid var(--navy-line);color:var(--ink-dim);font-size:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}.tool-simulator .tile-remove:hover{color:var(--danger);border-color:var(--danger)}.tool-simulator .tile-value-badge{position:absolute;bottom:2px;left:2px;right:2px;background:#070a14d9;color:var(--gold-bright);font-size:9px;font-weight:800;padding:1px 4px;border-radius:5px;white-space:nowrap;text-align:center;overflow:hidden;text-overflow:ellipsis}.tool-simulator .modal-value-step{padding:24px 18px;display:flex;flex-direction:column;align-items:center;gap:16px;flex:1;justify-content:center}.tool-simulator .modal-value-preview{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink);font-weight:700}.tool-simulator .modal-value-preview img{width:32px;height:32px;object-fit:contain;border-radius:6px;background:var(--navy-700)}.tool-simulator .modal-value-step .manual-bonus-input{width:140px;text-align:center;font-size:16px;padding:10px}.tool-simulator .modal-value-actions{display:flex;gap:10px}.tool-simulator .tile .name-label{width:100%;font-size:11.5px;font-weight:600;color:var(--ink);line-height:1.25;word-wrap:break-word}.tool-simulator .tile-row{display:flex;gap:12px;flex-wrap:wrap;padding:0 22px 4px}.tool-simulator .tile-row .tile.sub-group-start{margin-left:18px;position:relative}.tool-simulator .tile-row .tile.sub-group-start:before{content:"";position:absolute;left:-15px;top:6px;bottom:20px;width:1px;background:var(--navy-line)}.tool-simulator .compact-trigger{width:100%;display:flex;align-items:center;gap:8px;background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink);padding:8px 10px;border-radius:8px;font-size:13px;font-family:Inter,sans-serif;cursor:pointer;text-align:left}.tool-simulator .compact-trigger:hover{border-color:var(--cyan)}.tool-simulator .compact-trigger-icon{width:18px;height:18px;object-fit:contain;flex:none;border-radius:4px;background:var(--navy-700)}.tool-simulator .compact-trigger-empty{width:18px;height:18px;flex:none;border-radius:4px;background:var(--navy-700);border:1px dashed var(--navy-line)}.tool-simulator .compact-trigger-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-simulator .manual-bonus-list{padding:0 22px;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.tool-simulator .manual-bonus-row{display:flex;gap:12px;align-items:center}.tool-simulator .manual-bonus-row .compact-trigger{flex:1}.tool-simulator .manual-bonus-input{width:90px;flex:none;background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink);padding:8px 10px;border-radius:8px;font-size:13px;font-family:Inter,sans-serif}.tool-simulator .manual-bonus-input:focus{outline:0;border-color:var(--cyan)}.tool-simulator .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060cbf;z-index:400;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tool-simulator .modal{background:var(--navy-900);border:1px solid var(--navy-line);border-radius:14px;width:min(560px,100%);height:min(560px,86vh);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 40px 80px -20px #000000b3}.tool-simulator .modal-head{padding:16px 18px;border-bottom:1px solid var(--navy-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-simulator .modal-head h3{margin:0;font-size:15px;color:var(--gold-bright)}.tool-simulator .modal-close{background:0 0;border:none;color:var(--ink-dim);font-size:20px;cursor:pointer;line-height:1}.tool-simulator .modal-close:hover{color:var(--danger)}.tool-simulator .modal-search{padding:14px 18px 8px}.tool-simulator .modal-search input{width:100%;background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink);padding:9px 10px;border-radius:7px;font-size:13px;font-family:Inter,sans-serif}.tool-simulator .modal-search input:focus{outline:0;border-color:var(--cyan)}.tool-simulator .modal-grid{padding:6px 18px 18px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-auto-rows:min-content;align-items:start;gap:10px;flex:1}.tool-simulator .modal-item{background:var(--navy-800);border:1px solid var(--navy-line);border-radius:9px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center;position:relative}.tool-simulator .modal-item:hover{border-color:var(--cyan)}.tool-simulator .modal-item.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.tool-simulator .modal-item.selected{border-color:var(--cyan);background:#4fd8e014}.tool-simulator .modal-item .th{width:52px;height:52px;border-radius:8px;overflow:hidden;background:var(--navy-700);display:flex;align-items:center;justify-content:center}.tool-simulator .modal-item .th img{width:100%;height:100%;object-fit:contain}.tool-simulator .modal-item .lbl{font-size:10.5px;line-height:1.25;color:var(--ink)}.tool-simulator .modal-item .sub{font-size:9px;color:var(--gold-bright);font-weight:700}.tool-simulator .modal-item .rec-badge{color:var(--cyan)}.tool-simulator .modal-item:has(.rec-badge){border-color:var(--gold)}.tool-simulator .selected-check{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:var(--cyan);color:var(--navy-950);font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center}.tool-simulator .modal-none{grid-column:1/-1;color:var(--ink-dim);font-size:12px;text-align:center;padding:24px 12px}.tool-simulator .add-tile .icon{color:var(--ink-dim)}.tool-simulator .icon-select{position:relative}.tool-simulator .icon-select-btn{width:100%;display:flex;align-items:center;gap:8px;background:var(--navy-800);border:1px solid var(--navy-line);color:var(--ink);padding:8px 10px;border-radius:8px;font-size:13px;font-family:Inter,sans-serif;cursor:pointer;text-align:left}.tool-simulator .icon-select-btn:hover{border-color:var(--cyan)}.tool-simulator .icon-select-icon{width:18px;height:18px;object-fit:contain;flex:none;border-radius:4px;background:var(--navy-700)}.tool-simulator .icon-select-empty{width:18px;height:18px;flex:none;border-radius:4px;background:var(--navy-700);border:1px dashed var(--navy-line)}.tool-simulator .icon-select-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-simulator .icon-select-chev{width:14px;height:14px;flex:none;color:var(--ink-dim);transition:.15s}.tool-simulator .icon-select.is-open .icon-select-chev{transform:rotate(180deg)}.tool-simulator .icon-select-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow-y:auto;background:var(--navy-800);border:1px solid var(--navy-line);border-radius:9px;z-index:60;box-shadow:0 12px 30px #00000080;padding:4px;scrollbar-width:thin;scrollbar-color:var(--navy-line) transparent}.tool-simulator .icon-select-option{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:6px;cursor:pointer;font-size:12.5px;color:var(--ink);white-space:nowrap}.tool-simulator .icon-select-option:hover{background:#ffffff0d}.tool-simulator .icon-select-option.active{background:#4fd8e01f;color:var(--cyan)}.tool-simulator .icon-select-option.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.tool-simulator .icon-select-option img{width:16px;height:16px;object-fit:contain;flex:none;border-radius:3px}.tool-simulator .icon-select-option .empty-icon{width:16px;height:16px;flex:none;border-radius:3px;border:1px dashed var(--navy-line)}.tool-simulator .icon-select-option .option-badge{margin-left:auto;color:var(--gold);font-size:11px}.tool-simulator .arc-cartridge-row{display:flex;gap:28px;padding:0 22px 8px;flex-wrap:wrap;align-items:flex-start}.tool-simulator .arc-cartridge-col,.tool-simulator .arc-cartridge-col.arc-col{flex:none}.tool-simulator .arc-cartridge-col .section-label{padding-left:0}.tool-simulator .arc-cartridge-col .tile-row{padding:0}.tool-simulator .spec-mini{margin:0 22px 14px;display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink-dim)}.tool-simulator .spec-mini img{width:16px;height:16px;object-fit:contain;flex:none}.tool-simulator .spec-mini b{color:var(--gold-bright);font-weight:800}.tool-simulator .spec-mini-dim{color:var(--ink-dim);font-size:11px}.tool-simulator .warning-box{margin:10px 22px 16px;padding:11px 14px;background:#e0654f14;border:1px solid var(--danger);border-radius:10px;color:var(--ink-dim);font-size:12px;line-height:1.5}.tool-simulator .warning-box b{color:var(--ink)}.tool-simulator .detail-block{margin:0 22px 18px;padding:14px 16px;background:var(--navy-800);border:1px solid var(--navy-line);border-radius:12px}.tool-simulator .detail-block-title{font-size:12.5px;font-weight:800;color:var(--gold-bright);margin-bottom:6px;letter-spacing:.02em}.tool-simulator .detail-block-text{margin:0 0 10px;font-size:12px;color:var(--ink-dim);line-height:1.55}.tool-simulator .detail-block .set-effect-box,.tool-simulator .detail-block .warning-box{margin:0 0 10px}.tool-simulator .detail-block .warning-box:last-child,.tool-simulator .detail-block .set-effect-box:last-child{margin-bottom:0}.tool-simulator .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--navy-800);border:1px solid var(--danger);color:#fff;padding:10px 18px;border-radius:9px;font-size:13px;font-weight:600;z-index:200;box-shadow:0 10px 30px #0006}.tool-simulator .toast.is-success{border-color:var(--gold)}.tool-simulator .results-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px 22px 8px}@media (max-width:900px){.tool-simulator .results-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){.tool-simulator .results-grid{grid-template-columns:repeat(2,1fr)}}.tool-simulator .stat-tile{background:linear-gradient(160deg,var(--navy-800),var(--navy-900));border:1px solid var(--navy-line);border-radius:12px;padding:14px 10px;text-align:center}.tool-simulator .stat-tile .icon{width:22px;height:22px;object-fit:contain;margin:0 auto 6px}.tool-simulator .stat-tile .num{font-family:Barlow,sans-serif;font-weight:900;font-size:21px;color:var(--gold-bright);line-height:1.1}.tool-simulator .stat-tile .num small{font-size:12px;color:var(--ink-dim);font-weight:700;display:block;margin-top:2px}.tool-simulator .stat-tile .lbl{font-size:10px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.03em;margin-top:4px;font-weight:700}.tool-simulator .stat-tile.highlight .num{color:var(--cyan)}.tool-simulator .extra-bonuses{padding:6px 22px 22px}.tool-simulator .extra-title{font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;font-weight:700;margin-bottom:8px}.tool-simulator .extra-grid{display:flex;flex-wrap:wrap;gap:8px}.tool-simulator .extra-chip{display:flex;align-items:center;gap:6px;background:var(--navy-800);border:1px solid var(--navy-line);border-radius:9px;padding:6px 10px;font-size:12px;color:var(--ink)}.tool-simulator .extra-chip img{width:15px;height:15px;object-fit:contain}.tool-simulator .extra-chip b{color:var(--gold-bright);font-weight:800}.tool-simulator .extra-none{color:var(--ink-dim);font-size:12px}.tool-simulator .stats-table-wrap{margin:0 22px 12px;background:var(--navy-800);border:1px solid var(--navy-line);border-radius:12px;overflow-x:auto}.tool-simulator .stats-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:640px}.tool-simulator .stats-table th,.tool-simulator .stats-table td{padding:9px 12px;text-align:right;white-space:nowrap}.tool-simulator .stats-table th{color:var(--ink-dim);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--navy-line)}.tool-simulator .stats-table th:first-child,.tool-simulator .stats-table td:first-child{text-align:left}.tool-simulator .stats-table td:first-child{color:var(--ink);font-weight:700}.tool-simulator .stats-table tbody tr{border-bottom:1px solid rgba(42,53,90,.5)}.tool-simulator .stats-table tbody tr:last-child{border-bottom:none}.tool-simulator .stats-table td{color:var(--ink-dim)}.tool-simulator .stats-table td.final{color:var(--gold-bright);font-weight:800}.tool-simulator .stats-table tr.is-core td.final{color:var(--cyan)}.tool-simulator .stats-table td.zero{color:var(--navy-line)}.tool-simulator .breakdown-btn{margin:0 22px 14px;display:inline-flex}.tool-simulator .breakdown-btn svg{width:14px;height:14px;transition:.15s}.tool-simulator .breakdown-list{margin:0 22px 22px;background:var(--navy-800);border:1px solid var(--navy-line);border-radius:12px;overflow-y:auto;max-height:320px}.tool-simulator .breakdown-row{display:grid;grid-template-columns:150px 1fr auto;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(42,53,90,.5);font-size:12px}.tool-simulator .breakdown-row:last-child{border-bottom:none}.tool-simulator .breakdown-group{color:var(--cyan);font-weight:700}.tool-simulator .breakdown-label{color:var(--ink-dim)}.tool-simulator .breakdown-value{color:var(--gold-bright);font-weight:700;text-align:right;white-space:nowrap}.tool-simulator .breakdown-value.not-counted{color:var(--danger)}.tool-simulator .nodata-box{margin:0 22px 22px;padding:18px;background:var(--navy-800);border:1px dashed var(--navy-line);border-radius:12px;color:var(--ink-dim);font-size:12.5px;text-align:center;line-height:1.55}.tool-simulator .reco-row{margin:0 22px 20px;padding:12px 14px;background:linear-gradient(135deg,#d4a8431a,#d4a84305);border:1px solid var(--gold);border-radius:12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.tool-simulator .reco-row .btn{border-color:var(--gold);color:var(--gold-bright);background:#d4a84314}.tool-simulator .reco-row .btn:hover{background:#d4a84329}.tool-simulator .reco-hint{font-size:12px;color:var(--ink-dim);line-height:1.5}.tool-simulator .reco-hint b{color:var(--ink)}.tool-simulator .detail-footer{padding:14px 22px;border-top:1px solid var(--navy-line);text-align:center;font-size:12px;color:var(--ink-dim);background:var(--navy-950)}.tool-simulator .detail-footer .site-url{color:var(--gold-bright);font-weight:700;letter-spacing:.03em}@media (max-width:480px){.tool-simulator .detail-name{font-size:19px}.tool-simulator .results-grid{gap:8px}}.tool-train h1,.tool-train h2,.tool-train h3,.tool-train h4{font-family:Barlow,sans-serif}.tool-train .page{max-width:1200px;margin:0 auto;padding:28px 24px 60px;display:flex;gap:24px}.tool-train .roster-panel{width:300px;flex:none;background:var(--navy-900);border:1px solid var(--navy-line);border-radius:14px;overflow:hidden;height:fit-content}.tool-train .roster-head{padding:14px 16px;border-bottom:1px solid var(--navy-line)}.tool-train .roster-head h2{margin:0;font-size:15px;color:var(--gold-bright);display:flex;align-items:center;gap:8px}.tool-train .roster-head .bar{width:3px;height:14px;background:var(--gold);border-radius:2px;display:inline-block}.tool-train .roster-list{max-height:70vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--navy-line) transparent}.tool-train .roster-list::-webkit-scrollbar{width:6px}.tool-train .roster-list::-webkit-scrollbar-thumb{background:var(--navy-line);border-radius:6px}.tool-train .roster-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--navy-line);cursor:pointer;transition:background .12s}.tool-train .roster-item:last-child{border-bottom:none}.tool-train .roster-item:hover{background:#ffffff08}.tool-train .roster-item.active{background:linear-gradient(135deg,rgba(212,168,67,.12),transparent);border-left:3px solid var(--gold)}.tool-train .roster-item.ghost{opacity:.45}.tool-train .roster-item-name{font-size:13.5px;font-weight:700;flex:1}.tool-train .roster-status{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:10px;flex:none}.tool-train .roster-status.live{background:#4fd8e026;color:var(--cyan)}.tool-train .roster-status.closed{background:#8f97b326;color:var(--ink-dim)}.tool-train .roster-status.upcoming{background:#d4a84326;color:var(--gold-bright)}.tool-train .roster-status.spoiler{background:#e0654f26;color:var(--danger)}.tool-train .detail-panel{flex:1;min-width:0}.tool-train .detail-head{background:var(--navy-900);border:1px solid var(--navy-line);border-radius:14px;padding:22px 24px;margin-bottom:20px}.tool-train .detail-head h2{margin:0 0 6px;font-size:22px;color:var(--ink)}.tool-train .detail-dates{font-size:12.5px;color:var(--ink-dim);margin-bottom:14px}.tool-train .detail-buff{background:var(--navy-800);border:1px solid var(--navy-line);border-radius:10px;padding:14px 16px;font-size:13px;line-height:1.6;color:var(--ink)}.tool-train .detail-buff b{color:var(--gold-bright)}.tool-train .stage-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}@media (max-width:760px){.tool-train .stage-grid{grid-template-columns:1fr}.tool-train .page{flex-direction:column}.tool-train .roster-panel{width:100%}}.tool-train .stage-group{background:var(--navy-900);border:1px solid var(--navy-line);border-radius:14px;overflow:hidden}.tool-train .stage-group-head{padding:13px 21px;background:var(--navy-800);font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-bright)}.tool-train .stage-card{display:flex;gap:16px;padding:18px 21px;border-top:1px solid var(--navy-line)}.tool-train .stage-card:first-of-type{border-top:none}.tool-train .stage-icon{width:68px;height:68px;border-radius:13px;background:var(--navy-800);border:1px solid var(--navy-line);object-fit:cover;flex:none}.tool-train .stage-name{font-size:17.5px;font-weight:700;color:var(--ink);margin-bottom:8px}.tool-train .stage-weakness{display:flex;align-items:center;gap:8px;margin-bottom:10px}.tool-train .stage-weakness-label{font-size:14px;color:var(--ink-dim)}.tool-train .stage-weakness-icon{width:23px;height:23px;object-fit:cover}.tool-train .stage-stats{display:flex;gap:18px}.tool-train .stage-stat{display:flex;align-items:center;gap:7px;font-size:15px;color:var(--ink-dim)}.tool-train .stage-stat img{width:18px;height:18px;opacity:.85}.tool-train .stage-stat b{color:var(--ink);font-weight:700}.tool-train .empty-state{text-align:center;padding:60px 20px;color:var(--ink-dim)}.tool-train .sod-footer{max-width:1400px;margin:20px auto 0;padding:16px 24px 20px;border-top:1px solid var(--navy-line);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;color:var(--ink-dim);font-size:11.5px;line-height:1.6}.tool-train .footer-col{display:flex;flex-direction:column;gap:4px}.tool-train .footer-right{align-items:flex-end;text-align:right}