.skill-term.skill-term{min-width:0;min-height:0;box-shadow:none;color:var(--cyan);font:inherit;font-weight:650;line-height:inherit;text-align:inherit;cursor:help;vertical-align:baseline;white-space:normal;touch-action:manipulation;background:0 0;border:0;border-bottom:1px dotted;border-radius:0;margin:0;padding:0;display:inline}.skill-term.skill-term:hover,.skill-term.skill-term[aria-expanded=true]{color:var(--accent);background:var(--accent-soft)}.skill-term.skill-term:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.skill-popover{z-index:10030;box-sizing:border-box;color:var(--text);background:var(--card);border:1px solid var(--line);border-top:2px solid var(--cyan);text-align:left;overflow-wrap:anywhere;padding:14px 16px;font-size:12px;line-height:1.65;position:fixed;box-shadow:0 14px 48px #0005}.skill-popover__heading{color:var(--cyan);letter-spacing:.16em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;font-size:9px;font-weight:800;display:flex}.skill-popover__heading button{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);background:var(--surface);font:inherit;cursor:pointer;place-items:center;padding:0;font-size:19px;display:grid}.skill-popover__heading button:focus-visible,.skill-popover a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.skill-popover__entry+.skill-popover__entry{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.skill-popover__entry header{align-items:center;gap:10px;display:flex}.skill-popover__entry header img{object-fit:contain;background:var(--surface);border:1px solid var(--line);flex-shrink:0}.skill-popover__entry header small{color:var(--muted);font-size:10px;display:block}.skill-popover__entry header strong{color:var(--text);font-size:14px;display:block}.skill-popover__entry p{color:var(--text);font:inherit;margin:10px 0 7px}.skill-popover__entry a{color:var(--cyan);text-underline-offset:3px;font-size:10px}.skill-popover__condition{color:var(--accent);margin-bottom:6px;font-size:10px;display:block}.skill-popover footer{border-top:1px solid var(--line);color:var(--muted);margin-top:12px;padding-top:8px;font-size:9px}@media (width<=480px){.skill-popover{padding:10px 12px}}.skill-popover{flex-direction:column;max-height:calc(100dvh - 24px);display:flex;overflow:hidden}.skill-popover__heading{flex:none}.skill-popover__heading button{border-radius:12px;width:44px;min-width:44px;height:44px;min-height:44px;font-size:25px}.skill-popover__body{overscroll-behavior:contain;min-height:0;overflow-y:auto}:root{color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e9edf2;--card:#fff;--surface:#f1f4f8;--text:#17263a;--muted:#53657b;--line:#cad4df;--accent:#9b4e00;--accent-soft:#fff0dc;--cyan:#006b86;--cyan-soft:#e1f3f8;--on-fill:#fff;--inverse:#101c2c;--on-inverse:#fff;--soft:#e5ebf2;--orange:#9b4e00;--enemy:#b83d50;--enemy-soft:#fff0f2;--positive:#14765f;--warning:#9b650c;--negative:#b83d50;--check-positive-bg:#e0f3e6;--check-conditional-bg:#fff2cc;--check-negative-bg:#ffe5e7;--panel:var(--card);--ink:var(--text);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d18;--card:#101c2c;--surface:#0c1523;--text:#edf4fc;--muted:#a0b1c6;--line:#293b53;--accent:#ffb347;--accent-soft:#302619;--cyan:#69e5ff;--cyan-soft:#142e3e;--on-fill:#101820;--inverse:#edf4fc;--on-inverse:#101c2c;--soft:#1a293d;--orange:#ffb347;--enemy:#ff8293;--enemy-soft:#34202f;--positive:#81dfbd;--warning:#ffcb78;--negative:#ff8293;--check-positive-bg:#133426;--check-conditional-bg:#3a3016;--check-negative-bg:#3d2026}*,:before,:after{box-sizing:border-box}h2,h3,body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}main{gap:16px;max-width:1120px;margin:0 auto;padding:20px 20px 48px;display:grid}.topbar{justify-content:space-between;align-items:end;gap:16px;display:flex}.brand{align-items:center;gap:8px;font-size:22px;font-weight:700;display:flex}.mark{background:var(--orange);border-radius:4px;width:14px;height:14px}.muted,.eyebrow{color:var(--muted)}.eyebrow{color:var(--muted);margin:0 0 6px;font-size:12px}.lede{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.5}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px;box-shadow:0 1px 2px #00000014}.filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.field{color:var(--muted);gap:6px;font-size:12px;display:grid}select{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px 12px}select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.terrain{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.terrain li{color:var(--muted);font-size:13px;line-height:1.45}.terrain span{color:var(--text);font-weight:650}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.toggle,.ghost,.alt,.ban-add{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 12px}.toggle.on{background:var(--accent);border-color:var(--orange);color:var(--muted)}.pool{gap:12px;display:grid}.pool h2,.team-card h2,.advice h3,.drop h2{font-size:16px;font-weight:700}.advice h2{font-size:22px;font-weight:700}.role-block{gap:8px;display:grid}.role-label{color:var(--muted);font-size:12px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid}.pick{background:0 0;border:0;border-radius:10px;justify-items:center;gap:4px;padding:6px 2px;font-size:11px;display:grid}.pick-score{font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.pick.on{background:var(--accent)}.pick:disabled{opacity:.28}.board{grid-template-columns:minmax(0,1fr) minmax(300px,420px);grid-template-areas:"our advice""rest advice";align-items:start;gap:16px;display:grid}.advice{grid-area:advice;position:sticky;top:16px}.rest{grid-area:rest;gap:16px;display:grid}.hint{color:var(--muted);margin:4px 0 8px;font-size:12px;line-height:1.45}.comp{color:var(--muted);margin:6px 0 0;font-size:13px;font-weight:700}.detail{color:var(--muted);margin:2px 0 0;font-size:12px;line-height:1.45}.traits{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.45}.shape{align-items:center;gap:8px;margin:10px 0 8px;display:flex}.shape-score{margin:0;line-height:1}.shape-score strong{font-variant-numeric:tabular-nums;font-size:32px}.shape-score span{color:var(--muted);font-size:14px}.grade{grid-template-columns:auto auto;gap:2px 14px;margin:8px 0 0;padding:0;list-style:none;display:grid}.grade li{min-width:92px;color:var(--muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.grade b{font-variant-numeric:tabular-nums;font-weight:700}.hex{flex:none;display:block;overflow:visible}.hex.mini{flex:none}.hero-meter{flex-direction:column;flex:none;align-items:center;width:54px;display:flex}.hero-score{font-variant-numeric:tabular-nums;margin-top:-4px;font-size:12px;font-weight:700;line-height:1}.situation{background:var(--card);border-radius:10px;gap:8px;margin:0 0 12px;padding:10px 12px;display:grid}.situation p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.situation em{color:var(--muted);margin-bottom:2px;font-size:11px;font-style:normal;font-weight:700;display:block}.rows{gap:4px;display:grid}.hero-row{border-radius:10px;align-items:center;gap:8px;padding:6px;display:flex}.hero-row.on{box-shadow:inset 3px 0 0 var(--accent)}.hero-row.vs-good{background:var(--accent);box-shadow:inset 3px 0 0 var(--line);color:var(--text)}.hero-row.vs-good .hero-main strong{color:var(--text)}.hero-row.vs-bad{background:var(--inverse);box-shadow:inset 3px 0 0 var(--line);color:var(--on-inverse)}.hero-row.vs-bad .hero-main,.hero-row.vs-bad .hero-main strong{color:var(--on-inverse)}.hero-row.vs-both{background:var(--soft);box-shadow:inset 3px 0 0 var(--accent), inset -3px 0 0 var(--text);color:var(--on-inverse)}.hero-row.vs-both .hero-main,.hero-row.vs-both .hero-main strong{color:var(--on-inverse)}.hero-main{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.hero-main strong,.hero-main em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hero-main em{color:var(--muted);font-size:12px;font-style:normal}.portrait{background:var(--card);object-fit:cover;border-radius:10px;flex:none;display:block}.portrait.banned{outline:2px solid var(--text);outline-offset:1px}.swap{gap:4px;margin:12px 0;display:grid}.swap-who{align-items:center;gap:12px;display:flex}.swap-who img{border-radius:12px;width:64px;height:64px}.swap-label{color:var(--muted);margin:2px 0 2px 76px;font-size:12px}.why,.problem{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:14px;line-height:1.55}.map-current{background:var(--card);border:0;border-radius:12px;width:100%;max-height:220px;margin-top:12px;padding:0;display:block;position:relative;overflow:hidden}.map-current img{object-fit:cover;filter:brightness(.78);width:100%;height:220px;display:block}.map-current span{color:var(--on-inverse);text-shadow:0 1px 4px #000;font-size:20px;font-weight:700;position:absolute;bottom:12px;left:14px}.map-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;min-width:0;margin-top:12px;display:grid}.map-card{aspect-ratio:16/9;background:var(--card);border:1px solid #0000;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.map-card img{object-fit:cover;filter:brightness(.7);width:100%;height:100%;display:block}.map-card span{color:var(--on-inverse);text-align:left;text-shadow:0 1px 3px #000;font-size:13px;font-weight:700;position:absolute;bottom:6px;left:8px;right:8px}.map-card.on img{filter:brightness(.92)}.map-pick{min-width:0}.mode-picks,.side-picks{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.mode-picks{margin-bottom:10px}.mode-picks button,.side-picks{min-width:0}.mode-picks button,.side-picks button,.team-swap{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:10px 16px;font-weight:700}.mode-picks button.on,.side-picks button.on{background:var(--accent);border-color:var(--muted);color:var(--text)}.map-pick .owc-points{margin-top:12px}.map-pick .owc-nav-btn.is-selected{border-color:var(--orange)}.team-swap{justify-self:start}.pick-blocks{gap:14px;margin-bottom:16px;display:grid}.pick-rows{gap:6px;display:grid}.pick-row{background:var(--card);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.pick-row img{border-radius:8px;flex:none}.pick-row div{flex:1;min-width:0}.pick-row strong{font-size:14px;display:block}.pick-row p{color:var(--muted);margin:2px 0 0;font-size:12px;line-height:1.4}.pick-row .ghost{flex:none}.role-switch{flex-wrap:wrap;gap:6px;margin:8px 0 4px;display:flex}.options{gap:8px;margin-top:12px;display:grid}.option{background:var(--card);border-radius:12px;gap:4px;padding:10px;display:grid}.option-head{align-items:center;gap:10px;display:flex}.advice-tabs{flex-wrap:wrap;gap:8px;display:flex}.advice-tabs button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:8px 14px;font-weight:700}.advice-tabs button.on{background:var(--accent);color:var(--on-fill)}.tip-card{position:relative}.option-head{cursor:default}.tip-pop{z-index:50;border:1px solid var(--accent);background:var(--card);color:var(--text);border-radius:12px;gap:8px;padding:12px;display:grid;position:fixed;box-shadow:0 8px 24px #00000047}.theme-switch{border:1px solid var(--line);background:var(--bg);border-radius:999px;flex:none;width:52px;height:28px;margin-left:auto;padding:3px}.theme-switch span{background:var(--text);border-radius:50%;width:20px;height:20px;transition:transform .16s;display:block;transform:translate(0);box-shadow:0 1px 2px #00000059}.theme-switch.on{border-color:var(--accent);background:var(--accent)}.theme-switch.on span{background:var(--bg);transform:translate(24px)}.good,.bad{margin:0;font-size:13px;line-height:1.45}.good em,.bad em{color:var(--muted);margin-bottom:2px;font-size:11px;font-style:normal;font-weight:700;display:block}.bad,.bad em{color:var(--muted)}.option .primary{margin-top:8px}.adopt{justify-self:start}.primary{background:var(--orange);width:100%;color:var(--text);border:0;border-radius:999px;margin-top:12px;padding:12px 16px;font-weight:700}.primary:disabled{opacity:.4;cursor:default}.alts,.perk-list,.trace-list,.ban-list{gap:8px;margin-top:14px;display:grid}.alt{text-align:left;border-radius:10px;align-items:center;gap:8px;width:100%;display:flex}.perk-list,.trace-list,.ban-list,.terrain{padding:0;list-style:none}.perk-list li,.trace-list li,.ban-list li{color:var(--muted);font-size:13px;line-height:1.45}details{margin-top:12px}summary{cursor:pointer;color:var(--muted);font-size:13px}.ban-row,.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ban-chip{background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;display:flex}.drop{gap:8px;display:grid}.drop p,.confirm p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.sr-file{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guess-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.guess{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.guess li,.guess-who{align-items:center;gap:8px;font-size:13px;display:flex}.guess img,.empty-icon{background:var(--card);object-fit:cover;border-radius:8px;width:36px;height:36px}.pct{color:var(--muted);margin-left:auto;font-size:12px}.low{color:var(--muted)}.low img,.low .empty-icon{outline:2px solid var(--line)}.error{color:var(--text);font-size:13px}a{color:var(--muted)}.backdrop{z-index:20;background:#0000009e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.picker{width:100%;max-height:none;overflow:visible}.picker-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}@media (width<=900px){.board{grid-template-columns:minmax(0,1fr);grid-template-areas:"our""advice""rest"}.advice{max-height:none;position:static}.filters{grid-template-columns:1fr 1fr}}@media (width<=520px){main{padding:16px 14px 40px}.hex:not(.mini){width:168px;height:168px}.shape{flex-wrap:wrap}.grade li{min-width:0}.filters,.guess-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:start}}.top-actions{max-width:min(560px,100%)}.top-buttons,.owc-nav{align-items:center}.top-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.patch-check{display:contents}.patch-check button{border:1px solid var(--line);background:0 0;border-radius:8px;padding:8px 12px;font-weight:700}.patch-note,.patch-held{max-width:100%;color:var(--muted);text-align:right;flex-basis:100%;order:2;margin:0;font-size:13px}.patch-held{padding-left:16px}.owc .patch-check button{border-radius:0;padding:5px 8px;font-size:12px;font-weight:800}.owc .patch-note,.owc .patch-held{text-align:left}.desk-switch{gap:8px;display:flex}.desk-switch button{border:1px solid var(--line);background:0 0;border-radius:8px;padding:8px 12px;font-weight:700}.desk-switch button.on{background:var(--accent);border-color:var(--muted);color:var(--text)}main.desk-guide{max-width:none;min-height:100svh;margin:0;padding:0;display:block}.owc{background:var(--bg);min-height:calc(100svh - 56px);color:var(--ink);grid-template-rows:none;gap:12px;padding:16px;display:grid}.owc-nav,.owc-pick,.owc-result,.owc-foot{background:var(--panel);border:1px solid var(--line)}.owc-nav{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.owc-nav strong{margin-right:6px;font-size:13px}.owc-nav-btn,.owc-map,.owc-close,.owc-foot-btn{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;font-size:12px;font-weight:800}.owc-nav-btn{padding:5px 8px}.owc-nav-btn:hover,.owc-nav-btn:focus-visible,.owc-nav-btn.is-selected,.owc-map:hover,.owc-map:focus-visible,.owc-map.is-selected,.owc-close:hover,.owc-hero:hover,.owc-hero:focus-visible,.owc-hero.is-selected{border-color:var(--accent);outline:none}.owc-nav-btn:disabled,.owc-map:disabled{color:var(--muted);cursor:not-allowed;opacity:.45}.owc-work{grid-template-columns:minmax(0,1fr) minmax(640px,50vw);align-items:start;gap:16px;min-height:0;display:grid}.owc-pick,.owc-result{align-self:start;max-height:none;padding:16px;overflow:visible}.owc-pick,.owc-role,.owc-result,.owc-row{gap:8px;display:grid}.owc-result{position:sticky;top:0}.owc-label{color:var(--muted);letter-spacing:.08em;font-size:12px;font-weight:800}.owc-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;display:grid}.owc-grid-sm{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.owc-role{border-left:4px solid var(--line);padding-left:8px}.owc-maps{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px;display:grid}.owc-map{text-align:center;gap:4px;min-height:82px;padding:5px;display:grid}.owc-map img,.owc-map-blank{background:var(--bg);object-fit:cover;width:100%;height:56px}.owc-map span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.owc-hero{border:1px solid var(--line);min-width:0;color:var(--ink);font:inherit;cursor:pointer;gap:3px;padding:3px;font-size:11px;font-weight:800;display:grid;position:relative}.owc-hero.role-tank{background:var(--card);box-shadow:inset 3px 0 0 var(--line)}.owc-hero.role-damage{background:var(--card);box-shadow:inset 3px 0 0 var(--text)}.owc-hero.role-support{background:var(--accent)}.owc-hero img,.owc-selected-hero img,.owc-detail-title img{background:var(--card);object-fit:cover;object-position:center 18%;width:100%}.owc-hero img{height:68px}.owc-hero>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.owc-grid-sm .owc-hero{font-size:9px}.owc-grid-sm .owc-hero img{height:56px}.owc-note{border:1px solid var(--line);background:var(--panel);width:14px;height:14px;color:var(--muted);z-index:1;place-items:center;font-size:10px;line-height:1;display:grid;position:absolute;top:4px;right:4px}.owc-tip{border:1px solid var(--line);background:var(--panel);color:var(--ink);text-align:left;white-space:normal;pointer-events:none;z-index:30;padding:6px 7px;font-size:11px;font-weight:700;line-height:1.35;display:block;position:fixed}.owc-selected-hero,.owc-selected-map,.owc-detail{border-bottom:1px solid var(--line);gap:10px;padding-bottom:8px;display:grid}.owc-selected-hero{grid-template-columns:64px 1fr;align-items:end}.owc-selected-hero img{aspect-ratio:1;height:auto}.owc-selected-hero strong,.owc-selected-map strong{font-size:26px;line-height:1;display:block}.owc-detail{border-left:4px solid var(--accent);border-bottom:0;padding-left:8px}.owc-detail-title{grid-template-columns:40px 1fr;align-items:center;gap:8px;display:grid}.owc-detail-title img{aspect-ratio:1;width:40px}.owc-detail-title strong{font-size:18px;line-height:1.2}.owc-body{gap:8px;font-size:15px;font-weight:400;line-height:1.6;display:grid}.owc-body p{white-space:pre-line;margin:0}.owc-fn{vertical-align:super;margin-left:2px;font-size:.75em;line-height:0}.owc-fn a{color:var(--muted);font-weight:800;text-decoration:none}.owc-notes{border-top:1px solid var(--line);color:var(--muted);gap:4px;margin:4px 0 0;padding:8px 0 0 18px;font-size:12px;line-height:1.45;display:grid}.owc-title{color:inherit;text-underline-offset:3px;flex-wrap:wrap;align-items:center;gap:6px;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.owc-title-meta{color:var(--muted);font-size:11px;font-weight:800}.owc-selected-map{border-left:4px solid var(--line);grid-template-columns:92px 1fr;align-items:center;padding-left:8px}.owc-selected-map>div{align-items:baseline;gap:6px;min-width:0;display:flex}.owc-selected-map img,.owc-selected-map .owc-map-blank{object-fit:cover;background:var(--bg);width:92px;height:58px}.owc-selected-map span{color:var(--muted);font-size:12px;font-weight:800}.owc-close{justify-self:end;padding:5px 14px}.owc-row{border-left:4px solid var(--line);padding-left:8px}.owc-row.veryBad,.owc-row.bad{border-color:var(--text)}.owc-row.neutral,.owc-row.defense{border-color:var(--muted)}.owc-row.good,.owc-row.veryGood,.owc-row.attack{border-color:var(--accent)}.owc-empty{border-left:4px solid var(--line);color:var(--muted);padding:12px 0 12px 10px;font-size:13px;font-weight:800}.owc-points{flex-wrap:wrap;gap:6px;display:flex}.owc-points .has-shot{text-align:center;flex:108px;gap:4px;max-width:180px;padding:4px;display:grid}.owc-points .has-shot img{background:var(--bg);object-fit:cover;width:100%;height:72px}.owc-points .has-shot span{line-height:1.25}.owc-side-label{font-size:14px;font-weight:800}.owc-foot{color:var(--muted);padding:8px 10px;font-size:11px}.owc-foot a,.owc-foot-btn{color:inherit;font-weight:800}.owc-foot-btn{cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.owc-modal-back{z-index:20;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.owc-modal{border:1px solid var(--line);background:var(--panel);width:min(420px,100%);color:var(--ink);padding:14px}.owc-modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.owc-modal p{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.5}@media (width<=1500px){.owc-work{grid-template-columns:minmax(0,1fr) minmax(420px,46vw)}.owc-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.owc-grid-sm{grid-template-columns:repeat(auto-fill,minmax(42px,1fr))}.owc-hero img{height:62px}.owc-grid-sm .owc-hero img{height:44px}}@media (width<=1100px){.owc{height:auto;min-height:100svh;overflow:visible}.owc-work{grid-template-columns:1fr}.owc-result{order:-1;max-height:none;position:static}.owc-work.has-detail .owc-result{order:0}}@media (width<=720px){.owc{gap:8px;padding:8px}.owc-nav{flex-wrap:wrap}.owc-nav strong{flex-basis:100%}.owc-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}.owc-grid-sm{grid-template-columns:repeat(auto-fill,minmax(46px,1fr))}.owc-selected-hero,.owc-selected-map{grid-template-columns:48px 1fr}.owc-selected-hero strong,.owc-selected-map strong{font-size:22px}}.site{background:var(--bg);min-height:100svh;color:var(--text)}.site-head{z-index:40;background:var(--card);border-bottom:1px solid var(--line);align-items:center;gap:18px;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.site-logo{letter-spacing:-.03em;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:20px;font-weight:800;display:flex}.site-nav{gap:4px;display:flex}.site-nav button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:16px 12px 14px;font-size:15px;font-weight:700}.site-nav button.on{color:var(--text);border-bottom-color:var(--orange)}.site-search{height:36px;margin-left:8px;display:flex}.site-search input{border:1px solid var(--line);background:var(--card);width:min(280px,42vw);color:var(--text);border-right:0;border-radius:4px 0 0 4px;padding:0 12px}.site-search button{background:var(--orange);color:var(--text);white-space:nowrap;border:0;border-radius:0 4px 4px 0;flex:none;padding:0 14px;font-weight:700}.top-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.top-actions .lede{margin:0}.career{gap:12px;display:grid}.career-idle{color:var(--muted);text-align:center;margin:48px 0}.career-profile{border:1px solid var(--line);background:var(--card);border-radius:8px;overflow:hidden}.career-banner{background:var(--soft) center / cover no-repeat;height:120px}.career-id{align-items:center;gap:12px;margin-top:-28px;padding:0 16px 16px;display:flex}.career-id img,.career-blank{border:3px solid var(--card);background:var(--card);object-fit:cover;border-radius:8px;width:72px;height:72px}.career-id strong{font-size:22px;display:block}.career-id span,.career-ranks em,.career-sum span,.career-note{color:var(--muted);font-size:13px}.career-ranks,.career-sum{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.career-sum{grid-template-columns:repeat(4,minmax(0,1fr))}.career-ranks article,.career-sum article{border:1px solid var(--line);background:var(--card);border-radius:8px;justify-items:center;gap:4px;padding:14px 8px;display:grid}.career-ranks img{object-fit:contain;width:48px;height:48px}.career-ranks strong,.career-sum strong{font-size:18px}.career-note{margin:0}.career-table{border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:8px;width:100%;overflow:hidden}.career-table th,.career-table td{border-bottom:1px solid var(--line);text-align:right;padding:10px 12px;font-size:14px}.career-table th{color:var(--muted);background:var(--card);font-size:12px;font-weight:700}.career-table td:first-child,.career-table th:first-child{text-align:left}.career-table td:first-child{align-items:center;gap:8px;font-weight:700;display:flex}.career-table img{background:var(--card);object-fit:cover;border-radius:6px;width:32px;height:32px}.career-list{gap:8px;display:grid}.career-list button{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.career-list img,.career-list .career-blank{border-radius:6px;width:40px;height:40px}.career-list strong,.career-list em{font-style:normal;display:block}.career-list em{color:var(--muted);font-size:12px}@media (width<=720px){.site-head{flex-wrap:wrap;gap:8px;height:auto;padding:8px 12px}.site-search{flex:100%;margin-left:0}.site-search input{width:100%}.career-ranks,.career-sum{grid-template-columns:1fr}.owc{height:auto}}.mode-picks button.on,.side-picks button.on,.toggle.on,.desk-switch button.on,.primary,.site-search button,.pick.on,.owc-hero.role-support,.hero-row.vs-good,.hero-row.vs-good .hero-main,.hero-row.vs-good .hero-main strong{color:var(--on-fill)}body{-webkit-font-smoothing:antialiased}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:not(:disabled):hover{border-color:var(--muted)}::selection{background:var(--accent);color:var(--on-fill)}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}main{max-width:1408px;padding:28px 32px 40px}.composition-main{gap:24px}h1{margin:0}.card{border-radius:14px;padding:22px;box-shadow:0 3px 12px #00000008}.page-intro{justify-content:space-between;align-items:center;gap:24px;padding:10px 0 5px;display:flex}.section-kicker{letter-spacing:.15em;color:var(--muted);margin:0 0 9px;font-size:10px;font-weight:700}.page-intro .section-kicker{color:var(--accent)}.page-intro h1{letter-spacing:-.05em;font-size:clamp(27px,3vw,36px);font-weight:760;line-height:1.25}.page-intro h1 span{color:var(--accent)}.page-description{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.6}.data-status{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:360px;font-size:11px;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.data-status .patch-check button{color:var(--muted);border-radius:6px;margin-left:4px;padding:7px 10px;font-size:11px;font-weight:500}.map-pick{grid-template-columns:280px minmax(0,1fr);padding:0;display:grid;overflow:hidden}.map-current{background:#19232d;border-radius:0;height:100%;min-height:228px;max-height:none;margin:0}.map-current:after{content:"";background:linear-gradient(#0910160a 0%,#09101652 30%,#0d1822 100%);position:absolute;inset:0}.map-current img{object-fit:cover;filter:none;width:100%;height:100%;position:absolute}.map-caption{z-index:1;color:#fff;position:absolute;inset:auto 22px 21px}.map-current .map-caption span{color:#c5d2dc;text-shadow:none;font-size:11px;font-weight:500;position:static}.map-current .map-caption .section-kicker{letter-spacing:.16em;color:#a5cfce;font-size:9px;display:block}.map-caption h2{letter-spacing:-.035em;margin:5px 0 8px;font-size:28px}.map-caption i{color:#77949f;padding:0 5px;font-style:normal}.map-controls{min-width:0;padding:20px 22px 12px}.map-control-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.control-label{white-space:nowrap;font-size:13px;font-weight:700}.mode-picks{align-items:center;gap:2px;margin:0}.mode-picks button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:12px;font-weight:600}.mode-picks button.on{background:var(--soft);color:var(--text)}.mode-picks button:hover{background:var(--soft)}.map-grid{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px;margin:14px 0 16px;padding:2px 1px;display:grid}.map-card{aspect-ratio:auto;border:1px solid #0000;border-radius:7px;min-width:0;height:64px}.map-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 10%,#060d14db);position:absolute;inset:0}.map-card img{filter:saturate(.6)brightness(.82);transition:filter .2s}.map-card span{z-index:1;color:#fff;text-shadow:0 1px 3px #000;white-space:normal;overflow-wrap:anywhere;font-size:10px;font-weight:550;line-height:1.35;bottom:7px;left:6px;right:6px}.map-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.map-card.on img,.map-card:hover img{filter:saturate()brightness()}.map-card.on span{color:#baf4ee}.map-settings-row{flex-wrap:wrap;align-items:center;gap:16px;min-width:0;display:flex}.side-picks{background:var(--surface);border-radius:6px;align-items:center;gap:2px;padding:3px;display:flex}.side-picks button{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:6px 13px;font-size:11px;font-weight:600}.side-picks button.on{color:var(--accent);background:var(--accent-soft)}.map-pick .owc-points{gap:5px;margin:0}.map-pick .owc-nav-btn{color:var(--muted);border:0;border-radius:4px;min-height:30px;padding:6px 9px;font-size:11px;font-weight:500}.map-pick .owc-nav-btn.is-selected{color:var(--text);background:var(--soft)}.map-pick .owc-nav-btn.has-shot{flex:initial;display:block}.map-pick .owc-nav-btn img{display:none}.pool-toggle{color:var(--muted);background:0 0;border:0;border-radius:4px;margin-left:auto;padding:6px 0;font-size:11px}.pool-toggle span{margin-left:8px}.pool-toggle.on{color:var(--accent);background:0 0}.terrain-detail{border-top:1px solid var(--line);margin-top:11px;padding-top:10px}.terrain-detail summary{color:var(--muted);font-size:11px}.terrain-detail summary>span{opacity:.8;margin-left:8px;font-size:10px}.terrain{gap:6px;padding-bottom:8px}.terrain li{font-size:12px}.terrain li span{margin-right:7px}.board-heading{justify-content:space-between;align-items:center;gap:16px;margin:8px 0 -10px;display:flex}.board-heading>div{align-items:center;gap:16px;display:flex}.board-heading h2{letter-spacing:-.025em;font-size:17px}.board-heading>div>span{color:var(--muted);font-size:12px}.team-swap{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:6px;padding:7px 11px;font-size:11px;font-weight:500}.team-swap span{margin-right:4px;font-size:16px}.board{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 320px;grid-template-areas:"our enemy advice";align-items:start;gap:16px}.our{grid-area:our}.enemy{grid-area:enemy}.team-card{min-width:0;padding:21px 18px 15px;position:relative;overflow:hidden}.team-card:before{content:"";background:var(--accent);opacity:.65;height:2px;position:absolute;top:0;left:0;right:0}.team-card[data-side=enemy]:before{background:var(--enemy)}.team-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.team-heading .section-kicker{letter-spacing:.13em;margin-bottom:7px;font-size:9px}.team-heading h2{letter-spacing:-.02em;align-items:center;gap:7px;font-size:18px;display:flex}.team-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.enemy .team-dot{background:var(--enemy)}.team-heading .comp{color:var(--accent);background:var(--accent-soft);border-radius:4px;margin:0 0 0 3px;padding:4px 6px;font-size:10px;font-weight:600}.enemy .comp{background:var(--enemy-soft);color:var(--enemy)}.shape-score{white-space:nowrap}.shape-score strong{letter-spacing:-.045em;font-size:32px;font-weight:650}.shape-score span{font-size:10px}.team-card .detail{min-height:36px;margin:14px 0 0;font-size:11px;line-height:1.6}.shape{grid-template-columns:148px minmax(0,1fr);gap:10px;margin:4px 0 8px;display:grid}.shape .hex{width:148px;height:148px}.grade{grid-template-columns:1fr;gap:9px;margin:0;padding-right:3px;display:grid}.grade li{border-bottom:1px solid var(--line);min-width:0;padding-bottom:6px;font-size:11px}.grade b{font-size:12px}.score-good{color:var(--positive)}.score-mid{color:var(--warning)}.score-bad{color:var(--negative)}.roster-label{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:9px 47px 10px 4px;font-size:10px;display:flex}.roster-label b{color:var(--text);margin-left:4px;font-weight:500}.rows{gap:7px}.hero-row{background:var(--surface);border:1px solid #0000;border-radius:8px;gap:7px;padding:8px}.hero-row.on{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:none}.enemy .hero-row.on{background:var(--enemy-soft);border-color:var(--enemy)}.hero-row.vs-good{background:var(--accent-soft);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.hero-row.vs-bad{background:var(--enemy-soft);color:var(--text);box-shadow:inset 3px 0 0 var(--enemy)}.hero-row.vs-both{background:var(--soft);color:var(--text);box-shadow:inset 3px 0 0 var(--warning)}.hero-row.vs-good .hero-main,.hero-row.vs-good .hero-main strong,.hero-row.vs-bad .hero-main,.hero-row.vs-bad .hero-main strong,.hero-row.vs-both .hero-main,.hero-row.vs-both .hero-main strong{color:var(--text)}.hero-main{gap:10px}.hero-main>span{min-width:0}.hero-main strong{font-size:13px;font-weight:650}.hero-main em{margin-top:4px;font-size:10px}.portrait{background:var(--soft);border-radius:6px}.hero-meter{width:28px}.hero-score{margin:0;font-size:14px;font-weight:600}.change-hero{width:32px;min-width:32px;height:40px;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:0;font-size:18px}.change-hero:hover{background:var(--soft);color:var(--text)}.team-hint{color:var(--muted);text-align:center;margin:14px 0 12px;font-size:10px}.team-detail{border-top:1px solid var(--line);margin:0;padding-top:12px}.team-detail summary{font-size:10px}.team-detail .traits,.team-detail .hint{margin-top:10px;font-size:11px;line-height:1.6}.advice{border-color:color-mix(in srgb, var(--accent) 22%, var(--line));max-height:none;padding:21px 18px 16px;position:sticky;top:92px;overflow:visible}.advice-heading{justify-content:space-between;align-items:center;display:flex}.advice-heading .section-kicker{color:var(--accent);margin-bottom:6px;font-size:9px}.advice-heading h2{font-size:18px}.role-badge{border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:5px 8px;font-size:10px}.advice-context{color:var(--muted);align-items:center;gap:7px;margin:16px 0;font-size:11px;display:flex}.advice-context img{object-fit:cover;background:var(--soft);border-radius:4px;width:25px;height:25px}.advice-context strong{color:var(--text);font-weight:500}.advice-tabs{background:var(--surface);border-radius:7px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:22px;padding:4px;display:grid}.advice-tabs button{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:8px;font-size:11px;font-weight:600}.advice-tabs button.on{background:var(--soft);color:var(--text);box-shadow:0 1px 3px #0000001a}.advice .pick-block h3{font-size:12px;font-weight:600}.pick-blocks{gap:20px;margin-bottom:18px}.options{gap:7px;margin-top:10px}.option{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px;display:grid}.option-head{text-align:left;cursor:pointer;background:0 0;border:0;gap:9px;min-width:0;padding:0;display:flex}.option-head>span{min-width:0}.option-head img{border-radius:5px}.option-head strong{white-space:normal;font-size:12px;font-weight:600;display:block}.option-head small{color:var(--muted);margin-top:5px;font-size:9px;display:block}.option-head small span{margin-left:5px}.option .adopt-hero{background:var(--accent-soft);width:auto;color:var(--accent);border-radius:5px;margin:0;padding:8px 9px;font-size:10px;font-weight:600}.adopt-hero:hover{background:var(--accent);color:var(--on-fill)}.recommendation-detail{border-top:1px solid var(--line);grid-column:1/-1;gap:10px;margin-top:4px;padding:12px 2px 3px;display:grid}.recommendation-detail .good,.recommendation-detail .bad{color:var(--text);font-size:12px;line-height:1.6}.analysis-detail{border-top:1px solid var(--line);margin:0;padding:14px 0}.analysis-detail:last-child{padding-bottom:0}.analysis-detail>summary{color:var(--muted);font-size:11px}.analysis-detail>div{margin-top:14px}.analysis-detail h2{font-size:16px}.situation{background:0 0;gap:12px;padding:0}.situation p,.problem{font-size:12px;line-height:1.7}.situation em{color:var(--accent)}.match-tools{grid-template-columns:1fr 1fr;gap:16px;display:grid}.match-tools .card{background:0 0;padding:20px}.tool-heading{align-items:center;gap:12px;display:flex}.tool-heading h2{margin:0 0 5px;font-size:13px}.tool-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.tool-icon{border:1px solid var(--line);width:35px;height:35px;color:var(--muted);border-radius:8px;flex:none;place-items:center;font-size:22px;display:grid}.count-badge{color:var(--muted);margin-left:auto;font-size:11px}.ban-row{margin-top:16px}.ban-add{background:var(--surface);color:var(--muted);border-radius:6px;padding:8px 10px;font-size:11px}.ban-chip{border-radius:6px;font-size:11px}.drop{grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:center;gap:14px}.drop>.ghost{background:var(--surface);white-space:nowrap;border-radius:6px;align-self:center;width:auto;padding:10px 12px;font-size:11px}.drop>p,.drop>.confirm{grid-column:1/-1}.composition-footer{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:24px;padding:2px 1px;font-size:10px;display:flex}.composition-footer>span{white-space:nowrap}.composition-footer i{color:var(--line);margin:0 8px;font-style:normal}.composition-footer details{max-width:500px;margin:0}.composition-footer summary{text-align:right;font-size:10px}.composition-footer p{line-height:1.7}.pool .pick.on{background:var(--accent-soft);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.pool .pick,.picker .pick{border-radius:7px;padding:9px 4px}.pool .pick:not(.on){opacity:.45}.pool .pick img{width:45px;height:45px}.backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#04090ec2}.picker{border-radius:16px;width:min(640px,100%);padding:24px}.picker h2{font-size:21px}.picker .ghost{border-radius:6px;padding:7px 11px;font-size:12px}.picker .hint{margin:0 0 20px}.picker .pick{background:var(--surface);gap:8px}.picker .pick.on{background:var(--accent-soft);color:var(--text);outline:1px solid var(--accent)}.picker .pick:not(:disabled):hover{background:var(--soft)}.picker .icon-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:8px}.owc{max-width:1600px;height:calc(100svh - 72px);margin:0 auto;padding:24px 32px}.owc-nav,.owc-pick,.owc-result,.owc-foot{border-radius:10px}.owc-nav{gap:8px;padding:12px 16px}.owc-nav-btn{border-radius:5px;padding:8px 12px}.owc-nav-btn.is-selected{background:var(--accent-soft);color:var(--accent)}.owc-hero{background:var(--surface);border-radius:6px;padding:5px;font-weight:500}.owc-hero.role-tank,.owc-hero.role-damage,.owc-hero.role-support{background:var(--surface);color:var(--text);box-shadow:none}.owc-hero.is-selected{background:var(--accent-soft);border-color:var(--accent)}.owc-hero img{border-radius:4px}.owc-role{border-left-width:2px;margin-bottom:8px;padding-left:12px}.owc-map,.owc-map img{border-radius:5px}.owc-label{letter-spacing:.04em;margin:4px 0;font-size:11px}.owc-modal-back{background:#04090ec2;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0}.owc-modal-back:not([open]){display:none}.owc-modal-back::backdrop{background:0 0}.owc-modal{border-radius:12px;padding:22px}.career{min-width:0}.career-idle{border:1px dashed var(--line);border-radius:14px;padding:64px 24px;line-height:1.8}@media (width<=1200px){main{padding-left:24px;padding-right:24px}.board{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 290px;gap:12px}.team-card{padding-left:13px;padding-right:13px}.shape{grid-template-columns:124px minmax(0,1fr);gap:7px}.shape .hex{width:124px;height:124px}.team-heading h2{font-size:16px}.shape-score strong{font-size:28px}.hero-main .portrait{width:42px;height:42px}.hero-main{gap:7px}.map-pick{grid-template-columns:230px minmax(0,1fr)}.map-controls{padding-left:18px;padding-right:18px}.map-control-head{gap:8px}.mode-picks button{padding:8px;font-size:11px}.drop{grid-template-columns:1fr}.drop>.ghost{justify-self:start;margin-left:47px}}@media (width<=1050px){.board{grid-template-columns:1fr 1fr;grid-template-areas:"our enemy""advice advice";gap:16px}.advice{position:static}.team-card{padding:22px}.shape{grid-template-columns:150px minmax(0,1fr);gap:20px}.shape .hex{width:150px;height:150px}.advice .pick-blocks{grid-template-columns:1fr 1fr;gap:22px}.advice-tabs{max-width:360px}.map-control-head{flex-wrap:wrap}.control-label{display:none}.map-settings-row{gap:10px}.pool-toggle{margin-left:0}.owc{height:auto}}@media (width<=720px){main{padding:20px 16px 28px}.composition-main{gap:20px}.page-intro{flex-direction:column;align-items:flex-start;gap:16px;padding-top:4px}.page-intro h1{font-size:30px}.page-description{font-size:12px}.data-status{justify-content:flex-start}.map-pick{grid-template-columns:1fr}.map-current{min-height:146px}.map-current img{object-position:50% 43%}.map-caption{bottom:17px;left:18px}.map-caption h2{font-size:24px}.map-caption .section-kicker{margin-bottom:4px}.map-controls{padding:12px 15px}.mode-picks{justify-content:space-between;width:100%}.mode-picks button{padding:9px 8px}.map-grid{grid-auto-columns:86px;margin:10px 0 14px}.map-settings-row{gap:9px}.pool-toggle{margin-left:auto}.side-picks button{padding-left:10px;padding-right:10px}.map-pick .owc-nav-btn{padding:6px;font-size:10px}.board-heading>div{display:block}.board-heading>div>span{margin-top:6px;font-size:10px;display:block}.team-swap{white-space:nowrap;padding:7px 8px}.board{grid-template-columns:minmax(0,1fr);grid-template-areas:"our""enemy""advice"}.team-card{padding:20px 17px 15px}.team-heading h2{font-size:18px}.shape-score strong{font-size:32px}.shape{grid-template-columns:150px minmax(0,1fr);gap:24px}.hero-main .portrait{width:48px;height:48px}.hero-main{gap:12px}.hero-main strong{font-size:14px}.hero-row{padding:9px}.change-hero{width:40px}.advice .pick-blocks{grid-template-columns:1fr}.match-tools{grid-template-columns:minmax(0,1fr)}.drop{grid-template-columns:1fr}.composition-footer{gap:12px;font-size:9px}.composition-footer summary{font-size:9px}.owc{padding:16px}.owc-nav{padding:10px}.owc-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.owc-body{font-size:14px}.picker{padding:20px 15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.career-heading{padding:10px 0 16px}.career-heading .section-kicker{color:var(--accent)}.career-heading h1{letter-spacing:-.04em;font-size:30px}.career-status:empty{display:none}.career-status .career-idle{background:var(--card);border-style:solid;margin:0;padding:80px 28px;font-size:14px}@media (width<=720px){.side-picks button,.map-pick .owc-nav-btn{min-height:34px}.pool-toggle{min-height:40px}.career-status .career-idle{padding:60px 24px;font-size:13px}}.upload-preview,.recognition-status{grid-column:1/-1;min-width:0}.upload-preview{margin:0}.upload-preview img{object-fit:contain;border:1px solid var(--line);background:var(--surface);border-radius:8px;width:100%;max-height:360px;margin-top:12px;display:block}.recognition-status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recognition-status:empty{display:none}.recognition-status p{flex:1;min-width:180px}.recognition-status button{border-radius:5px;padding:7px 10px;font-size:11px}.guess-column{min-width:0}.guess-column h3{font-size:13px}.guess select{border-radius:5px;flex:1;width:100%;min-width:0;padding:8px 5px;font-size:11px}.guess .empty-icon{color:var(--muted);place-items:center;display:grid}.guess .pct{text-align:right;min-width:30px;font-size:10px}.drop .confirm{border-top:1px solid var(--line);padding-top:14px}.drop .confirm>p{margin-bottom:12px}.drop .confirm .actions{margin-top:12px}.drop .confirm .actions .primary{width:auto;color:var(--on-fill);border-radius:6px;margin:0;padding:9px 13px;font-size:12px}.workspace-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:-4px 0 0;display:flex}.role-shortcuts,.workspace-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.role-shortcuts>span{color:var(--muted);margin-right:8px;font-size:12px}.role-shortcuts button,.workspace-actions button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:6px;padding:8px 12px;font-size:11px}.role-shortcuts button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.workspace-actions button:disabled{opacity:.4}.saved-label{color:var(--muted);margin-right:8px;font-size:10px}.workspace-notice{color:var(--accent);margin:-8px 0 0;font-size:12px}.share-link{color:var(--muted);align-items:center;gap:14px;font-size:12px;display:flex}.share-link input{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);border-radius:6px;flex:1;padding:10px}.site-footer{border-top:1px solid var(--line);max-width:1408px;color:var(--muted);margin:12px auto 0;padding:28px 32px 36px}.site-footer>div{align-items:baseline;gap:14px;margin-bottom:15px;display:flex}.site-footer strong{color:var(--text);font-size:15px}.site-footer span,.site-footer p{font-size:10px;line-height:1.7}.site-footer nav{flex-wrap:wrap;gap:16px;display:flex}.site-footer a{color:var(--muted);font-size:11px;text-decoration:none}.site-footer a:hover{color:var(--accent)}.site-footer p{margin-top:16px}.site-download-link{border:1px solid var(--line);color:var(--accent);white-space:nowrap;border-radius:6px;align-items:center;padding:8px 10px;font-size:10px;text-decoration:none;display:inline-flex}@media (width<=860px){.saved-label{display:none}.workspace-toolbar{align-items:flex-start}.site-footer{padding:24px 20px}.site-download-link{display:none}}.app-recovery{max-width:720px;padding-top:80px;display:block}.app-recovery p{color:var(--muted);font-size:14px}.app-recovery>div{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.app-recovery button{border:1px solid var(--line);border-radius:8px;padding:12px 16px}.app-recovery a{color:var(--accent)}.guide-heading,.career-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:10px 0 24px;display:flex}.guide-heading>div,.career-heading>div{min-width:0}.guide-heading .section-kicker,.career-heading .section-kicker{color:var(--cyan,var(--accent));letter-spacing:.16em;font-family:Arial Narrow,Impact,sans-serif;font-size:11px;font-weight:700}.guide-heading h1,.career-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(28px,3vw,38px);font-weight:850;line-height:1.3}.hud-heading-stamp{border-left:2px solid var(--accent);color:var(--muted);letter-spacing:.055em;flex:none;padding-left:22px;font-family:Impact,Arial Narrow,sans-serif;font-size:20px;font-style:italic;font-weight:400;line-height:1.08}.hud-heading-stamp b{color:var(--text);font-size:35px;font-weight:400}.site .owc{background:0 0;grid-template-rows:none;gap:20px;max-width:1408px;height:auto;min-height:calc(100svh - 78px);padding:28px 32px 40px;overflow:visible}.owc .owc-nav{border-left:3px solid var(--accent);background:var(--surface);border-radius:0;gap:8px;padding:12px 16px}.owc .owc-nav>strong{border-right:1px solid var(--line);color:var(--muted);margin-right:6px;padding-right:14px;font-size:11px}.owc .owc-nav-btn,.owc .owc-close{min-height:36px;color:var(--muted);border-radius:0;padding:8px 12px;font-size:12px;font-weight:650}.owc .owc-nav-btn.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.owc .owc-work{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.owc .owc-pick,.owc .owc-result{border-top:2px solid var(--line);background:var(--card);border-radius:1px;min-width:0;max-height:none;padding:22px;position:static;overflow:visible}.owc .owc-result{border-top-color:var(--cyan,var(--accent))}.owc .owc-role{border-left-width:2px;gap:10px;margin-bottom:12px;padding-left:12px}.owc .owc-label{letter-spacing:.02em;margin:4px 0;font-size:12px;font-weight:700}.owc .owc-grid{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:7px}.owc .owc-grid-sm{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.owc .owc-hero{border-color:var(--line);color:var(--text);background:var(--surface);box-shadow:none;border-radius:0;gap:5px;padding:4px;font-size:11px;font-weight:600}.owc .owc-hero.role-tank,.owc .owc-hero.role-damage,.owc .owc-hero.role-support{background:var(--surface);color:var(--text);box-shadow:none}.owc .owc-hero img{background:linear-gradient(135deg, var(--soft), var(--surface));border-radius:0;height:70px;transition:opacity .16s}.owc .owc-grid-sm .owc-hero img{height:58px}.owc .owc-hero:not(.is-selected) img{opacity:.86}.owc .owc-hero:hover{border-color:var(--cyan,var(--accent));background:var(--soft)}.owc .owc-hero:hover img,.owc .owc-hero.is-selected img{opacity:1}.owc .owc-hero.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent);color:var(--text)}.owc .owc-hero>span:first-of-type{padding-bottom:3px}.owc .owc-selected-hero{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:18px;margin-bottom:12px;padding-bottom:20px}.owc .owc-selected-hero>img{border:1px solid var(--cyan,var(--accent));background:var(--cyan-soft,var(--soft));width:76px;height:76px;padding:3px}.owc .owc-title{-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:5px;gap:10px}.owc .owc-title strong{letter-spacing:-.025em;line-height:1.3}.owc .owc-title-meta{flex-basis:100%;font-size:10px;font-weight:500}.owc .owc-row{border-left-width:2px;gap:10px;margin-bottom:10px;padding:10px 0 10px 12px}.owc .owc-row.veryBad,.owc .owc-row.bad{border-color:var(--enemy)}.owc .owc-row.good,.owc .owc-row.veryGood,.owc .owc-row.attack{border-color:var(--cyan,var(--accent))}.owc .owc-row.veryBad>.owc-label,.owc .owc-row.bad>.owc-label{color:var(--negative)}.owc .owc-row.good>.owc-label,.owc .owc-row.veryGood>.owc-label{color:var(--positive)}.owc .owc-row.neutral>.owc-label{color:var(--warning)}.owc .owc-maps{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px}.owc .owc-map,.owc .owc-map img{border-radius:0}.owc .owc-map{background:var(--surface);gap:7px;padding:5px;font-size:11px;font-weight:600}.owc .owc-map img{height:70px}.owc .owc-map.is-selected{background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent)}.owc .owc-selected-map{border-left-width:2px;grid-template-columns:128px minmax(0,1fr);gap:16px;margin-bottom:4px;padding-bottom:18px;padding-left:12px}.owc .owc-selected-map>div{gap:8px;display:grid}.owc .owc-selected-map>img{width:128px;height:86px}.owc .owc-points{gap:8px;margin-bottom:12px}.owc .owc-points .has-shot{max-width:none;padding:5px}.owc .owc-points .has-shot img{height:68px}.owc .owc-detail{border-left-width:2px;padding-left:14px}.owc .owc-detail-title{grid-template-columns:48px minmax(0,1fr);gap:12px;padding-bottom:10px}.owc .owc-detail-title img{width:48px}.owc .owc-body{overflow-wrap:anywhere;word-break:normal;gap:14px;font-size:14px;line-height:1.85}.owc .owc-notes{margin-top:8px;padding-top:14px;font-size:11px;line-height:1.7}.owc .owc-note{border:1px solid var(--line);background:var(--card);color:var(--cyan,var(--accent));border-radius:0}.owc .owc-tip{border-color:var(--cyan,var(--accent));background:var(--card);color:var(--text);border-radius:0;font-size:12px;font-weight:400;line-height:1.6}.owc .owc-foot{background:0 0;border-width:1px 0 0;border-radius:0;padding:16px 0 0;font-size:10px;line-height:1.7}.owc .owc-modal{border-top:3px solid var(--accent);border-radius:1px;padding:24px;box-shadow:0 24px 70px #0000004d}.owc .owc-empty{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--card);margin:0;padding:24px}.owc button:focus-visible,.owc a:focus-visible{outline:2px solid var(--cyan,var(--accent));outline-offset:2px}.owc .owc-detail-panel{scroll-margin-top:128px}.site .career{gap:20px;min-width:0;overflow:visible}.career .career-status .career-idle{border:1px solid var(--line);border-top:2px solid var(--cyan,var(--accent));background-color:var(--card);background-image:linear-gradient(color-mix(in srgb, var(--line) 22%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 22%, transparent) 1px, transparent 1px);min-height:250px;color:var(--text);background-size:36px 36px;border-radius:1px;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:40px clamp(24px,8vw,120px);font-size:14px;line-height:1.8;display:flex;position:relative}.career .career-idle:before{content:"";border:1px solid var(--cyan,var(--accent));background:linear-gradient(var(--cyan,var(--accent)), var(--cyan,var(--accent))) center / 18px 1px no-repeat, linear-gradient(var(--cyan,var(--accent)), var(--cyan,var(--accent))) center / 1px 18px no-repeat;width:40px;height:40px;box-shadow:0 0 0 7px var(--cyan-soft,var(--soft));flex:none}.career-search-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.career-search-guide article{border:1px solid var(--line);background:var(--surface);align-items:flex-start;gap:16px;padding:22px;display:flex}.career-search-guide article>span{color:var(--accent);flex:none;font-family:Impact,Arial Narrow,sans-serif;font-size:30px;font-weight:400;line-height:1}.career-search-guide strong{font-size:13px}.career-search-guide p{color:var(--muted);word-break:keep-all;margin:8px 0 0;font-size:11px;line-height:1.75}.career .career-profile{border-top:2px solid var(--accent);border-radius:1px}.career .career-banner{height:150px;position:relative}.career .career-banner:after{content:"";background:linear-gradient(0deg, var(--card), transparent 90%);position:absolute;inset:0}.career .career-id{gap:18px;margin-top:-42px;padding:0 24px 24px;position:relative}.career .career-id img,.career .career-blank{border:1px solid var(--line);box-shadow:0 0 0 5px var(--card);border-radius:1px}.career .career-id>div{min-width:0}.career .career-id strong{overflow-wrap:anywhere;font-size:28px}.career .career-ranks{gap:14px}.career .career-ranks article,.career .career-sum article{background:var(--card);border-radius:1px;padding:20px 12px}.career .career-ranks article{border-top:2px solid var(--cyan,var(--accent));gap:10px}.career .career-ranks article>span{color:var(--muted);font-size:12px}.career .career-ranks img{width:58px;height:58px}.career .career-ranks em{letter-spacing:.12em;font-family:Arial Narrow,sans-serif;font-size:10px;font-style:normal}.career .career-sum{gap:14px}.career .career-sum article{border-left:2px solid var(--accent);align-content:start;justify-items:start;gap:12px;padding:22px}.career .career-sum strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(20px,2.4vw,30px);line-height:1.25}.career .career-sum span{font-size:11px}.career .career-note{margin:2px 0 -7px;font-size:11px}.career-table-wrap{border:1px solid var(--line);min-width:0}.career-table-wrap:focus-visible{outline:2px solid var(--cyan,var(--accent));outline-offset:3px}.career .career-table{table-layout:fixed;font-variant-numeric:tabular-nums;border:0;border-radius:0;min-width:0}.career .career-table th,.career .career-table td{overflow-wrap:anywhere}.career .career-table th:first-child{width:17%}.career .career-table th{border-bottom:1px solid var(--line);background:var(--surface);color:var(--muted);padding:13px 16px;font-size:11px}.career .career-table td{padding:14px 16px;font-size:13px}.career .career-table tr:last-child td{border-bottom:0}.career .career-table tbody tr:hover{background:var(--soft)}.career .career-table img{background:var(--surface);border-radius:0}@media (width<=1100px){.career-table-wrap{border:0}.career .career-table,.career .career-table tbody{display:block}.career .career-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.career .career-table tbody{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;display:grid}.career .career-table tbody tr{border:1px solid var(--line);border-top:2px solid var(--cyan,var(--accent));background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.career .career-table td{text-align:left;border:0;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 10px;font-size:12px;display:flex}.career .career-table td:before{content:attr(data-label);color:var(--muted);font-size:9px}.career .career-table td:first-child{border-bottom:1px solid var(--line);flex-direction:row;grid-column:1/-1;align-items:center;font-size:15px}.career .career-table td:first-child:before{display:none}}.career .career-list{gap:10px}.career .career-list button{background:var(--card);border-radius:1px;min-height:72px;padding:14px 18px}.career .career-list button:hover{border-color:var(--accent);background:var(--accent-soft)}.career .career-list button>span{min-width:0}.career .career-list strong{overflow-wrap:anywhere}.career .career-list em{margin-top:5px;font-size:11px}.career .career-list img{border-radius:0}.site .site-footer{border-top-color:var(--line);padding-top:28px;position:relative}.site .site-footer:before{content:"";background:var(--accent);width:44px;height:3px;position:absolute;top:-2px;left:32px}.site .site-footer strong{font-size:17px;font-weight:800}.site .site-footer nav{gap:12px 22px}.site .site-footer a{padding:4px 0;font-size:11px}.site .site-footer a:hover{color:var(--cyan,var(--accent))}@media (width<=1200px){.site .owc{padding-left:24px;padding-right:24px}.owc .owc-pick,.owc .owc-result{padding:18px}}@media (width<=1100px){.owc .owc-work{grid-template-columns:minmax(0,1fr)}.owc .owc-pick,.owc .owc-result{max-height:none;position:static}.career-search-guide{gap:10px}.career-search-guide article{gap:12px;padding:18px}}@media (width<=800px){.site .owc{min-height:calc(100svh - 108px)}}@media (width<=720px){.site .owc{gap:16px;padding:20px 16px 28px}.guide-heading,.career-heading{gap:16px;padding:4px 0 20px}.guide-heading h1,.career-heading h1{font-size:28px}.guide-heading .section-kicker,.career-heading .section-kicker{letter-spacing:.1em;font-size:9px}.hud-heading-stamp{display:none}.owc .owc-nav{gap:6px;padding:10px}.owc .owc-nav>strong{border:0;flex-basis:100%;margin:0 0 4px;padding:0;font-size:10px}.owc .owc-nav-btn{min-height:40px;padding:8px 10px;font-size:11px}.owc .owc-pick,.owc .owc-result{padding:16px 12px}.owc .owc-work{gap:16px}.owc .owc-grid{grid-template-columns:repeat(auto-fill,minmax(57px,1fr));gap:6px}.owc .owc-hero{font-size:10px}.owc .owc-hero img{height:60px}.owc .owc-grid-sm .owc-hero img{height:52px}.owc .owc-selected-hero{grid-template-columns:60px minmax(0,1fr);gap:14px}.owc .owc-selected-hero>img{width:60px;height:60px}.owc .owc-selected-map{grid-template-columns:82px minmax(0,1fr);gap:12px}.owc .owc-selected-map>img{width:82px;height:64px}.owc .owc-selected-map strong{font-size:21px}.owc .owc-detail-panel{scroll-margin-top:128px}.career .career-status .career-idle{min-height:224px;padding:32px 24px;font-size:13px}.career-search-guide{grid-template-columns:minmax(0,1fr)}.career-search-guide article{align-items:center;gap:18px;padding:18px 20px}.career-search-guide article>span{font-size:26px}.career-search-guide p{margin-top:5px}.career .career-id{gap:14px;padding:0 18px 20px}.career .career-id strong{font-size:23px}.career .career-ranks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.career .career-ranks article{gap:8px;padding:16px 6px}.career .career-ranks strong{text-align:center;font-size:12px;line-height:1.6}.career .career-ranks img{width:44px;height:44px}.career .career-sum{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.career .career-sum article{padding:18px}.career .career-sum strong{font-size:23px}.site .site-footer{padding:24px 20px 32px}.site .site-footer:before{left:20px}}@media (prefers-reduced-motion:reduce){.owc .owc-hero img{transition:none}}.site{background-image:linear-gradient(color-mix(in srgb, var(--line) 17%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 17%, transparent) 1px, transparent 1px);background-size:48px 48px;min-height:100svh}.composition-main{gap:20px;padding-top:24px}.composition-main .card,.site .picker{border-radius:2px;box-shadow:0 8px 24px #00000012}.site button:focus-visible,.site a:focus-visible,.site input:focus-visible,.site summary:focus-visible{outline-color:var(--cyan)}.composition-main .section-kicker{letter-spacing:.16em;font-family:Arial Narrow,sans-serif;font-size:10px;font-weight:800}.composition-main .gaming-hero{color:#edf4fc;isolation:isolate;background:#0c1523;border:1px solid #33415a;grid-template-columns:1.08fr 1fr;min-height:228px;padding:0;display:grid;position:relative;overflow:hidden}.gaming-hero:before{content:"";z-index:3;pointer-events:none;background:#ffb347;width:70px;height:3px;position:absolute;top:0;left:0}.gaming-hero:after{content:"";z-index:3;pointer-events:none;border-bottom:2px solid #69e5ff;border-right:2px solid #69e5ff;width:14px;height:14px;position:absolute;bottom:12px;right:12px}.gaming-hero-copy{z-index:2;padding:26px 30px 22px;position:relative}.gaming-hero .section-kicker{color:#b8c8dc;margin-bottom:13px;font-size:10px}.gaming-hero .section-kicker>span{color:#ffb347;margin-right:10px}.gaming-hero h1{letter-spacing:-.055em;font-size:clamp(30px,3.2vw,43px);font-weight:850;line-height:1.16}.gaming-hero h1 span{color:#ffb347}.gaming-hero .page-description{color:#bdcadd;margin-top:13px;font-size:12px}.hero-mobile-break{display:none}.hero-meta{flex-wrap:wrap;align-items:center;gap:18px;margin-top:18px;display:flex}.hero-map-label{color:#69e5ff;gap:10px;font-size:10px;font-weight:700;display:inline-flex}.hero-map-label i{color:#647e9c;font-style:normal}.gaming-hero .data-status{color:#aabbd0;justify-content:flex-start;gap:6px;font-size:10px}.gaming-hero .status-dot{background:#69e5ff;border-radius:0;width:4px;height:4px}.gaming-hero .patch-check button{color:#bdcadd;background:0 0;border-color:#3c5069;border-radius:0;margin:0;padding:4px 7px;font-size:10px}.gaming-hero .patch-check button:hover{color:#fff;background:#1a293d}.gaming-hero .patch-check a{color:#69e5ff}.gaming-hero-art{align-self:stretch;min-width:0;position:relative;overflow:hidden}.gaming-hero-art>img{object-fit:cover;object-position:center 42%;filter:saturate(.7);opacity:.7;width:100%;height:100%;position:absolute;inset:0}.gaming-hero-art:before{content:"";z-index:1;background:linear-gradient(90deg,#0c1523,#0c152320 45%),linear-gradient(#0c152340,#0c1523c9);position:absolute;inset:0}.hero-art-grid{z-index:1;opacity:.45;background-image:linear-gradient(#69e5ff1a 1px,#0000 1px),linear-gradient(90deg,#69e5ff1a 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;transform:skew(-12deg)scale(1.15)}.hero-art-title{z-index:2;white-space:nowrap;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-45%,-50%)skew(-9deg)}.hero-art-title>span{letter-spacing:.32em;color:#b7d5e2;font-size:10px;font-weight:800;display:block}.hero-art-title strong{letter-spacing:.045em;color:#fff;text-shadow:0 8px 32px #07101e;margin:2px 0;font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(78px,9vw,126px);font-weight:400;line-height:1.08;display:block}.hero-art-title i{color:#ffb347;vertical-align:10%;font-size:.6em;font-style:normal}.hero-art-title small{color:#cad9e8;letter-spacing:.22em;font-size:8px}.hero-art-map{z-index:2;color:#d0e4ed;letter-spacing:.15em;font-size:9px;position:absolute;bottom:15px;right:42px}.composition-main .workspace-toolbar{gap:12px;margin:0;padding:0 0 0 3px}.composition-main .role-shortcuts>span{font-size:12px;font-weight:700}.composition-main .role-shortcuts button,.composition-main .workspace-actions button{background:var(--surface);border-radius:1px;min-height:36px;padding:8px 14px;font-size:11px}.composition-main .role-shortcuts button[aria-pressed=true]{color:var(--on-fill);background:var(--accent);border-color:var(--accent)}.composition-main .workspace-actions button:not(:disabled):hover{color:var(--text);background:var(--soft)}.composition-main .saved-label{font-size:10px}.composition-main .workspace-notice{border-left:2px solid var(--cyan);background:var(--cyan-soft);border-radius:0}.composition-main .share-link input{border-radius:1px}.composition-main .map-pick{border-color:var(--line);grid-template-columns:250px minmax(0,1fr)}.composition-main .map-current{min-height:218px}.composition-main .map-current:after{background:linear-gradient(#080d181a,#080d1860 35%,#0c1523)}.composition-main .map-caption .section-kicker{color:#69e5ff;font-size:9px}.composition-main .map-caption h2{font-size:30px;font-weight:800}.composition-main .map-controls{padding:17px 20px 12px}.composition-main .mode-picks{gap:3px}.composition-main .mode-picks button{border-radius:0;min-height:32px;padding:7px 10px;font-size:11px}.composition-main .mode-picks button.on{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.composition-main .map-grid{gap:7px;margin:12px 0}.composition-main .map-card{border-radius:0;height:66px}.composition-main .map-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.composition-main .map-card.on span{color:#ffe3b6}.composition-main .map-card.on:before{content:"";z-index:3;background:#ffb347;width:5px;height:5px;position:absolute;top:4px;right:4px}.composition-main .side-picks{border:1px solid var(--line);border-radius:0;padding:2px}.composition-main .side-picks button{border-radius:0;min-height:29px}.composition-main .side-picks button.on{background:var(--cyan-soft);color:var(--cyan)}.composition-main .map-pick .owc-nav-btn{border-radius:0;min-height:34px}.composition-main .map-pick .owc-nav-btn.is-selected{background:var(--soft);color:var(--text);box-shadow:inset 0 -2px 0 var(--cyan)}.composition-main .pool-toggle{min-height:34px;font-size:11px}.composition-main .terrain-detail summary{font-size:11px}.composition-main .board-heading{margin:3px 0 -5px}.composition-main .board-heading>div{gap:13px}.composition-main .board-heading .board-index{color:var(--cyan);letter-spacing:.09em;font-family:Arial Narrow,sans-serif;font-size:9px;font-weight:800}.composition-main .board-heading h2{font-size:19px;font-weight:800}.composition-main .board-heading>div>span:last-child{font-size:11px}.composition-main .team-swap{background:var(--surface);border-radius:0;min-height:36px}.composition-main .team-card{--squad:var(--cyan);--squad-soft:var(--cyan-soft);padding-top:21px}.composition-main .team-card[data-side=enemy]{--squad:var(--enemy);--squad-soft:var(--enemy-soft)}.composition-main .team-card:before{opacity:1;background:linear-gradient(90deg, var(--squad), color-mix(in srgb, var(--squad) 18%, transparent) 85%);height:3px}.composition-main .team-heading .section-kicker{color:var(--squad);letter-spacing:.17em;font-size:9px}.composition-main .team-heading h2{font-weight:800}.composition-main .team-dot{background:var(--squad);border-radius:0;width:5px;height:5px;margin-right:2px;transform:rotate(45deg)}.composition-main .team-heading .comp{color:var(--squad);background:var(--squad-soft);border-radius:0;padding:4px 6px}.composition-main .shape-score strong{letter-spacing:-.055em;font-family:Arial Narrow,Impact,sans-serif;font-size:33px;font-weight:700}.composition-main .team-card .detail{color:var(--muted);font-size:12px}.composition-main .shape{margin-top:8px}.composition-main .team-card .hex{--accent:var(--squad)}.composition-main .grade li{font-size:11px}.composition-main .grade b{font-variant-numeric:tabular-nums;font-size:13px}.composition-main .roster-label{letter-spacing:.03em;padding-top:12px;font-size:10px}.composition-main .hero-row{border-color:var(--line);background:var(--surface);border-radius:1px;padding:7px}.composition-main .hero-row.on{background:var(--squad-soft);border-color:var(--squad);box-shadow:inset 2px 0 0 var(--squad)}.composition-main .hero-row.vs-good{background:var(--cyan-soft);box-shadow:inset 2px 0 0 var(--cyan)}.composition-main .hero-row.vs-bad{background:var(--enemy-soft);box-shadow:inset 2px 0 0 var(--enemy)}.composition-main .hero-row.vs-both{background:var(--soft);box-shadow:inset 2px 0 0 var(--warning)}.composition-main .hero-main{min-height:48px}.composition-main .hero-main strong{font-size:13px;font-weight:750}.composition-main .hero-main em{color:var(--muted);font-size:10px}.composition-main .portrait,.site .picker .portrait{border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:0}.composition-main .hero-score{font-variant-numeric:tabular-nums;font-family:Arial Narrow,sans-serif;font-size:15px}.composition-main .change-hero{border-left:1px solid var(--line);border-radius:0;width:32px;height:44px}.composition-main .change-hero:hover{color:var(--squad)}.composition-main .team-hint{font-size:10px}.composition-main .team-detail summary{font-size:11px}.composition-main .advice{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));border-top:3px solid var(--accent);padding-top:21px;top:98px}.composition-main .advice-heading h2{font-size:19px;font-weight:800}.composition-main .role-badge{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--accent-soft);border-radius:0}.composition-main .advice-context img{border-radius:0}.composition-main .advice-tabs{border-bottom:1px solid var(--line);border-radius:0;gap:0;margin-bottom:18px;padding:0}.composition-main .advice-tabs button{border-radius:0;min-height:38px}.composition-main .advice-tabs button.on{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 -2px 0 var(--accent)}.composition-main .pick-block h3{font-size:12px;font-weight:750}.composition-main .pick-blocks{gap:18px}.composition-main .option{border-radius:1px;padding:9px}.composition-main .options>.option:first-child{border-color:color-mix(in srgb, var(--accent) 38%, var(--line))}.composition-main .option-head img{border-radius:0}.composition-main .option-head strong{font-size:13px;font-weight:750}.composition-main .option-head small{font-size:10px}.composition-main .option .adopt-hero{background:var(--accent-soft);min-height:36px;color:var(--accent);border-radius:0;padding:8px 10px;font-size:11px}.composition-main .option .adopt-hero:hover,.composition-main .options>.option:first-child .adopt-hero{background:var(--accent);color:var(--on-fill)}.composition-main .analysis-detail>summary{font-size:11px}.composition-main .match-tools .card{border-top:2px solid var(--line)}.composition-main .tool-icon{color:var(--cyan);border-radius:0}.composition-main .tool-heading h2{font-size:14px}.composition-main .tool-heading p{font-size:11px}.composition-main .ban-add,.composition-main .ban-chip,.composition-main .drop>.ghost{border-radius:0;min-height:38px}.composition-main .drop>.ghost{background:var(--cyan-soft);color:var(--cyan);border:1px solid color-mix(in srgb, var(--cyan) 35%, var(--line))}.composition-main .confirm .actions .primary,.composition-main .confirm .actions .ghost,.composition-main .pool .pick{border-radius:0}.composition-main .composition-footer{font-size:11px;line-height:1.7}.site .picker{border-top:3px solid var(--accent)}.site .picker .pick,.site .picker .ghost{border-radius:0}.site .picker .pick.on{background:var(--cyan-soft);outline-color:var(--cyan)}.site .picker .hint{font-size:12px}.site .picker{width:100%;scroll-margin-top:100px}.site .picker .icon-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.site .picker .pick{overflow-wrap:anywhere;min-width:0}.site .picker .picker-head{flex-wrap:wrap}.career-filters{flex-wrap:wrap;align-items:center;gap:16px;padding:18px 0;display:flex}.career-filters label{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.career-filters select{border:1px solid var(--line);background:var(--surface);border-radius:0;min-width:0;min-height:40px;padding:6px 28px 6px 10px}.career-filters>span{color:var(--muted);margin-left:auto;font-size:11px}.career-links{flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0;font-size:12px;display:flex}.career-links button,.career-ranks button{border:1px solid var(--line);background:var(--accent-soft);max-width:100%;min-height:40px;color:var(--accent);border-radius:0;padding:7px 10px;font-size:11px;line-height:1.5}.career .career-id>a{color:var(--cyan);flex:none;align-self:center;margin-left:auto;padding:8px 0;font-size:12px}.career .career-ranks article{gap:8px}.career .career-list button,.career .career-list button>span:not(.career-blank){min-width:0}.career .career-list strong,.career .career-list em{overflow-wrap:anywhere}.career-hit-arrow{color:var(--cyan);margin-left:auto}.career-history-note{border-top:1px solid var(--line);color:var(--muted);padding:18px 0;font-size:12px;line-height:1.8}.career-history-note summary{color:var(--text)}.career-history-note a{color:var(--cyan)}@media (width<=1200px){.composition-main .map-pick{grid-template-columns:225px minmax(0,1fr)}.gaming-hero-copy{padding:25px}.hero-meta{gap:12px}.composition-main .mode-picks button{padding:7px 8px}.composition-main .team-heading h2{font-size:16px}}@media (width<=1050px){.composition-main .advice{position:static}.composition-main .board-heading>div>span:last-child{display:none}.composition-main .team-heading h2{font-size:18px}}@media (width<=800px){.composition-main{gap:18px;padding:18px 16px 28px}.composition-main .gaming-hero{grid-template-columns:1.2fr 1fr;min-height:232px}.gaming-hero-copy{padding:23px 22px}.gaming-hero .section-kicker{letter-spacing:.1em;font-size:8px}.gaming-hero h1{font-size:32px}.gaming-hero .page-description{font-size:11px}.hero-meta{gap:10px;margin-top:14px}.hero-art-title{transform:translate(-48%,-50%)skew(-9deg)}.hero-art-title strong{font-size:82px}.hero-art-title>span{letter-spacing:.15em;font-size:8px}.hero-art-title small{font-size:6px}}@media (width<=720px){.composition-main .map-pick{grid-template-columns:minmax(0,1fr)}.composition-main .map-current{min-height:150px}.composition-main .map-controls{padding:12px 14px}.composition-main .map-caption h2{font-size:27px}.composition-main .mode-picks{gap:1px}.composition-main .mode-picks button{min-height:36px;padding:8px 6px;font-size:11px}.composition-main .map-grid{grid-auto-columns:92px}.composition-main .map-card{height:72px}.composition-main .map-settings-row{gap:8px}.composition-main .side-picks button{min-height:32px}.composition-main .map-pick .owc-nav-btn{min-height:36px;padding:6px 8px;font-size:11px}.composition-main .workspace-toolbar{gap:10px}.composition-main .workspace-actions{width:100%}.composition-main .workspace-actions button{flex:1;min-height:38px}.composition-main .role-shortcuts button{min-height:38px}.composition-main .board-heading>div{gap:5px;display:grid}.composition-main .board-heading .board-index{margin:0;font-size:8px}.composition-main .board-heading h2{font-size:18px}.composition-main .team-card{padding:20px 17px 15px}.composition-main .hero-main strong{font-size:14px}.composition-main .hero-row{padding:8px}.composition-main .change-hero{width:40px}.composition-main .composition-footer{flex-direction:column;gap:10px}.composition-main .composition-footer>span{white-space:normal}.composition-main .composition-footer summary{text-align:left;font-size:11px}}@media (width<=560px){.composition-main .gaming-hero{min-height:248px;display:block}.gaming-hero-copy{padding:24px 20px}.gaming-hero h1{font-size:34px}.gaming-hero .section-kicker{font-size:8px}.gaming-hero-art{z-index:-1;opacity:.5;position:absolute;inset:0 0 0 20%}.gaming-hero-art:before{background:linear-gradient(90deg,#0c1523,#0c152355),linear-gradient(#0c152360,#0c1523)}.hero-art-title{opacity:.18;top:32%;left:auto;right:17px;transform:skew(-9deg)}.hero-art-title strong{font-size:75px}.hero-art-title>span,.hero-art-title small,.hero-art-map{display:none}.hero-mobile-break{display:block}.hero-meta{gap:7px 14px}}@media (width<=380px){.composition-main{padding-left:12px;padding-right:12px}.composition-main .role-shortcuts{gap:5px}.composition-main .role-shortcuts>span{margin-right:4px}.composition-main .role-shortcuts button{padding-left:12px;padding-right:12px}.composition-main .map-settings-row{flex-wrap:wrap}.composition-main .pool-toggle{margin-left:0}.composition-main .shape{grid-template-columns:124px minmax(0,1fr);gap:16px}.composition-main .shape .hex{width:124px;height:124px}.composition-main .team-heading .comp{font-size:9px}}.evaluation-controls{grid-template-columns:minmax(190px,1.2fr) repeat(3,minmax(140px,1fr));align-items:end;gap:20px;margin:0 0 26px;padding:22px 26px;display:grid}.evaluation-controls h2{margin:5px 0 8px;font-size:19px}.evaluation-controls label{color:var(--muted);gap:8px;font-size:13px;display:grid}.evaluation-controls select{width:100%;min-height:42px;color:var(--text);background:var(--surface);border:1px solid var(--line);font:inherit;border-radius:8px;padding:9px 12px}.evaluation-controls .scope-note{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;margin:0;padding-top:14px;font-size:12px;line-height:1.65}.grade-label,.grade-verdict{color:var(--muted);font-size:12px;line-height:1.6}.team-evaluation{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.team-findings{grid-template-columns:1fr 1fr;gap:14px;font-size:12px;line-height:1.6;display:grid}.team-findings strong{color:var(--text);font-size:12px}.team-findings ul{margin:7px 0 12px;padding-left:16px}.team-evaluation details,.focus-evaluation details{border-top:1px solid var(--line);padding:12px 0}.team-evaluation summary,.focus-evaluation summary{cursor:pointer;color:var(--text);font-size:12px;line-height:1.6}.team-evaluation p,.team-evaluation li,.focus-evaluation p,.focus-evaluation li{overflow-wrap:anywhere;font-size:12px;line-height:1.75}.score-part>summary{grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:10px;min-height:40px;display:grid}.score-part>summary>span{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.score-part small,.data-caveat,.evaluation-notes,.formula{color:var(--muted)}.score-part b{flex:none;margin-left:5px}.formula{background:var(--surface);border:1px solid var(--line);border-radius:0;padding:10px 12px}.axis-contributions>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:10px 0;font-size:12px;display:grid}.axis-contributions small{color:var(--muted);grid-column:1/-1}.focus-evaluation{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.focus-evaluation h3{font-size:15px;line-height:1.5}.focus-evaluation ul{padding-left:18px}.hero-statistics{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin:16px 0;padding:14px}.hero-statistics a,.evidence-links a{color:var(--cyan)}.hero-statistics small{color:var(--muted);font-size:11px}@media (width<=800px){.evaluation-controls{grid-template-columns:1fr 1fr;gap:16px}}@media (width<=480px){.evaluation-controls{padding:18px}.evaluation-controls>div,.evaluation-controls label:last-of-type{grid-column:1/-1}.team-findings{grid-template-columns:1fr;gap:4px}}.overall-pick{border-bottom:1px solid var(--line);padding:0 0 12px}.candidate-grade{color:var(--muted);justify-content:space-between;margin:6px 0 0;font-size:11px;display:flex}.candidate-grade b{color:var(--accent)}.overall-pick .focus-evaluation{margin-top:8px;padding-top:8px}.career-table{min-width:0}.axis-contributions details{grid-column:1/-1}.score-part>summary:after{content:"+";color:var(--cyan)}.score-part[open]>summary:after{content:"−"}.axis-detail>summary{min-height:36px}.axis-detail>summary b,.focus-evaluation>summary b{white-space:nowrap;margin-left:8px}@media (width<=600px){.career-filters{gap:12px}.career-filters>span{flex-basis:100%;margin-left:0;line-height:1.7}.career .career-id{flex-wrap:wrap}.career .career-id>img,.career .career-id>.career-blank{flex:none}.career .career-id>div{flex:1}.career .career-id>a{text-align:right;flex-basis:100%;margin-left:0}.career .career-ranks button{padding:7px 5px;font-size:10px}.score-part>summary{grid-template-columns:minmax(0,1fr) 14px;gap:6px}.score-part>summary>small{grid-row:2;padding-left:0}.score-part>summary:after{grid-area:1/2/3}}.statistics-explorer{margin:0 0 28px;padding:22px 26px}.statistics-explorer>summary{cursor:pointer;color:var(--text);font-size:16px;font-weight:800}.statistics-explorer>summary span{color:var(--muted);margin-left:12px;font-size:11px;font-weight:500;display:inline-block}.statistics-explorer p{color:var(--muted);font-size:12px;line-height:1.8}.statistics-explorer label{align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.statistics-explorer select{background:var(--bg);border:1px solid var(--line);color:var(--text);padding:8px 14px}.statistics-scroll{border:1px solid var(--line);margin:16px 0}.statistics-scroll table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:0;font-size:12px}.statistics-scroll caption{text-align:left;color:var(--muted);padding:12px}.statistics-scroll th{background:var(--panel);color:var(--muted);text-align:left;font-size:11px}.statistics-scroll th,.statistics-scroll td{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:10px 8px}.statistics-scroll td small{color:var(--accent);font-size:10px;display:block}.stats-hero{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:3px 8px;display:flex}.stats-hero[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.stats-hero img{object-fit:cover;width:30px;height:32px}.statistics-hero-detail{border-top:1px solid var(--line);padding-top:16px}.statistics-hero-detail>details{margin:16px 0}.statistics-hero-detail summary{cursor:pointer;font-size:13px}.statistics-hero-detail li{font-size:12px;line-height:2}@media (width<=600px){.statistics-explorer{padding:18px}.statistics-explorer>summary span{margin:8px 0 0;display:block}}@media (width<=800px){.statistics-scroll{border:0}.statistics-scroll table,.statistics-scroll caption{display:block}.statistics-scroll thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.statistics-scroll tbody{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px;display:grid}.statistics-scroll tbody tr{border:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.statistics-scroll td{border:0;align-content:start;gap:5px;min-width:0;font-size:11px;display:grid}.statistics-scroll td:before{content:attr(data-label);color:var(--muted);font-size:9px}.statistics-scroll td:first-child{border-bottom:1px solid var(--line);grid-column:1/-1}.statistics-scroll td:first-child:before{display:none}}:root{--num-low:#b43149;--num-mid:#886414;--num-high:#087963;--num-extreme:#a85b0d}html[data-theme=dark]{--num-low:#ec7d87;--num-mid:#e5c479;--num-high:#72dcc0;--num-extreme:#ffad5a}.num-value{font-variant-numeric:tabular-nums}.num-value.num-low{color:var(--num-low)}.num-value.num-mid{color:var(--num-mid)}.num-value.num-high{color:var(--num-high)}.num-value.num-extreme{color:var(--num-extreme)}.num-value.num-unknown{color:var(--muted)}.num-value.num-risk.num-low{color:var(--num-high)}.num-value.num-risk.num-high{color:var(--num-low)}.numeric-legend{color:var(--muted);flex-wrap:wrap;gap:8px 16px;font-size:10px;line-height:1.6;display:flex}.numeric-legend>span{align-items:center;gap:6px;display:inline-flex}.numeric-legend i{background:currentColor;flex:none;width:7px;height:7px;display:block}.site-nav-index svg{width:18px;height:18px;display:block}.site-head .library-toggle{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--muted);border-radius:12px;place-items:center;display:grid}.library-toggle svg{width:19px;height:19px}.mobile-scrim{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060bbb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.mobile-library{overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface);width:min(540px,100%);max-height:88dvh;color:var(--text);border-radius:28px;padding:25px;overflow-y:auto;box-shadow:0 20px 90px #0008}.mobile-library header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-library header h2{letter-spacing:-.05em;margin:6px 0 0;font-size:26px}.mobile-library header button{border-radius:50%;min-width:44px;min-height:44px}.library-description,.library-footnote{color:var(--muted);line-height:1.65}.library-description{font-size:14px}.library-save{align-items:end;gap:10px;padding:16px 0 22px;display:flex}.library-save label{min-width:0;color:var(--muted);flex:1;font-size:12px}.library-save input{background:var(--bg);width:100%;min-height:46px;color:var(--text);border-radius:12px;margin-top:8px;font-size:16px;display:block}.library-save button,.library-item-actions button{border-radius:12px;min-height:46px}.library-item{border:1px solid var(--line);background:var(--bg);border-radius:18px;margin:12px 0;padding:18px}.library-item-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.library-item h3{overflow-wrap:anywhere;margin:0;font-size:16px}.library-item-head>span{color:var(--muted);flex:none;font-size:11px}.library-roster{gap:8px;margin:16px 0;display:flex}.library-roster .hero-portrait{border-radius:10px}.library-item-actions{gap:8px;display:flex}.library-item-actions>button:first-child{flex:1}.library-message{color:var(--cyan);font-size:13px;line-height:1.6}.library-undo{min-height:44px}.library-empty{text-align:center;padding:28px 12px}.library-empty>span{color:var(--accent);font-size:42px}.library-empty h3{font-size:18px}.library-empty p{color:var(--muted);font-size:14px;line-height:1.7}.library-footnote{font-size:11px}@media (width<=800px){:root{--mobile-bar:74px}html{scroll-padding-top:85px;scroll-padding-bottom:95px}body{background:var(--bg);-webkit-tap-highlight-color:transparent}.site{padding-bottom:calc(var(--mobile-bar) + env(safe-area-inset-bottom))}.site .site-head{z-index:75;height:auto;padding:env(safe-area-inset-top) 20px 0;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;position:sticky;top:0}.site .site-head .site-head-inner{gap:12px;height:70px;display:flex}.site .site-head .site-logo{gap:9px;margin-right:auto}.site .site-head .site-brand-name{letter-spacing:-.035em;font-size:27px}.site .site-head .site-search,.site .site-head .site-download-link{display:none}.site .site-head .theme-switch,.site .site-head .theme-switch.on{background:var(--surface);border-radius:14px;width:44px;height:44px}.site .site-head .library-toggle{border-radius:14px;width:44px;height:44px}.site .site-head .site-nav{z-index:80;height:calc(var(--mobile-bar) + env(safe-area-inset-bottom));padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);border-radius:20px 20px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -6px 24px #0003}.site .site-head .site-nav button{letter-spacing:-.025em;min-height:54px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:5px 0;font-size:11px;font-weight:650;transition:background .15s,color .15s;display:flex}.site .site-head .site-nav button:before,.site .site-head .site-nav button:after{display:none}.site .site-head .site-nav button.on{background:var(--cyan-soft);color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 28%,transparent);font-weight:800}.site .site-head .site-nav button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.site .site-head .site-nav button:active{background:var(--cyan-soft)}.site .site-head .site-nav .site-nav-index{color:inherit;display:block}.site .site-head .site-nav button.on .site-nav-index{color:inherit;opacity:1}.site .site-head .site-nav svg{width:22px;height:22px}.site>main,.site>.statistics-main,.site>.desk-guide{min-width:0;padding:20px 18px 32px}.site button,.site select,.site input,.site summary{touch-action:manipulation}.site input,.site select{font-size:16px}.site p{line-height:1.7}.composition-main .gaming-hero{border:1px solid var(--line);background:linear-gradient(135deg,var(--surface),var(--soft));border-radius:24px;min-height:205px;margin:0 0 20px;padding:25px 22px;display:block;position:relative;overflow:hidden}.composition-main .gaming-hero-copy{z-index:2;width:100%;padding:0;position:relative}.composition-main .gaming-hero h1{letter-spacing:-.07em;margin:14px 0;font-size:37px;line-height:1.2}.composition-main .gaming-hero .section-kicker{letter-spacing:.12em;color:var(--muted);font-size:8px}.composition-main .gaming-hero .section-kicker>span{display:none}.composition-main .gaming-hero .page-description{max-width:78%;margin:0;font-size:12px}.composition-main .gaming-hero-art{display:none}.composition-main .gaming-hero:after{content:"✦";color:color-mix(in srgb, var(--accent) 16%, transparent);font-size:145px;font-weight:200;line-height:1;position:absolute;top:42px;right:8px;transform:rotate(15deg)}.composition-main .hero-meta{flex-wrap:wrap;gap:8px;margin-top:19px;font-size:10px}.composition-main .card,.composition-main .map-pick{border-radius:20px;overflow:hidden;box-shadow:0 8px 22px #0000000a}.composition-main .workspace-toolbar{gap:14px;margin:20px 0;padding:0;display:grid}.composition-main .role-shortcuts{grid-template-columns:auto repeat(3,1fr);align-items:center;gap:6px;display:grid}.composition-main .role-shortcuts>span{margin-right:8px;font-size:11px}.composition-main .role-shortcuts button{border-radius:12px;min-height:44px;padding:8px;font-size:12px}.composition-main .workspace-actions{flex-wrap:wrap;gap:6px;display:flex}.composition-main .workspace-actions .saved-label{width:100%;color:var(--muted);margin-bottom:2px;font-size:10px}.composition-main .workspace-actions button{border-radius:12px;flex:1;min-height:44px;padding:6px;font-size:11px}.composition-main .map-pick{display:block}.composition-main .map-current{height:138px;min-height:138px}.composition-main .map-caption h2{font-size:24px}.composition-main .map-controls{padding:18px 16px}.composition-main .mode-picks{flex-wrap:nowrap;padding-bottom:5px;overflow-x:auto}.composition-main .mode-picks button{border-radius:10px;flex:none;min-height:44px}.composition-main .map-grid{scroll-snap-type:x proximity;gap:8px;padding:3px 0 8px;display:flex;overflow-x:auto}.composition-main .map-card{scroll-snap-align:start;border-radius:12px;flex:0 0 108px;height:76px}.composition-main .map-card span{font-size:11px}.composition-main .map-settings-row{flex-wrap:wrap;gap:10px}.composition-main .side-picks{border-radius:12px}.composition-main .side-picks button,.composition-main .owc-nav-btn{border-radius:10px;min-height:44px}.composition-main .team-card{border-radius:20px;padding:18px 15px}.composition-main .team-card:before{height:3px}.composition-main .hero-row{border-radius:13px;padding:10px}.composition-main .hero-main{min-height:48px}.composition-main .hero-main strong{font-size:14px}.composition-main .hero-main em{font-size:11px}.composition-main .hero-row .hero-portrait{border-radius:11px}.composition-main .hero-pick,.composition-main .pick-change{min-height:44px}.site .card.picker{z-index:150;overscroll-behavior:contain;max-height:82dvh;padding:22px 18px calc(24px + env(safe-area-inset-bottom));background:var(--surface);border-radius:26px 26px 0 0;margin:0;position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 0 0 100vmax #030711aa,0 -15px 45px #0005}.site .card.picker .picker-head{z-index:2;background:var(--surface);padding:12px 0;position:sticky;top:-22px}.site .card.picker .picker-head h2{font-size:22px}.site .card.picker .icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.site .card.picker .pick{border-radius:14px;min-height:107px;padding:10px 4px;font-size:11px}.site .card.picker .pick .hero-portrait{border-radius:10px}.site .card.picker .ghost{border-radius:12px;min-height:44px}.mobile-scrim{align-items:flex-end;padding:0}.mobile-library{width:100%;max-height:91dvh;padding:26px 22px calc(28px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0}.statistics-main .card,.desk-guide .card,.tier-app .card{border-radius:18px}.site .site-footer{margin:12px 18px 0;padding-bottom:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.mobile-quick-teams{display:none}@media (width<=800px){.composition-main .mobile-quick-teams{border:1px solid var(--line);background:var(--surface);border-radius:22px;margin:0 0 18px;padding:20px 16px 14px;display:block}.mobile-quick-teams header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mobile-quick-teams h2{letter-spacing:-.04em;margin:6px 0 0;font-size:20px}.mobile-quick-teams .section-kicker{color:var(--muted);font-size:8px}.mobile-quick-teams header button{background:var(--accent-soft);min-height:44px;color:var(--accent);border:0;border-radius:12px;padding:8px 12px;font-size:11px}.quick-team>span{color:var(--cyan);margin:10px 0 7px;font-size:10px;font-weight:700;display:block}.quick-team[data-side=enemy]>span{color:var(--enemy)}.quick-team>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.quick-team button{border:1px solid var(--line);background:var(--bg);border-radius:13px;flex-direction:column;align-items:center;gap:7px;min-height:78px;padding:8px 2px;display:flex}.quick-team .hero-portrait{border-radius:10px}.quick-team strong{white-space:nowrap;letter-spacing:-.05em;font-size:9px}.mobile-quick-teams>p{color:var(--muted);margin:14px 0 0;font-size:10px}.composition-main .patch-status{border-radius:14px;margin:0 0 12px;padding:12px}.composition-main .patch-status>summary{gap:8px}.composition-main .patch-status>summary>span:last-child{display:none}.composition-main .patch-status-badge{font-size:8px}.composition-main .patch-status>summary strong{font-size:11px}}.mobile-library button{font:inherit;color:var(--text);background:var(--soft);border:1px solid var(--line);cursor:pointer}.mobile-library button.primary{color:var(--on-fill);background:var(--accent);border-color:var(--accent)}.mobile-library input{box-sizing:border-box;border:1px solid var(--line);padding:12px}.mobile-library .library-save>button{flex:none;width:auto;padding:12px 16px}.mobile-library button:focus-visible,.mobile-library input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media (width<=800px){.mobile-library .library-save{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.mobile-library .library-save>label,.mobile-library .library-save>button{width:100%}}@media (width>=801px){.site .card.picker{z-index:150;background:var(--surface);border-radius:22px;width:min(650px,90vw);max-height:85dvh;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #030711aa}}.library-import{border:1px solid var(--line);border-radius:12px;margin:0 0 18px;padding:0 12px}.library-import summary{cursor:pointer;min-height:44px;color:var(--muted);align-items:center;font-size:12px;display:flex}.library-import form{gap:10px;padding:6px 0 12px;display:grid}.library-import label{color:var(--muted);font-size:12px}.library-import input{background:var(--bg);width:100%;min-height:44px;color:var(--text);border-radius:10px;margin-top:8px;font-size:16px;display:block}.library-import button{border-radius:10px;min-height:44px}@media (width<=800px){html[data-theme=light]{--bg:#f5f6fa;--surface:#fff;--soft:#f0f2f7;--line:#e0e5ed;--text:#162236;--muted:#586273;--accent:#9b5700;--accent-soft:#f5e9d6;--on-fill:#fff;--cyan:#0e6377;--cyan-soft:#e1f3f7;--enemy:#bb314b}html[data-theme=light] .composition-main .gaming-hero h1{color:var(--text)}html[data-theme=light] .composition-main .gaming-hero h1 span{color:var(--accent)}html[data-theme=light] .composition-main .gaming-hero .page-description,html[data-theme=light] .composition-main .hero-meta{color:var(--muted)}html[data-theme=light] .composition-main .hero-map-label{color:var(--cyan)}html[data-theme=light] .composition-main .data-status{color:var(--muted)}.composition-main .gaming-hero{display:none}.composition-main .mobile-quick-teams{background:0 0;border:0;border-radius:0;margin:0 0 20px;padding:0}.mobile-match-context{justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;display:flex}.mobile-match-context .section-kicker{letter-spacing:.06em;color:var(--muted);font-size:10px}.mobile-match-context h1{letter-spacing:-.06em;margin:6px 0 0;font-size:28px;line-height:1.2}.mobile-match-context>button{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;max-width:55%;min-height:56px;padding:10px 30px 10px 13px;font-size:13px;font-weight:700;position:relative}.mobile-match-context>button>small{color:var(--muted);margin-top:5px;font-size:10px;font-weight:400;display:block}.mobile-match-context>button>span{color:var(--muted);position:absolute;top:18px;right:12px}.match-team-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.match-team{--team-color:var(--cyan);--team-soft:var(--cyan-soft);border:1px solid var(--line);background:var(--surface);border-radius:20px;min-width:0;overflow:hidden}.match-team[data-side=enemy]{--team-color:var(--enemy);--team-soft:var(--enemy-soft)}.match-team>header{border-top:3px solid var(--team-color);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--team-color) 8%,var(--surface));justify-content:space-between;align-items:center;gap:4px;margin:0;padding:16px 13px;display:flex}.match-team>header>span{color:var(--team-color);font-size:14px;font-weight:800}.match-team>header>strong{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:24px}.match-team>header small{color:var(--muted);margin-left:3px;font-size:10px;font-weight:400}.match-roster{gap:0;display:grid}.match-roster>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;border-radius:0;align-items:center;gap:9px;width:100%;min-height:76px;padding:12px 10px;display:flex}.match-roster>button:last-child{border-bottom:0}.match-roster>button:active{background:var(--team-soft)}.match-roster .hero-portrait{border-radius:11px;flex:none}.match-roster>button>span{min-width:0;display:block}.match-roster strong{letter-spacing:-.045em;overflow-wrap:anywhere;font-size:13px;line-height:1.3;display:block}.match-roster small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.match-roster i{display:none}.match-primary-actions{gap:9px;margin-top:16px;display:flex}.match-primary-actions>button{border-radius:13px;min-height:48px;padding:12px;font-size:12px}.match-primary-actions>button:first-child{flex:1;justify-content:space-between;align-items:center;width:auto;display:flex}.mobile-quick-teams>p{text-align:center;margin-top:11px;font-size:10px}}@media (width<=350px){.match-team-columns{gap:8px}.match-roster>button{gap:6px;min-height:70px;padding:10px 7px}.match-roster .hero-portrait,.match-roster .hero-portrait img{width:34px!important;height:34px!important}.match-roster strong{font-size:11px}.match-team>header{padding:14px 9px}.match-team>header>span{font-size:12px}.mobile-match-context h1{font-size:25px}}.mobile-panel-heading{display:none}@media (width<=800px){.site .site-head .site-head-inner{height:60px}.site>main.composition-main{padding:16px 16px 24px}.composition-main[data-mobile-panel=overview]>:not(.mobile-quick-teams):not(.workspace-notice):not(.share-link):not(.picker),.composition-main[data-mobile-panel=settings]>.mobile-quick-teams,.composition-main[data-mobile-panel=settings]>.composition-footer,.composition-main[data-mobile-panel=details]>.mobile-quick-teams,.composition-main[data-mobile-panel=details]>.map-pick,.composition-main[data-mobile-panel=details]>.evaluation-workflow,.composition-main[data-mobile-panel=details]>.match-tools,.composition-main[data-mobile-panel=details]>.workspace-toolbar{display:none}.composition-main[data-mobile-panel=overview]>.card.picker{display:block}.composition-main:not([data-mobile-panel=overview]) .mobile-panel-heading{align-items:center;gap:16px;margin-bottom:18px;display:flex}.mobile-panel-heading>button{min-height:44px;color:var(--cyan);background:var(--cyan-soft);border:0;border-radius:10px;padding:8px 12px}.mobile-panel-heading h1{margin:0;font-size:22px}.mobile-match-context{margin-bottom:12px}.mobile-match-context h1{font-size:23px}.mobile-match-context .section-kicker{display:none}.mobile-match-context>button{min-height:46px;padding:8px 25px 8px 12px;font-size:12px}.mobile-match-context>button>small{margin-top:3px;font-size:9px}.match-team-columns{gap:10px}.match-team{border-radius:16px}.match-team>header{padding:10px 12px}.match-team>header>strong{font-size:22px}.match-roster>button{gap:8px;min-height:55px;padding:8px 9px}.match-roster .hero-portrait,.match-roster .hero-portrait img{border-radius:9px;width:34px!important;height:34px!important}.match-roster strong{font-size:12px}.match-roster small{margin-top:3px;font-size:9px}.match-role-switch{grid-template-columns:auto repeat(3,1fr);align-items:center;gap:6px;margin:12px 0;display:grid}.match-role-switch>span{color:var(--muted);margin-right:7px;font-size:11px}.match-role-switch button{background:var(--surface);border-radius:10px;min-height:36px;padding:6px 10px;font-size:11px}.match-role-switch button[aria-pressed=true]{color:var(--cyan);background:var(--cyan-soft);border-color:var(--cyan)}.match-recommendations{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px 12px}.match-recommendations header{justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.match-recommendations header h2{letter-spacing:-.03em;margin:0;font-size:14px}.match-recommendations header>span{color:var(--muted);font-size:9px}.match-recommendations>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.match-recommendations button{background:var(--bg);border:1px solid var(--line);text-align:left;border-radius:12px;grid-template-columns:36px minmax(0,1fr);gap:5px 6px;min-height:80px;padding:8px;display:grid}.match-recommendations button>strong{text-align:center;overflow-wrap:anywhere;grid-column:1/-1;font-size:11px}.match-recommendations button>b{letter-spacing:-.06em;grid-area:1/2;font-size:19px}.match-recommendations button>b small{color:var(--muted);letter-spacing:0;font-size:9px;font-weight:400;display:block}.match-primary-actions{gap:6px;margin-top:10px}.match-primary-actions>button,.match-primary-actions>button:first-child{background:var(--surface);border-radius:10px;flex:1;min-height:40px;padding:8px 4px;font-size:11px;display:block}.mobile-quick-teams>p{justify-content:space-between;align-items:center;margin-top:8px;font-size:9px;display:flex}.mobile-quick-teams>p button{color:var(--muted);background:0 0;border:0;min-height:28px;padding:0;font-size:9px}.recommendation-sheet .primary{border-radius:12px;width:100%;min-height:48px}}.mobile-ad-privacy{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--muted);border-radius:12px;margin-bottom:12px;padding:10px 14px}@media (width<=800px){.mobile-quick-teams button{appearance:none;border:1px solid var(--line);color:var(--text);font-family:inherit}.match-role-switch button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}.match-roster>button{border-width:0 0 1px}.mobile-quick-teams>p button{border:0}.match-recommendations button:hover{border-color:var(--accent)}.match-team-columns{isolation:isolate}}.recommendation-scope{color:var(--muted);font-size:12px}.recommendation-score{color:var(--muted);align-items:baseline;gap:7px;font-size:13px;display:flex}.recommendation-score>strong{color:var(--accent);letter-spacing:-.06em;font-size:40px}.recommendation-score>span{margin-left:auto;font-size:11px}.recommendation-factors{gap:9px;margin:16px 0;display:grid}.recommendation-factors>div{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:9px;font-size:13px;display:flex}.recommendation-factors small{color:var(--muted);margin-left:3px;font-size:10px;font-weight:400}.recommendation-limit{color:var(--muted);font-size:11px}.recommendation-sheet details{margin:16px 0}.recommendation-sheet summary{color:var(--cyan);cursor:pointer;min-height:44px;font-size:12px}.pending-context{color:var(--accent);margin-top:4px;font-size:9px;font-style:normal;display:block}@media (width<=800px) and (height<=740px){.site .site-head .site-head-inner{height:52px}.site .site-head .site-nav{--mobile-bar:62px;padding-top:4px;padding-bottom:4px}.site .site-head .site-nav button{gap:4px;min-height:50px;font-size:11px}.site>main.composition-main{padding-top:12px}.mobile-match-context{margin-bottom:9px}.mobile-match-context>button{min-height:40px}.mobile-match-context h1{font-size:21px}.match-team>header{padding:7px 10px}.match-team>header>strong{font-size:19px}.match-roster>button{min-height:45px;padding:5px 8px}.match-roster .hero-portrait,.match-roster .hero-portrait img{width:29px!important;height:29px!important}.match-role-switch{margin:9px 0}.match-role-switch button{min-height:30px}.match-recommendations{padding:10px}.match-recommendations button{min-height:65px;padding:6px}.match-primary-actions>button,.match-primary-actions>button:first-child{min-height:34px}}@media (width<=800px){.composition-main[data-mobile-panel=overview]>p.workspace-notice{z-index:90;bottom:calc(84px + env(safe-area-inset-bottom));border:1px solid var(--cyan);background:var(--surface);border-radius:14px;align-items:center;gap:12px;max-width:768px;margin:0 auto;padding:10px 12px;font-size:12px;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 8px 30px #0004}.composition-main[data-mobile-panel=overview]>p.workspace-notice>span{flex:1}.composition-main[data-mobile-panel=overview]>p.workspace-notice>button{background:var(--cyan-soft);min-height:44px;color:var(--cyan);border:0;border-radius:10px;flex:none;padding:8px 10px;font-size:12px}.composition-main[data-mobile-panel=photo]>:not(.mobile-panel-heading):not(.match-tools):not(.workspace-notice):not(.picker),.composition-main[data-mobile-panel=photo] .ban-panel{display:none}.composition-main[data-mobile-panel=photo] .match-tools{margin:0;display:block}.composition-main[data-mobile-panel=photo] .drop{border-radius:18px;padding:18px 14px}.composition-main[data-mobile-panel=photo] .guess-grid{gap:10px}.composition-main[data-mobile-panel=photo] .guess select{min-height:44px;font-size:16px}.match-hero-row{border-bottom:1px solid var(--line);align-items:stretch;min-height:55px;display:flex}.match-hero-row:last-child{border-bottom:0}.match-hero-row button{appearance:none;color:var(--text);background:0 0;border:0;border-radius:0;font-family:inherit}.match-hero-pick{text-align:left;flex:1;align-items:center;gap:5px;min-width:0;padding:7px 4px 7px 7px;display:flex}.match-hero-pick>span:last-child{min-width:0}.match-hero-pick strong{font-size:11px;line-height:1.3}.match-hero-pick small{margin-top:3px;font-size:8px}.match-hero-row[data-warning=true]{background:color-mix(in srgb,var(--enemy) 12%,var(--surface));box-shadow:inset 3px 0 var(--enemy)}.match-hero-row[data-warning=true] .match-hero-pick strong,.match-hero-row[data-warning=true] .match-hero-pick small{color:var(--enemy);font-weight:800}.match-counter-button{flex:0 0 47px;min-height:44px;border-left:1px solid var(--line)!important;padding:4px 2px!important}.match-counter-button>span{color:var(--muted);margin-bottom:4px;font-size:8px;display:block}.match-counter-button>div{justify-content:center;gap:2px;display:flex}.match-counter-button .hero-portrait,.match-counter-button .hero-portrait img{border-radius:5px;width:20px!important;height:20px!important}.match-counter-button .portrait-tier{display:none}.match-counter-button small{margin:0;font-size:8px}.match-hero-row button:active{background:var(--team-soft)}.match-hero-row button:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}}@media (width<=350px){.match-hero-pick{gap:4px;padding-left:5px}.match-hero-pick .hero-portrait,.match-hero-pick .hero-portrait img{width:26px!important;height:26px!important}.match-hero-pick strong{font-size:10px}.match-counter-button{flex-basis:42px}.match-counter-button .hero-portrait,.match-counter-button .hero-portrait img{width:17px!important;height:17px!important}}@media (width<=800px) and (height<=740px){.match-hero-row{min-height:45px}.match-hero-pick{padding-top:4px;padding-bottom:4px}}.row-insight-sheet h3{margin:0 0 10px;font-size:15px}.row-insight-sheet p{color:var(--muted);font-size:12px;line-height:1.7}.row-fit-warning{border:1px solid var(--enemy);background:var(--enemy-soft);border-radius:12px;margin:16px 0;padding:14px}.row-fit-warning h3{color:var(--enemy)}.row-fit-warning>button{text-align:left;border:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:10px;align-items:center;gap:9px;padding:10px;font-size:13px;display:flex}.row-fit-warning small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.row-counter-details article{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:12px}.row-counter-details article>header{align-items:center;gap:9px;display:flex}.row-counter-details article header small{color:var(--cyan);margin-left:auto;font-size:10px}.row-counter-details details{font-size:12px;line-height:1.7}.row-counter-details a{color:var(--cyan);margin:8px 10px 0 0;display:inline-block}@media (width<=800px){.match-counter-button .hero-portrait>.portrait-tier{display:none!important}.match-map-settings{text-align:left;align-items:center;gap:8px;max-width:62%;overflow:hidden;padding:6px!important;display:flex!important}.match-map-settings>img{object-fit:cover;border-radius:7px;flex:none;width:45px;height:37px}.match-map-settings>.match-map-copy{min-width:0;color:var(--text);flex:1;font-size:12px;position:static}.match-map-settings>span:last-of-type{padding:0 3px;font-size:12px;position:static}.match-map-copy small{white-space:normal;font-size:8px;display:block}.settings-data-sources{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}}@media (width<=350px){.match-map-settings{gap:5px}.match-map-settings>img{width:34px;height:33px}.match-map-settings>.match-map-copy{font-size:11px}}.statistics-context-drawer{margin-bottom:18px}.statistics-context-drawer>summary{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;font-size:12px;font-weight:700;list-style:none;display:flex}.statistics-context-drawer>summary>span{color:var(--cyan);font-size:10px;font-weight:400}@media (width<=800px){.statistics-main .sa-heading{margin:10px 0 18px;padding:0}.statistics-main .sa-heading h1{font-size:24px}.statistics-main .mr-map-hero{min-height:100px}.statistics-main .mr-role-tabs{margin-top:8px}.statistics-context-drawer>summary{font-size:11px}.statistics-context-drawer>summary>span{white-space:nowrap}.match-counter-button{flex-basis:66px;padding:3px!important}.match-counter-button>.counter-grid{color:var(--muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:0;display:grid}.counter-role{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.counter-role>b{color:var(--muted);font-family:inherit;font-size:7px;font-weight:600;line-height:9px}.match-counter-button .hero-portrait,.match-counter-button .hero-portrait img{border-radius:4px;width:17px!important;height:17px!important}.counter-role>small{min-height:17px;font-size:10px;line-height:17px}.match-hero-row[data-map-warning=true]:not([data-warning=true]){background:color-mix(in srgb,var(--warning) 12%,var(--surface));box-shadow:inset 3px 0 var(--warning)}.match-hero-row[data-map-warning=true]:not([data-warning=true]) .match-hero-pick strong,.match-hero-row[data-map-warning=true]:not([data-warning=true]) .match-hero-pick small{color:var(--warning);font-weight:800}}@media (width<=800px) and (height<=740px){.match-counter-button{padding:2px 3px!important}.counter-role{gap:1px}.match-counter-button .hero-portrait,.match-counter-button .hero-portrait img{width:14px!important;height:14px!important}.counter-role>small{min-height:14px;line-height:14px}}@media (width<=350px){.match-counter-button{flex-basis:58px;padding-left:2px!important;padding-right:2px!important}.counter-role>b{font-size:6px}.match-hero-pick{gap:3px;padding-left:4px}.match-hero-pick strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.match-hero-pick .hero-portrait,.match-hero-pick .hero-portrait img{width:22px!important;height:22px!important}}.row-map-warning{border:1px solid var(--warning);background:color-mix(in srgb,var(--warning) 9%,var(--surface));border-radius:12px;margin:16px 0;padding:14px}.row-map-warning h3{color:var(--warning)}.row-map-warning table{border-collapse:collapse;width:100%;font-size:12px}.row-map-warning td,.row-map-warning th{text-align:right;border-bottom:1px solid var(--line);padding:7px}.row-map-warning th:first-child{text-align:left}.row-counter-role>h4{color:var(--cyan);margin:20px 0 8px;font-size:13px}.row-fit-warning li{font-size:12px;line-height:1.8}.row-fit-warning a{margin-left:7px;font-size:10px}@media (width<=800px) and (height<=740px){.match-team>header{padding-top:6px;padding-bottom:6px}}@media (width<=800px){.match-counter-button{flex:0 0 50%;justify-content:center;align-items:center;display:flex;padding:2px 3px!important}.match-counter-button>.counter-grid{gap:3px;width:100%}.counter-role{gap:1px}.counter-role>b{font-size:7px;line-height:9px}.match-counter-button .hero-portrait,.match-counter-button .hero-portrait img{width:19px!important;height:19px!important}.counter-role>small{min-height:19px;line-height:19px}.match-hero-pick strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.match-hero-pick small{margin-top:2px;line-height:1.2}}@media (width<=800px) and (height<=740px){.match-counter-button{padding-top:0!important;padding-bottom:0!important}.counter-role>b{line-height:8px}.match-counter-button .hero-portrait,.match-counter-button .hero-portrait img{width:17px!important;height:17px!important}.counter-role>small{min-height:17px;line-height:17px}}@media (width>=520px) and (width<=800px){.counter-role{grid-template-columns:repeat(2,minmax(0,1fr));place-items:center;gap:2px;display:grid}.counter-role>b{grid-column:1/-1;font-size:9px;line-height:12px}.match-counter-button .hero-portrait,.match-counter-button .hero-portrait img{width:21px!important;height:21px!important}.counter-role>small{min-height:21px;line-height:21px}}@media (width<=800px){.counter-role>b{color:var(--text);font-size:8px}}@media (width>=520px) and (width<=800px){.counter-role>b{font-size:9px}}@media (width<=800px){.match-hero-row[data-warning=true][data-map-warning=true]{background:linear-gradient(180deg,color-mix(in srgb,var(--enemy) 14%,var(--surface)) 0 50%,color-mix(in srgb,var(--warning) 14%,var(--surface)) 50% 100%);box-shadow:inset 3px 0 var(--enemy),inset 0 -3px var(--warning)}.match-hero-pick .hero-warning-flags{white-space:nowrap;align-items:center;gap:2px;line-height:1.2;display:flex}.hero-warning-flags>b{font-size:7px;font-weight:800;line-height:1.2}.match-hero-row .hero-red-flag{color:var(--enemy)}.match-hero-row .hero-yellow-flag{color:var(--warning)}}.map-index-score strong{color:var(--warning);font-variant-numeric:tabular-nums;font-size:23px}.row-map-warning>a{color:var(--warning);margin:5px 12px 0 0;font-size:11px;display:inline-block}@media (width<=900px){.match-recommendations button>b small{white-space:nowrap;font-size:8px}.match-recommendations .pick-fallback-note{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.4}}.mobile-action-dialog{border:1px solid var(--line,#334);background:var(--surface,#171824);width:min(390px,100vw - 32px);max-height:85dvh;color:var(--text,#eef);border-radius:20px;padding:20px;box-shadow:0 20px 80px #0009}.mobile-action-dialog::backdrop{background:#060913bb}.mobile-action-dialog header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-action-dialog h2{margin:0;font-size:18px}.mobile-action-dialog header button{width:40px;min-height:40px;color:inherit;background:#ffffff0b;border:0;border-radius:10px}.mobile-action-dialog>button{border:1px solid var(--line,#334);background:var(--bg,#10111b);width:100%;min-height:52px;color:inherit;text-align:left;border-radius:12px;align-items:center;gap:12px;margin:8px 0;padding:12px;font-size:14px;display:flex}.mobile-action-dialog>button[aria-pressed=true]{border-color:var(--cyan,#6ed9ff);background:var(--cyan-soft,#18323d)}.mobile-action-dialog p,.mobile-action-dialog>small{color:var(--muted,#abb1c2);font-size:12px;line-height:1.6}.mobile-action-dialog>small{margin-top:12px;display:block}.photo-context-editor{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.photo-context-editor label{gap:5px;min-width:0;font-size:12px;display:grid}.photo-context-editor select{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;min-height:44px;color:var(--text);border-radius:10px;padding:8px;font-size:16px}@media (width<=800px){.match-recommendations header{gap:4px}.match-recommendations header h2{flex:1;font-size:13px}.pick-plan-mode{color:var(--warning);font-size:8px}.match-hero-row[data-swap-target=true]{outline:1px solid var(--cyan);outline-offset:-1px}}@media (width<=800px) and (height<=740px){.match-recommendations{padding:8px}.match-recommendations header{margin-bottom:6px}}@media (width<=800px){.match-recommendations header{align-items:center;gap:8px}.match-recommendations header h2{min-width:0;line-height:1.35}.match-recommendations .pick-target-toggle{border:1px solid var(--cyan);background:var(--cyan);color:#062333;text-align:left;max-width:65%;min-height:44px;box-shadow:0 2px 9px color-mix(in srgb,var(--cyan) 18%,transparent);border-radius:11px;flex:none;justify-content:flex-start;align-items:center;gap:8px;padding:6px 10px;display:flex}.pick-target-copy{gap:2px;min-width:0;display:grid}.pick-target-copy small{letter-spacing:.02em;color:#174154;font-size:9px;font-weight:600;line-height:1.15}.pick-target-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:850;line-height:1.2;overflow:hidden}.pick-target-chevron{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.match-recommendations .pick-target-toggle:hover{background:color-mix(in srgb,var(--cyan) 84%,white);border-color:var(--cyan)}.match-recommendations .pick-target-toggle:focus-visible{outline:2px solid var(--text);outline-offset:3px}.match-recommendations .pick-target-toggle:active{transform:translateY(1px)}html[data-theme=light] .match-recommendations .pick-target-toggle{color:#fff}html[data-theme=light] .pick-target-copy small{color:#e2f9ff}html[data-theme=light] .match-recommendations .pick-target-toggle:hover{background:color-mix(in srgb,var(--cyan) 90%,black)}}@media (width<=800px) and (height<=740px){.site>main.composition-main{padding-top:8px}.mobile-match-context{margin-bottom:6px}.match-team>header{padding-top:6px;padding-bottom:6px}.match-role-switch{margin:6px 0}.match-recommendations header{margin-bottom:4px}}@media (width<=800px){.match-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.match-primary-actions>button,.match-primary-actions>button:first-child{border:1px solid var(--line);background:var(--surface);min-height:48px;color:var(--text);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:10px;font-size:14px;font-weight:750;line-height:1.2;display:flex}.match-primary-actions>.match-photo-action:first-child{background:var(--cyan-soft);color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 45%,var(--line))}.match-primary-actions svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:21px;height:21px}.match-primary-actions>button:hover{border-color:var(--cyan)}.match-primary-actions>button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.match-primary-actions>button:active{transform:translateY(1px)}.match-recommendations{margin-top:10px}.match-recommendations>.match-pick-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.pick-empty-slot{border:1px dashed var(--line);min-height:80px;color:var(--muted);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.pick-empty-slot strong{font-size:11px}.pick-empty-slot small{font-size:9px}}@media (width<=800px) and (height<=740px){.pick-empty-slot{min-height:65px}.match-recommendations{margin-top:6px}}