@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b0d11;--surface:#12151c;--surface-raised:#181c25;--line:#242a36;--line-strong:#333b4a;--overlay:#05070b;--on-color:#0b1220;--text:#e6eaf2;--text-muted:#8b94a7;--text-faint:#767f96;--accent:#38bdf8;--accent-soft:#7dd3fc;--role-tank:#60a5fa;--role-damage:#f87171;--role-support:#4ade80;--positive:#4ade80;--negative:#f87171;--warn:#fbbf24;--ally:#60a5fa;--enemy:#fb7185;--font-ui:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--fs-micro:.6875rem;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:.875rem;--fs-md:1rem;--fs-lg:1.0625rem;--sp-1:2px;--sp-2:4px;--sp-3:8px;--sp-4:12px;--sp-5:16px;--sp-6:24px;--r-sm:2px;--r-md:4px;--r-lg:6px;--r-pill:999px;--shell-max:1400px;--strip-h:52px;--tile:36px;--tile-gap:var(--sp-2);--map-tile-w:52px;--map-tile-h:30px;--role-gutter:6em}*{box-sizing:border-box}.portrait,.rec-portrait,.map-thumb,.rank-badge{background-color:var(--line);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;display:inline-block}.portrait{border-radius:var(--r-md);width:22px;height:22px}.rec-portrait{border-radius:var(--r-md);width:34px;height:34px}.map-thumb{border-radius:var(--r-sm);width:44px;height:25px}.rank-badge{background-color:transparent;background-size:contain}.rank-badge.none{justify-content:center;align-items:center;display:inline-flex}.rank-badge.none:after{content:"";border-top:1px solid var(--text-faint);width:.625rem}html,body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;padding:0;font-size:100%}#boot{z-index:100;place-items:center;gap:var(--sp-4);background:var(--bg);color:var(--accent);transition:opacity .18s,visibility 0s linear .18s;display:grid;position:fixed;inset:0}#boot h1{font-size:var(--fs-md);letter-spacing:.02em;color:var(--text);text-align:center;margin:0;font-weight:600}#boot h1 span{color:var(--text-muted);font-weight:400}#boot .boot-blurb{max-width:34ch;color:var(--text-faint);font-size:var(--fs-sm);text-align:center;text-wrap:balance;margin:0;line-height:1.5}#boot noscript{color:var(--text-muted);font-size:var(--fs-sm)}#boot svg{animation:2s ease-in-out infinite boot-pulse}@keyframes boot-pulse{0%,to{opacity:.45}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){#boot svg{opacity:.75;animation:none}}#main:not(:empty)~#boot{opacity:0;visibility:hidden;pointer-events:none}.app{max-width:var(--shell-max);padding:var(--sp-5);outline:none;min-height:100svh;margin:0 auto}.brand-heading{font:inherit;flex-shrink:0;align-items:center;margin:0;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand{margin-right:var(--sp-1);color:var(--accent);flex-shrink:0;align-items:center;text-decoration:none;display:flex}.brand svg{display:block}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.header{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex;position:relative}.header .context{margin-left:auto}.modes{gap:var(--sp-1);padding:var(--sp-1);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);display:flex}.mode{color:var(--text-muted);border-radius:var(--r-md);font-family:inherit;font-size:var(--fs-base);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:6px 13px;font-weight:600;display:flex}.mode.role-tank{--role:var(--role-tank)}.mode.role-damage{--role:var(--role-damage)}.mode.role-support{--role:var(--role-support)}.mode:hover:not(.active){color:var(--text);background:var(--line)}.mode.active{background:color-mix(in srgb, var(--role) 16%, transparent);color:var(--role);box-shadow:inset 0 -2px 0 var(--role)}.mode-glyph{flex-shrink:0}.mode:not(.active) .mode-glyph{opacity:.65}.mode-count{font-size:var(--fs-micro);letter-spacing:0;color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:600}.mode.active .mode-count{color:color-mix(in srgb, var(--role) 70%, var(--text))}.mode:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.context{font-size:var(--fs-base);flex-wrap:wrap;align-items:center;gap:14px;display:flex}.map-chip{align-items:center;gap:6px;display:flex}.map{font-weight:600;font-size:var(--fs-lg)}.map-side{font-size:var(--fs-xs);color:var(--text-muted)}.map.unset,.generated{color:var(--text-muted)}.generated{font-variant-numeric:tabular-nums;font-size:var(--fs-xs)}.keys{display:inline-flex;position:relative}.keys-button{font:inherit;font-size:var(--fs-micro);color:var(--text-muted);border:1px solid var(--line);border-radius:var(--r-md);cursor:help;background:0 0;padding:.2rem .5rem;line-height:1}.keys-button:hover{color:var(--text);border-color:var(--line-strong)}.keys-sheet{z-index:20;padding:var(--sp-2);background:var(--overlay);border:1px solid var(--line);border-radius:var(--r-md);min-width:11rem;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px 20px rgba(0,0,0,.45)}.keys:hover .keys-sheet{display:block}.keys:focus-within .keys-sheet{display:block}.keys-row{align-items:baseline;gap:var(--sp-2);white-space:nowrap;font-size:var(--fs-xs);color:var(--text-muted);padding:2px 0;display:flex}.keys-row kbd{font-family:inherit;font-size:var(--fs-micro);letter-spacing:.04em;color:var(--text);flex:0 0 2.6rem;font-weight:700}.boards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px;display:grid}.board{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-3) 10px 10px;margin-bottom:10px}.board-title{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 6px;font-weight:700}.board-title.map{color:var(--accent)}.board-title.enemy{color:var(--enemy)}.board-title.ally{color:var(--ally)}.board-title.pool{color:var(--warn)}.board-row{align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-2);display:flex}.board-role{width:var(--role-gutter);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;padding-top:11px;font-weight:700}.board-role.role-tank{color:var(--role-tank)}.board-role.role-damage{color:var(--role-damage)}.board-role.role-support{color:var(--role-support)}.tiles{gap:var(--tile-gap);flex-wrap:wrap;min-width:0;display:flex}.tile{width:var(--tile);height:var(--tile);border-radius:var(--r-md);background-color:var(--line);cursor:pointer;opacity:.5;filter:saturate(.6);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid transparent;padding:0;position:relative}.tile:hover{opacity:1;filter:none}.tile.selected{opacity:1;filter:none;border-color:var(--text)}.board-enemy .tile.selected{border-color:var(--enemy)}.board-ally .tile.selected{border-color:var(--ally)}.board-pool .tile.c1,.board-pool .tile.c2,.board-pool .tile.c3{opacity:1;filter:none;border-color:var(--warn)}.board-pool .tile.c1:before,.board-pool .tile.c2:before,.board-pool .tile.c3:before{content:"";background:var(--warn);width:5px;height:5px;box-shadow:0 0 0 1px var(--bg);border-radius:50%;position:absolute;top:2px;right:2px}.board-pool .tile.c2:before{box-shadow:0 0 0 1px var(--bg), -7px 0 0 0 var(--warn), -7px 0 0 1px var(--bg)}.board-pool .tile.c3:before{box-shadow:0 0 0 1px var(--bg), -7px 0 0 0 var(--warn), -7px 0 0 1px var(--bg), -14px 0 0 0 var(--warn), -14px 0 0 1px var(--bg)}.board-map .tile.selected{border-color:var(--accent)}.board-ally .tile.mine{opacity:1;filter:none;border-color:var(--warn)}.board-ally .tile.mine:before{content:"";background:var(--warn);width:6px;height:6px;box-shadow:0 0 0 1px var(--bg);border-radius:50%;position:absolute;top:2px;right:2px}.board-ally .tile.theirs{opacity:1;filter:saturate(.3);border-color:var(--ally);cursor:default}.board-ally.claiming .board-row.mine .tile:hover{border-color:var(--warn)}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tile.disabled{opacity:.18;filter:saturate(0);cursor:not-allowed}.map-tile{width:var(--map-tile-w);height:var(--map-tile-h);border-radius:var(--r-md)}.tile:after{content:attr(data-name);z-index:5;padding:var(--sp-1) 6px;border-radius:var(--r-md);background:var(--overlay);border:1px solid var(--line);color:var(--text);font-size:var(--fs-xs);text-align:center;pointer-events:none;width:max-content;max-width:min(10rem,45vw);line-height:1.2;display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.tile:hover:after,.tile:active:after{display:block}.tile:focus-visible:after{display:block}.columns{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;display:grid}.column-stack{gap:var(--sp-4);align-content:start;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-4)}.panel h2{margin:0 0 var(--sp-3);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.ban{align-items:flex-start;gap:var(--sp-3);border-radius:var(--r-lg);border:1px solid transparent;margin-bottom:5px;padding:7px 9px;display:flex}.ban .score{color:var(--negative)}.ban-worst{margin:var(--sp-1) 0 0;font-size:var(--fs-sm);color:var(--text-muted)}.ban-text{margin:var(--sp-1) 0 0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.35}.threat{align-items:flex-start;gap:var(--sp-3);border-radius:var(--r-lg);border:1px solid transparent;margin-bottom:5px;padding:7px 9px;display:flex}.threat-text{margin:var(--sp-1) 0 0;font-size:var(--fs-sm);color:var(--text-muted);line-height:1.35}.rec-coverage{margin:var(--sp-1) 0 0;font-size:var(--fs-micro);color:var(--text-faint)}.threat-note{margin:var(--sp-3) 0 0;font-size:var(--fs-micro);color:var(--text-faint)}.matchup-note{font-size:var(--fs-micro);color:var(--text-faint);margin:-.15rem 0 .6rem}.caveat,.cite{font-size:var(--fs-micro);color:var(--text-faint);white-space:nowrap;margin-left:.35em}.cite:before{content:"· "}.threat .score.good,.why .score.good{color:var(--positive)}.threat .score.bad,.why .score.bad{color:var(--negative)}.panel-head .subject{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.empty{color:var(--text-muted);font-size:var(--fs-sm);padding-top:5px}.rec{align-items:flex-start;gap:var(--sp-3);border-radius:var(--r-lg);cursor:pointer;border:1px solid transparent;margin-bottom:5px;padding:7px 9px;display:flex}.rec-body{flex:1;min-width:0}.rec:hover{background:var(--surface-raised)}.rec.locked{border-color:var(--warn)}.rec.swap{border-color:var(--positive)}.rec.tie-end{box-shadow:inset 0 -1px 0 var(--line-strong)}.rec-why{font:inherit;font-size:var(--fs-micro);letter-spacing:.04em;color:var(--text-faint);cursor:pointer;background:0 0;border:0;align-items:baseline;gap:3px;padding:0;display:inline-flex}.rec-why:hover,.rec-why.open{color:var(--text)}.rec-why:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.rec-why-caret{font-size:var(--fs-micro);display:inline-block}.rec-why.open .rec-why-caret{transform:rotate(180deg)}.why{margin:var(--sp-3) 0 var(--sp-4);padding-left:var(--sp-4);border-left:2px solid var(--line-strong)}.why-head{font-size:var(--fs-md);color:var(--text);margin:0;font-weight:600}.why-lede{margin:var(--sp-1) 0 var(--sp-3);font-size:var(--fs-micro);color:var(--text-faint)}.why-terms{margin-bottom:var(--sp-3)}.why-term{align-items:baseline;gap:var(--sp-3);font-size:var(--fs-sm);padding:2px 0;display:flex}.why-term-label{min-width:0;color:var(--text-muted);flex:1}.why-delta{min-width:40px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-sm);text-align:right;color:var(--text-faint);flex:none}.why-delta.good{color:color-mix(in srgb, var(--positive) 70%, var(--text-faint))}.why-delta.bad{color:color-mix(in srgb, var(--negative) 70%, var(--text-faint))}.why-total{margin-top:var(--sp-1);padding-top:var(--sp-2);border-top:1px solid var(--line)}.why-total .why-term-label{color:var(--text)}.why-note{margin:var(--sp-1) 0 0;max-width:62ch;font-size:var(--fs-micro);color:var(--text-faint)}.rec-head{align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;display:flex}.rank{color:var(--text-faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;flex-shrink:0;width:14px;padding-top:5px}.rec-name,.rec-pick{font-size:var(--fs-lg);flex:6rem;min-width:0;font-weight:600}.rec-pick{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.rec-pick:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.rec:has(:focus-visible){background:var(--surface-raised)}.tag{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;padding:var(--sp-1) 6px;border-radius:var(--r-sm);background:var(--line);color:var(--warn)}.tag.swap-tag{color:var(--on-color);background:var(--positive)}.score{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-md);color:var(--text-muted);text-align:right;min-width:46px;margin-left:auto;font-weight:600}.reason,.ban-text,.ban-worst,.threat-text{max-width:62ch}.reasons{margin:3px 0 0;padding:0;list-style:none}.reason{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.4}.reason.good:before{content:"+ ";color:var(--positive)}.reason.bad:before{content:"− ";color:var(--negative)}.sync{font-size:var(--fs-xs);padding:var(--sp-1) 7px;border-radius:var(--r-sm);background:var(--line);color:var(--text-muted)}.sync[class*=synced]{color:var(--positive)}.logged{font-size:var(--fs-micro);padding:2px var(--sp-2);border-radius:var(--r-sm);white-space:nowrap;font-weight:600}.logged.win{color:var(--on-color);background:var(--positive)}.logged.loss{color:var(--on-color);background:var(--negative)}.board-head,.panel-head{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.board-head .board-title,.panel-head h2{margin:0}.board-head .board-title{flex:none}.board-head .shape{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:.06em;padding:var(--sp-1) 6px;border-radius:var(--r-sm);background:var(--line);color:var(--text);text-align:center;flex:none;min-width:3.4rem;font-weight:700}.board-head .shape.tentative{color:var(--text-faint);border:1px solid var(--line);padding:calc(var(--sp-1) - 1px) 5px;background:0 0}.map-search{min-width:0;max-width:18rem;font:inherit;font-size:var(--fs-sm);color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);flex:auto;padding:.3rem .55rem}.map-search:focus{border-color:var(--accent);outline:none}.map-search::placeholder{color:var(--text-faint)}.reset{font:inherit;font-size:var(--fs-micro);letter-spacing:.04em;color:var(--text-muted);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;background:0 0;flex:none;margin-left:auto;padding:.2rem .5rem}.reset:hover{color:var(--text);border-color:var(--line-strong)}.reset.armed{color:var(--on-color);background:var(--negative);border-color:var(--negative);font-weight:700}.sides,.formats,.queues{gap:.25rem;display:inline-flex}.format-bar{align-items:center;gap:var(--sp-2);display:inline-flex}.side,.format,.queue{white-space:nowrap;font:inherit;font-size:var(--fs-xs);color:var(--text-muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;flex:none;padding:.2rem .6rem}.side:hover,.format:hover,.queue:hover{color:var(--text)}.side.active,.format.active,.queue.active{color:var(--on-color);background:var(--accent);border-color:var(--accent);font-weight:700}.side:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.format:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.queue:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.rank-picker{display:inline-flex;position:relative}.recommendations .panel-head .rank-picker{flex:none;margin-left:auto}.rank-chip{font:inherit;font-size:var(--fs-xs);color:var(--text-muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:6px;padding:.2rem .6rem;display:inline-flex}.rank-chip:hover,.rank-chip.open{color:var(--text)}.rank-chip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.rank-chip-label{color:var(--text-faint)}.rank-chip-value{color:var(--text);font-weight:600}.rank-caret{font-size:var(--fs-micro);color:var(--text-faint)}.rank-chip .rank-badge{width:2.25em;height:1.5em}.ranks{z-index:20;top:calc(100% + var(--sp-2));width:13rem;max-width:calc(100vw - 2 * var(--sp-4));overscroll-behavior:contain;max-height:calc(100vh - 6rem);padding:var(--sp-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;gap:0;display:none;position:absolute;right:0;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.45)}.ranks.open{display:flex}.rank-row{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) 6px;font:inherit;font-size:var(--fs-sm);text-align:left;color:var(--text-muted);border-radius:var(--r-md);cursor:pointer;background:0 0;border:0;border-left:3px solid transparent;display:flex}.rank-row .rank-badge{width:2.25rem;height:1.5rem}.rank-row-label{flex:1;min-width:0}.rank-row:hover{color:var(--text);background:var(--surface-raised)}.rank-row.active{color:var(--text);background:var(--surface-raised);border-left-color:var(--accent);font-weight:600}.rank-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.rank-note{font-size:var(--fs-micro);color:var(--text-faint);margin:-.15rem 0 .15rem}.score-note{font-size:var(--fs-micro);color:var(--text-faint);margin:0 0 .6rem}.board-note{font-size:var(--fs-micro);color:var(--text-faint);margin:-.15rem 0 .5rem}.cite-legend{margin:var(--sp-3) 0 0;font-size:var(--fs-micro);color:var(--text-faint)}.roster-rank{font-size:var(--fs-micro);color:var(--text-faint)}.map-slot{display:flex;position:relative}.map-sides{z-index:6;background:var(--overlay);border:1px solid var(--line);border-radius:var(--r-md);white-space:nowrap;padding:3px;position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.map-sides:after{content:"";height:5px;position:absolute;top:100%;left:0;right:0}.map-sides:has(.side.active){display:none}.map-slot:hover .map-sides:has(.side.active){display:inline-flex}.map-slot:focus-within .map-sides:has(.side.active){display:inline-flex}.map-slot:has(.map-sides) .tile:hover:after{display:none}.map-slot:has(.map-sides) .tile:active:after{display:none}.map-slot:has(.map-sides) .tile:focus-visible:after{display:none}.board-map .tiles{padding-top:30px}.board-free{font-size:var(--fs-micro);color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:.35rem;font-weight:600}.board-free.you{color:var(--warn);text-transform:uppercase;letter-spacing:.04em;margin-left:0;display:block}.star{font-size:var(--fs-md);color:var(--warn);padding:0 .25rem;line-height:1}.rec.pooled{border-left:3px solid var(--warn)}.session{margin-bottom:10px}.session-row{align-items:center;gap:var(--sp-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);flex-wrap:wrap;padding:7px 10px;display:flex}.session-name,.session-entry{min-width:0;font:inherit;font-size:var(--fs-sm);color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:.3rem .55rem}.session-name{flex:0 9rem}.session-entry{flex:14rem;max-width:20rem}.session-name:focus,.session-entry:focus{border-color:var(--accent);outline:none}.session-name::placeholder{color:var(--text-faint)}.session-entry::placeholder{color:var(--text-faint)}.session-code{font-family:var(--font-mono);font-size:var(--fs-md);letter-spacing:.04em;color:var(--accent);padding:var(--sp-1) var(--sp-3);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:var(--r-md);-webkit-user-select:all;user-select:all;font-weight:700}.session-action{font:inherit;font-size:var(--fs-xs);color:var(--text-muted);background:var(--line);border-radius:var(--r-md);cursor:pointer;border:1px solid transparent;padding:.3rem .6rem}.session-action:hover{color:var(--text);border-color:var(--line-strong);background:color-mix(in srgb, var(--accent) 10%, var(--line))}.session-action.start{color:var(--accent)}.session-action.on{color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent)}.session-action.leave:hover{color:var(--negative);background:color-mix(in srgb, var(--negative) 12%, var(--line))}.session-or{color:var(--text-muted);font-size:var(--fs-xs)}.session-status{font-size:var(--fs-xs);padding:var(--sp-1) 7px;border-radius:var(--r-sm);background:var(--line);color:var(--text-muted);white-space:nowrap;margin-left:auto}.session-qr{margin-top:var(--sp-3);width:max-content;padding:var(--sp-3);border-radius:var(--r-lg);background:#fff}.session-qr img{width:160px;height:160px;image-rendering:pixelated;display:block}.roster{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-3) 10px 10px;margin-bottom:10px}.roster-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.roster-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 9px var(--sp-2) 6px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--fs-sm);display:flex}.roster-row.gone{opacity:.45}.roster-name{color:var(--text);font-weight:600}.roster-name.me{color:var(--accent)}.roster-role{color:var(--text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.04em}.roster-hero{color:var(--warn);align-items:center;gap:5px;display:flex}.roster-hero.unset{color:var(--text-faint);font-style:italic}.roster-portrait{border:1px solid var(--line);background-position:top;background-size:cover;border-radius:50%;width:22px;height:22px}.roster-pool{align-items:center;gap:3px;display:flex}.roster-pool-portrait{border:1px solid var(--line);opacity:.75;background-position:top;background-size:cover;border-radius:50%;width:16px;height:16px}.roster-pool-more{color:var(--text-faint);font-size:var(--fs-micro);margin-left:2px}.roster-state{color:var(--text-faint);font-size:var(--fs-micro)}.roster-hero.contested{color:var(--enemy)}.roster-clash{font-size:var(--fs-micro);color:var(--enemy);margin-left:.3rem;font-weight:700}.how{margin-top:var(--sp-6)}.how-summary{width:fit-content;color:var(--text-muted);font-size:var(--fs-sm);letter-spacing:.02em;cursor:pointer;display:list-item}.how-summary:hover{color:var(--text)}.how-summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.how-body{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--line);color:var(--text-muted)}.how-body h3{margin:var(--sp-5) 0 var(--sp-2);color:var(--text);font-size:var(--fs-sm);letter-spacing:.04em;text-transform:lowercase;font-weight:600}.how-body h3:first-child{margin-top:0}.how-body p,.how-what{max-width:62ch;margin:0 0 var(--sp-3);font-size:var(--fs-sm);line-height:1.5}.how-sources{margin:0 0 var(--sp-4);gap:var(--sp-3);padding:0;list-style:none;display:grid}.how-sources li{gap:var(--sp-1);display:grid}.how-sources a{color:var(--text);font-size:var(--fs-sm);border-bottom:1px solid var(--line-strong);justify-self:start;text-decoration:none}.how-sources a:hover{color:var(--accent)}.how-sources a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.how-what{color:var(--text-faint);margin:0}.how-body .how-foot{color:var(--text-faint);font-size:var(--fs-micro)}.how-body .how-foot a{color:var(--text-muted);border-bottom:1px solid var(--line-strong);text-decoration:none}.how-body .how-foot a:hover{color:var(--text)}.footer{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--line);align-items:center;gap:var(--sp-2) 10px;color:var(--text-faint);font-size:var(--fs-micro);letter-spacing:.02em;flex-wrap:wrap;display:flex}.footer a{color:var(--text-muted);border-bottom:1px solid var(--line-strong);text-decoration:none}.footer a:hover{color:var(--text)}.footer a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.footer .sep{color:var(--line-strong)}.answer-strip{z-index:30;background:var(--overlay);border-top:1px solid var(--line);padding:var(--sp-2) var(--sp-3) calc(var(--sp-2) + env(safe-area-inset-bottom,0px));display:none;position:fixed;inset:auto 0 0}.strip-row{align-items:center;gap:var(--sp-2);min-height:var(--strip-h);display:flex}.strip-pick{min-width:0;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;text-align:left;flex:1 1 0;align-items:center;gap:6px;padding:6px;display:flex}.strip-pick:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.strip-pick.pooled{border-left:3px solid var(--warn)}.strip-pick.locked{border-color:var(--warn)}.strip-pick.swap{border-color:var(--positive)}.strip-portrait{border-radius:var(--r-md);background-color:var(--line);background-position:50%;background-size:cover;flex-shrink:0;width:28px;height:28px}.strip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-sm);flex:auto;font-weight:600;overflow:hidden}.strip-score{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-xs);color:var(--text-muted);flex-shrink:0;font-weight:600}.strip-empty{padding:0 var(--sp-1);font-size:var(--fs-sm);color:var(--text-muted);margin:0}@media (width>=1600px){:root{--shell-max:1680px}}@media (width<=880px){.boards{grid-template-columns:1fr}}@media (width<=700px){.columns{grid-template-columns:1fr}}@media (width<=560px){.app{padding-left:var(--sp-3);padding-right:var(--sp-3)}.header .context,.session-status{margin-left:0}.modes{flex:100%}.mode{justify-content:center;gap:var(--sp-2);padding:8px var(--sp-2);letter-spacing:.02em;flex:1 1 0}.keys{position:static}.keys-sheet{min-width:0;left:0;right:0}.board-row{gap:var(--sp-1);margin-bottom:var(--sp-3);flex-direction:column}.board-role{width:auto;padding-top:0}.board-free.you{margin-left:.35rem;display:inline}.session-name,.session-entry{flex:100%;max-width:none}}@media (hover:none) and (pointer:coarse){:root{--tile:40px;--tile-gap:6px;--map-tile-w:60px;--map-tile-h:34px}.mode,.format,.queue,.side,.rank-row,.rank-chip,.session-action,.session-name,.session-entry,.map-search,.reset{min-height:44px}.tile,.rec,.ban,.mode,.side,.format,.queue,.rank-row,.rank-chip,.session-action,.reset{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.tile{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;opacity:.72;filter:saturate(.85)}.map-sides:has(.side.active){display:inline-flex}}@media (hover:none) and (pointer:coarse) and (width<=950px){.answer-strip{display:block}.app{padding-bottom:calc(var(--strip-h) + var(--sp-5) + env(safe-area-inset-bottom,0px))}}@media (orientation:landscape) and (height<=500px){.app{padding-top:var(--sp-3);padding-bottom:var(--sp-3)}.footer{margin-top:var(--sp-4)}.session-qr img{width:120px;height:120px}}