@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-BGsTXAXT.woff2)format("woff2"),url(/assets/outfit-latin-400-normal-DMwTpYkH.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-500-normal-DKnIMDSk.woff2)format("woff2"),url(/assets/outfit-latin-500-normal-ClnHRwRh.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2)format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(/assets/outfit-latin-700-normal-D4itBLBr.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/geist-mono-latin-400-normal-DTRLJnHl.woff2)format("woff2"),url(/assets/geist-mono-latin-400-normal-B2yvC1Cq.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/geist-mono-latin-500-normal-YINYabwD.woff2)format("woff2"),url(/assets/geist-mono-latin-500-normal-D-GG86Jb.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/geist-mono-latin-600-normal-V-KvD_pi.woff2)format("woff2"),url(/assets/geist-mono-latin-600-normal-bZn07FKM.woff)format("woff")}:root{--text:#9ca3af;--text-h:#f4f4f5;--bg:#0d0f14;--panel:#14171d;--raised:#181b22;--border:#2a2e38;--code-bg:#181b22;--accent:#b56cff;--accent-bg:#b56cff1f;--accent-border:#b56cff8c;--social-bg:#181b22;--connected:#55d98a;--miss:#ef5f67;--path-a:#2f6fdb;--path-b:#d98216;--muted:#9aa3b2;--shadow:none;--sans:"Outfit", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:left;box-sizing:border-box;background:#0d0f14;border-inline:none;flex-direction:column;width:100%;max-width:none;min-height:100svh;margin:0;display:flex}html{scrollbar-gutter:stable}body{background:#0d0f14;margin:0}h1,h2{font-family:var(--sans);color:var(--text-h);font-weight:500}h1{letter-spacing:-.02em;margin:0 0 .5em;font-size:2rem}h2{letter-spacing:-.01em;margin:0 0 8px;font-size:1.25rem;line-height:118%}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app{box-sizing:border-box;flex-direction:column;align-items:center;gap:24px;padding:24px 16px 48px;display:flex}.app h1{margin:0;font-size:40px}.audio-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;max-width:22rem;display:flex}.audio-controls button{appearance:none;border:1px solid var(--border);background:var(--social-bg);color:var(--text-h);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:6px;padding:8px 12px;font-size:15px}@media (hover:hover){.audio-controls button:hover:not(:disabled){border-color:var(--accent-border)}}.audio-controls button:disabled{opacity:.5;cursor:default}.audio-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.audio-controls button.is-active{border-color:var(--accent-border);background:color-mix(in srgb, var(--accent) 16%, var(--social-bg))}.listen-controls{align-items:center;gap:6px;display:flex}.listen-remaining{color:var(--text);opacity:.75;min-width:1.5em;font-size:14px}.playback-icon{flex-shrink:0;width:10px;height:10px;display:block}.playback-playing{flex-shrink:0;justify-content:space-between;align-items:center;gap:2px;width:10px;height:10px;display:inline-flex}.playback-playing span{background:currentColor;border-radius:50%;width:2px;height:2px;animation:.9s ease-in-out infinite playback-pulse}.playback-playing span:nth-child(2){animation-delay:.15s}.playback-playing span:nth-child(3){animation-delay:.3s}@keyframes playback-pulse{0%,80%,to{opacity:.35;transform:scale(.85)}40%{opacity:1;transform:scale(1.15)}}.visual-assist{text-align:left;width:100%;color:var(--text-h);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-overflow-scrolling:touch;border-radius:8px;flex-flow:row;align-items:center;gap:8px 10px;padding:6px 10px;font-size:13px;display:flex;overflow-x:auto}.visual-assist__title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#9aa3b2);flex:none;font-size:10px;font-weight:600}.visual-assist__empty{color:var(--muted,#9aa3b2);white-space:nowrap;margin:0}.visual-assist__cue{flex-flow:row;align-items:baseline;gap:10px 14px;min-width:0;margin:0;display:flex}.visual-assist__item{white-space:nowrap;flex-direction:row;align-items:baseline;gap:4px;display:flex}.visual-assist__item dt{color:var(--muted,#9aa3b2);margin:0;font-size:11px}.visual-assist__item dd{color:var(--text-h);margin:0;font-weight:500}.visual-assist__event{gap:4px;display:grid}.visual-assist__event-title{margin:0;font-weight:500}.visual-assist__event ul{color:var(--muted,#9aa3b2);font-size:12px;font-family:var(--mono);margin:0;padding-left:1.1rem}.visual-assist--debug{flex-direction:column;align-items:stretch;overflow-x:visible}.game-controls{text-align:left;flex-direction:column;gap:16px;width:min(100%,420px);display:flex}.game-controls__status{color:var(--text-h);flex-direction:column;gap:6px;display:flex}.game-controls__status p{margin:0}.game-controls__turn--yours{box-shadow:inset 3px 0 0 var(--accent);color:var(--text-h);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:6px;padding:8px 10px}.game-controls__turn--yours strong{color:var(--accent)}.game-controls__turn-meta{color:var(--text);font-weight:400}.game-controls__actions{flex-wrap:wrap;gap:8px;display:flex}.game-controls__group{gap:8px;display:flex}.game-controls button{appearance:none;border:1px solid var(--border);background:var(--social-bg);color:var(--text-h);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:6px;padding:8px 12px;font-size:15px}@media (hover:hover){.game-controls button:hover:not(:disabled){border-color:var(--accent-border)}}.game-controls button:disabled{opacity:.5;cursor:default}.game-controls button.is-active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--text-h)}.game-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.board-frame{aspect-ratio:1;width:min(100%,500px);max-width:100%;margin-inline:auto}@container (width>=0){.board-frame{width:min(100%,500px,100cqh)}}.board{aspect-ratio:1;box-sizing:border-box;background:0 0;border-radius:10px;grid-template-rows:1.4rem repeat(9,minmax(0,1fr));grid-template-columns:1.4rem repeat(9,minmax(0,1fr));gap:3px;width:100%;max-width:100%;padding:8px;display:grid}.board__corner{grid-area:1/1}.board__col-label,.board__row-label{color:var(--text);letter-spacing:.02em;-webkit-user-select:none;user-select:none;place-items:center;font-size:12px;font-weight:500;display:grid}.tile{appearance:none;border:1px solid color-mix(in srgb, var(--border) 85%, #000);background:color-mix(in srgb, var(--bg) 70%, #0a0b0e);cursor:default;touch-action:manipulation;border-radius:6px;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.tile:not(:disabled){cursor:pointer}@media (hover:hover){.tile:not(:disabled):hover{border-color:var(--accent-border);background:color-mix(in srgb, var(--accent) 12%, var(--bg))}.tile--selected:not(:disabled):hover{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 70%, #fff)}.tile--strike-range:not(:disabled):hover{background:#ef5f6733;border-color:#b84750}.tile--strike-target:not(:disabled):hover,.tile--selected.tile--strike-target:not(:disabled):hover{background:#ef5f6775;border-color:#f2757c;box-shadow:0 0 0 2px #ef5f678c}.tile--decoy-range:not(:disabled):hover{background:#e0b0401f;border-color:#8a6b24}.tile--decoy-target:not(:disabled):hover,.tile--selected.tile--decoy-target:not(:disabled):hover{background:#e0b04061;border-color:#e0b040;box-shadow:0 0 0 2px #e0b0406b}.tile--ghost-legal-step:not(:disabled):hover{background:color-mix(in srgb, #64748b 28%, var(--bg));border-color:#94a3b8}.tile--ghost-path:not(:disabled):hover{background:color-mix(in srgb, #d1d5db 68%, var(--bg));border-color:#b6bcc7}}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:2}.tile--valid-zone{background:var(--accent-bg);border-color:var(--accent-border)}.tile--unavailable{border-color:color-mix(in srgb, #64748b 28%, var(--border));opacity:.82;background:repeating-linear-gradient(-45deg,#0000 0 4px,#94a3b824 4px 6px),#14171f;box-shadow:inset 0 0 14px #0000008c,inset 0 0 0 1px #0006}.tile--path{background:color-mix(in srgb, var(--accent) 55%, var(--bg));border-color:var(--accent-border)}.tile--legal-step{background:var(--accent-bg);border-color:var(--accent-border)}.tile--ghost-path{background:color-mix(in srgb, #d1d5db 58%, var(--bg));border-color:color-mix(in srgb, #9ca3af 70%, var(--border))}.tile--ghost-legal-step{background:color-mix(in srgb, #64748b 20%, var(--bg));border-color:color-mix(in srgb, #94a3b8 60%, var(--border))}.tile--strike-range{background:#ef5f6724;border-color:#8f4650}.tile--strike-target{z-index:1;background:#ef5f6766;border-color:#f2757c;box-shadow:0 0 0 2px #ef5f6780}.tile--decoy-target{z-index:1;background:#e0b04052;border-color:#e0b040;box-shadow:0 0 0 2px #e0b04066}.tile--selected{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 70%, #fff);z-index:1}.tile--selected.tile--strike-target{background:#ef5f6766;border-color:#f2757c;box-shadow:0 0 0 2px #ef5f6780}.tile--selected.tile--decoy-target{background:#e0b04052;border-color:#e0b040;box-shadow:0 0 0 2px #e0b04066}.tile--debug-opponent{background:#dc2626;border-color:#b91c1c}.tile--training-guess{outline:2px solid var(--accent);outline-offset:-2px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent);z-index:1}.tile--selected.tile--training-guess{outline-color:color-mix(in srgb, #fff 88%, var(--accent));box-shadow:inset 0 0 0 2px #ffffffb3, inset 0 0 0 4px color-mix(in srgb, var(--accent) 40%, transparent)}.tile--training-opponent{background:color-mix(in srgb, #dc2626 72%, var(--bg));border-color:#b91c1c}.tile--training-correct{background:color-mix(in srgb, var(--connected) 55%, var(--bg));border-color:color-mix(in srgb, var(--connected) 80%, #fff);outline:2px solid var(--connected);outline-offset:-2px;z-index:1}.tile__training-mark{letter-spacing:.02em;color:#ffffffeb;text-shadow:0 0 2px #0000008c;pointer-events:none;z-index:1;font-size:10px;font-weight:700;line-height:1}.tile--training-correct .tile__training-mark{font-size:14px}.tile--trail-a{background:color-mix(in srgb, var(--path-a,#2f6fdb) 52%, var(--bg));border-color:color-mix(in srgb, var(--path-a,#2f6fdb) 72%, var(--border))}.tile--trail-b{background:color-mix(in srgb, var(--path-b,#d98216) 52%, var(--bg));border-color:color-mix(in srgb, var(--path-b,#d98216) 72%, var(--border))}.tile--trail-both{background:linear-gradient(to bottom, color-mix(in srgb, var(--path-a,#2f6fdb) 52%, var(--bg)) 50%, color-mix(in srgb, var(--path-b,#d98216) 52%, var(--bg)) 50%);border-color:color-mix(in srgb, #a1a1aa 55%, var(--border))}.tile--player-a{box-shadow:inset 0 0 0 2px var(--path-a,#2f6fdb)}.tile--player-b{box-shadow:inset 0 0 0 2px var(--path-b,#d98216)}.tile--final-a{background:color-mix(in srgb, var(--path-a,#2f6fdb) 62%, var(--bg));border:2px solid color-mix(in srgb, var(--path-a,#2f6fdb) 55%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--path-a,#2f6fdb) 70%, #000), 0 0 0 1px color-mix(in srgb, var(--path-a,#2f6fdb) 80%, transparent)}.tile--final-b{background:color-mix(in srgb, var(--path-b,#d98216) 62%, var(--bg));border:2px solid color-mix(in srgb, var(--path-b,#d98216) 55%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--path-b,#d98216) 70%, #000), 0 0 0 1px color-mix(in srgb, var(--path-b,#d98216) 80%, transparent)}.tile--final-seat{z-index:1}.tile--final-seat.tile--player-a{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--path-a,#2f6fdb) 70%, #000), 0 0 0 1px color-mix(in srgb, var(--path-a,#2f6fdb) 80%, transparent)}.tile--final-seat.tile--player-b{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--path-b,#d98216) 70%, #000), 0 0 0 1px color-mix(in srgb, var(--path-b,#d98216) 80%, transparent)}.tile--final-seat-both{border:2px solid #cbcbd0;box-shadow:inset 0 0 0 1px #00000059,0 0 0 1px #a1a1aa80}.tile--final-seat-both--you-a{background:linear-gradient(to bottom, color-mix(in srgb, var(--path-a,#2f6fdb) 62%, var(--bg)) 50%, color-mix(in srgb, var(--path-b,#d98216) 62%, var(--bg)) 50%)}.tile--final-seat-both--you-b{background:linear-gradient(to bottom, color-mix(in srgb, var(--path-b,#d98216) 62%, var(--bg)) 50%, color-mix(in srgb, var(--path-a,#2f6fdb) 62%, var(--bg)) 50%)}.tile--final-seat-both .tile__seat-marker--you{inset:2px auto auto 50%;transform:translate(-50%)}.tile--final-seat-both .tile__seat-marker--opp{inset:auto auto 2px 50%;transform:translate(-50%)}.tile--ghost-path.tile--final-a,.tile--ghost-path.tile--final-b,.tile--ghost-path.tile--final-seat-both,.tile--ghost-path.tile--final-seat-both--you-a,.tile--ghost-path.tile--final-seat-both--you-b{background:color-mix(in srgb, #d1d5db 58%, var(--bg));border:1px solid color-mix(in srgb, #9ca3af 70%, var(--border));box-shadow:none}.tile--ghost-path.tile--final-seat.tile--player-a,.tile--ghost-path.tile--final-seat.tile--player-b{box-shadow:none}.tile__seat-marker{z-index:2;box-shadow:none;letter-spacing:.02em;text-shadow:0 1px 2px #000000b3;pointer-events:none;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:0;font-size:clamp(8px,1.2vw,10px);font-weight:700;line-height:1;position:absolute;bottom:2px}.tile__seat-marker--you{left:3px}.tile__seat-marker--opp{right:3px}.tile__seat-marker--solo{left:50%;right:auto;transform:translate(-50%)}.tile--final-seat:not(:has(.tile__ply-mark)):not(:has(.tile__action-mark)) .tile__seat-marker--solo{top:50%;bottom:auto;transform:translate(-50%,-50%)}.tile__seat-marker--a{color:color-mix(in srgb, var(--path-a,#2f6fdb) 35%, #fff)}.tile__seat-marker--b{color:color-mix(in srgb, var(--path-b,#d98216) 35%, #fff)}.tile--review-selected{outline:2px solid var(--accent);outline-offset:-1px;z-index:2;opacity:1}.tile--review-selected.tile--final-seat.tile--path-end{outline:none}.tile--review-selected.tile--final-seat:not(.tile--path-end).tile--final-a,.tile--review-selected.tile--final-seat:not(.tile--path-end).tile--final-b,.tile--review-selected.tile--final-seat:not(.tile--path-end).tile--final-seat-both{border:1px solid var(--border);box-shadow:none}.tile--review-selected.tile--final-seat:not(.tile--path-end).tile--player-a,.tile--review-selected.tile--final-seat:not(.tile--path-end).tile--player-b{box-shadow:none}.tile--review-dim{opacity:.38}.tile--final-seat.tile--review-dim{opacity:1}.tile__ply-mark{color:#f4f4f5;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(11px,1.8vw,16px);font-weight:700;line-height:1}.tile__action-pip{z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(8px,1.35vw,11px);font-weight:800;line-height:1;position:absolute;top:2px;right:2px}.tile__action-pip--miss{color:var(--miss,#ef5f67);font-size:clamp(10px,1.6vw,13px)}.tile__action-pip--decoy{color:#f0c85a}.tile__action-pip--stacked{top:12px}.tile__action-mark{color:var(--text-h);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(12px,2vw,18px);font-weight:700;line-height:1}.tile__action-mark--hit{color:#55d98a}.tile__action-mark--miss{color:var(--miss,#ef5f67)}.tile__action-mark--strike{color:#ff7a82}.tile__action-mark--decoy{color:#f0c85a}.tile--missed-strike{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--miss,#ef5f67) 40%, transparent)}.tile--recent-miss{background:color-mix(in srgb, var(--miss,#ef5f67) 16%, var(--bg))}.tile--selected.tile--missed-strike{box-shadow:none}.tile--selected.tile--recent-miss{background:var(--accent)}.tile__missed-mark{color:var(--miss,#ef5f67);opacity:.95;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(14px,2.4vw,22px);font-weight:600;line-height:1}@media (width<=720px){.board{grid-template-rows:1rem repeat(9,minmax(0,1fr));grid-template-columns:1rem repeat(9,minmax(0,1fr));gap:2px;padding:4px}.board__col-label,.board__row-label{font-size:10px}}.page{gap:16px}.page__tagline{max-width:28rem;color:var(--text);margin:0}.page-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.page-button{appearance:none;border:1px solid var(--border);color:var(--text-h);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:7px 12px;font-size:13px;text-decoration:none;display:inline-flex}@media (hover:hover){.page-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.page-button--accent:hover{border-color:var(--accent)}}.page-button:disabled{cursor:default;opacity:.45}.page-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-button--accent{border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg)}.page-status{color:var(--text-h);margin:0}.page-error{color:var(--miss,#ef5f67);margin:0}.toast{z-index:1000;left:50%;top:max(24px, env(safe-area-inset-top,0px));box-sizing:border-box;border:1px solid var(--border,#2a2e38);background:var(--panel,#14171d);max-width:min(22rem,100vw - 32px);color:var(--text-h,#f4f4f5);text-align:center;pointer-events:none;border-radius:8px;padding:10px 16px;font-size:14px;line-height:1.4;animation:.16s ease-out toast-in;position:fixed;bottom:auto;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.toast__title,.toast__detail{margin:0}.toast__title{color:inherit;font-weight:600}.toast__detail{color:var(--muted,#9aa3b2);margin-top:.25rem;font-size:.92em;font-weight:500;line-height:1.35}.toast--error{border-color:color-mix(in srgb, var(--miss,#ef5f67) 55%, var(--border,#2a2e38));color:var(--miss,#ef5f67)}.toast--error .toast__detail{color:color-mix(in srgb, var(--miss,#ef5f67) 75%, var(--muted,#9aa3b2))}.toast--info{color:var(--text-h,#f4f4f5)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=720px){.toast{left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:auto;top:max(12px, env(safe-area-inset-top,0px));border-radius:12px;width:auto;max-width:none;padding:12px 14px;font-size:15px;line-height:1.35;animation-name:toast-in-mobile;transform:none;box-shadow:0 10px 28px #00000073}.toast__detail{margin-top:.3rem;font-size:13px}}@keyframes toast-in-mobile{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.home{box-sizing:border-box;background:var(--bg);width:100%;min-height:100svh;color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;margin:0 auto;padding:48px 20px 40px;display:flex}.home__header{flex-direction:column;align-items:center;gap:10px;display:flex}.home__brand{letter-spacing:.18em;color:var(--text-h);text-transform:uppercase;margin:0;font-size:28px;font-weight:600}.home__tagline{max-width:22rem;color:var(--text);margin:0;font-size:14px;line-height:145%}.home__footer-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.home-panel{box-sizing:border-box;border:1px solid var(--border);background:var(--panel);text-align:left;border-radius:10px;flex-direction:column;gap:28px;width:min(100%,560px);padding:28px;display:flex}.home-panel__section{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.home-panel__label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0;font-size:11px;font-weight:600}.home-panel__join{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.home-panel__join-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;display:grid}.home-panel__code-input{box-sizing:border-box;appearance:none;border:1px solid var(--border);background:var(--raised);width:100%;min-width:0;height:36px;color:var(--text-h);font:inherit;letter-spacing:.08em;text-transform:uppercase;border-radius:8px;padding:0 12px;font-size:13px;line-height:1}.home-panel__code-input::placeholder{color:var(--text);letter-spacing:.06em;text-transform:none}.home-panel__code-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-panel__join-row .page-button{box-sizing:border-box;white-space:nowrap;height:36px;padding-inline:14px}.home-panel__full-button{box-sizing:border-box;width:100%;height:36px;display:flex}.how-to-play-overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.how-to-play-dialog{box-sizing:border-box;border:1px solid var(--border);background:var(--panel,#14171d);width:min(100%,560px);max-height:min(90svh,640px);color:var(--text);text-align:left;border-radius:10px;flex-direction:column;padding:22px 0 22px 22px;display:flex;position:relative;overflow:hidden}.how-to-play-dialog h2,.how-to-play-dialog h3{letter-spacing:.14em;text-transform:uppercase;color:var(--text-h);margin:0;font-size:13px;font-weight:600}.how-to-play-dialog>h2{flex-shrink:0;margin-bottom:14px;padding-right:22px}.how-to-play-dialog__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-right:14px;display:flex}.how-to-play-dialog__header h2{min-width:0;margin-bottom:0}.how-to-play-dialog h2:focus{outline:none}.how-to-play-dialog__close{box-sizing:border-box;width:36px;height:36px;color:var(--muted,#9aa3b2);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;margin:0;padding:0;font-size:22px;line-height:1}.how-to-play-dialog__close:hover{color:var(--text-h);border-color:var(--border);background:var(--raised,#181b22)}.how-to-play-dialog__close:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.how-to-play-dialog__body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;flex-direction:column;flex:auto;min-height:0;padding-right:14px;font-size:14px;line-height:145%;display:flex;overflow:hidden scroll}.how-to-play-dialog__body::-webkit-scrollbar{width:4px}.how-to-play-dialog__body::-webkit-scrollbar-track{background:0 0}.how-to-play-dialog__body::-webkit-scrollbar-thumb{background:0 0;border-radius:4px}.how-to-play-dialog__body:hover,.how-to-play-dialog__body.is-scrolling{scrollbar-color:color-mix(in srgb, var(--muted,#9aa3b2) 55%, transparent) transparent}.how-to-play-dialog__body:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted,#9aa3b2) 55%, transparent)}.how-to-play-dialog__body.is-scrolling::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted,#9aa3b2) 55%, transparent)}.how-to-play-dialog__body>*+*{margin-top:10px}.how-to-play-dialog__body>h3{margin-top:16px}.how-to-play-dialog__body>p+h3,.how-to-play-dialog__body>.how-to-play-cues+h3{border-top:1px solid var(--border);margin-top:28px;padding-top:16px}.how-to-play-dialog__body>h3+*{margin-top:6px}.how-to-play-dialog__body p,.how-to-play-dialog__body ul{margin:0}.how-to-play-dialog__body>p+ul,.how-to-play-dialog__body>p+p{margin-top:6px}.how-to-play-dialog__body ul{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.how-to-play-cues{gap:20px}.how-to-play-cue{flex-direction:column;align-items:stretch;gap:8px;display:flex}.how-to-play-cue__text{min-width:0}.how-to-play-hear-group{flex-wrap:wrap;gap:8px;display:flex}.how-to-play-hear{box-sizing:border-box;border:1px solid var(--border);background:var(--raised,#181b22);width:7.25rem;font:inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--text-h);cursor:pointer;touch-action:manipulation;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin:0;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.how-to-play-hear__icon,.how-to-play-hear__playing{flex-shrink:0;width:10px;height:10px}.how-to-play-hear__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.how-to-play-hear:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--border));color:var(--text-h)}.how-to-play-hear:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.how-to-play-hear:disabled{cursor:default;opacity:.45}.how-to-play-hear--active,.how-to-play-hear--active:disabled{opacity:1;border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg);cursor:default}.how-to-play-dialog__body strong{color:var(--text-h)}.how-to-play-dialog__body>.how-to-play-note{color:var(--muted,#9aa3b2);margin-top:20px}.how-to-play-note strong{color:var(--text-h)}.how-to-play-dialog__actions{flex-shrink:0;justify-content:flex-end;margin-top:16px;padding-right:22px;display:flex}.game-options-modal__section{flex-direction:column;gap:10px;min-width:0;display:flex}.game-options-modal__section h3{margin:0}.game-options-modal__toggles{flex-wrap:wrap;gap:8px;display:flex}.game-options-modal__toggle:disabled{opacity:.45;cursor:default;color:var(--muted,#9aa3b2);border-style:dashed;border-color:color-mix(in srgb, var(--muted,#9aa3b2) 55%, var(--border));background:color-mix(in srgb, var(--muted,#9aa3b2) 8%, transparent)}.game-options-modal__locked-note{color:var(--muted,#9aa3b2);margin:0;font-size:13px}.game-options-modal__hint{color:var(--muted,#9aa3b2);margin:.5rem 0 0;font-size:13px;line-height:1.35}.join-form{text-align:left;flex-direction:column;gap:8px;width:min(100%,420px);display:flex}.join-form__label{color:var(--text-h);font-size:15px}.join-form__row{flex-wrap:wrap;gap:8px;display:flex}.join-form__input{appearance:none;border:1px solid var(--border);background:var(--raised,var(--bg));width:100%;min-width:0;color:var(--text-h);font:inherit;letter-spacing:.08em;text-transform:uppercase;border-radius:8px;flex:10rem;padding:9px 12px;font-size:13px}.join-form__input::placeholder{color:var(--text);letter-spacing:.06em}.join-form__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=720px){.home{gap:20px;padding:28px 16px}.home__brand{font-size:30px}.home__tagline{font-size:16px}.home-panel__label{font-size:12px}.home .page-button{font-size:16px}.home-panel{gap:22px;padding:20px}.home-panel__join-row{grid-template-columns:1fr 1fr}.home-panel__join-row .home-panel__code-input{grid-column:1/-1;height:40px;font-size:16px}.home-panel__join-row .page-button{width:100%;height:40px}.home-panel__full-button{min-height:40px}.how-to-play-overlay{align-items:stretch;padding:0}.how-to-play-dialog{width:100%;height:100%;max-height:none;padding:max(16px, env(safe-area-inset-top,0px)) 0 max(16px, env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));border:none;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.how-to-play-dialog>h2,.how-to-play-dialog__header{padding-right:max(20px, env(safe-area-inset-right,0px));border-bottom:1px solid var(--border);flex-shrink:0;margin-bottom:12px;padding-bottom:12px}.how-to-play-dialog h2,.how-to-play-dialog h3{letter-spacing:.1em}.how-to-play-dialog__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-right:max(20px, env(safe-area-inset-right,0px));flex:auto;font-size:15px;line-height:1.5;overflow:hidden scroll}.how-to-play-dialog__body>*+*{margin-top:12px}.how-to-play-dialog__body>h3{margin-top:20px}.how-to-play-dialog__body>p+h3,.how-to-play-dialog__body>.how-to-play-cues+h3{margin-top:32px;padding-top:18px}.how-to-play-dialog__body ul{gap:8px}.how-to-play-cues{gap:22px}.how-to-play-hear-group{gap:6px}.how-to-play-hear{letter-spacing:.06em;flex:1 1 0;width:auto;min-width:0;min-height:36px;padding:8px 6px;font-size:11px}.how-to-play-hear__label{min-width:0}.how-to-play-dialog__body>p+ul,.how-to-play-dialog__body>p+p{margin-top:8px}.how-to-play-dialog__body>.how-to-play-note{margin-top:22px}.how-to-play-dialog__actions{padding-top:12px;padding-right:max(20px, env(safe-area-inset-right,0px));border-top:1px solid var(--border);flex-shrink:0;margin-top:12px}.how-to-play-dialog__actions .page-button{width:100%;min-height:48px}}.match-review-stack{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.match-review,.match-review-log{box-sizing:border-box;border:1px solid var(--border);background:var(--panel);text-align:left;width:100%;color:var(--text-h);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.match-review__header{flex-direction:column;gap:6px;display:flex}.match-review__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.match-review__title,.match-review-log__title{margin:0;font-size:18px;font-weight:600}.match-review__turn-badge{font-variant-numeric:tabular-nums;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.match-review__move-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:500;overflow:hidden}.match-review__move-label--active{color:var(--accent)}.match-review__board{justify-content:center;width:100%;display:flex}.match-review__footer{flex-direction:column;align-items:center;gap:10px;padding-top:4px;display:flex}.match-review__heard{max-width:100%;color:var(--text-h);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.match-review__heard--muted{color:var(--text)}.match-review__nav{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;width:min(100%,360px);display:grid}.match-review__nav-btn{appearance:none;border:1px solid var(--border);background:var(--raised);color:var(--text-h);font:inherit;cursor:pointer;border-radius:8px;padding:9px 12px;font-size:13px}.match-review__nav-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.match-review__nav-btn--accent:not(:disabled){border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.match-review__nav-btn:disabled{opacity:.45;cursor:default}.match-review__nav-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-review__nav-meta{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:12px}.match-review__starts{color:var(--text);margin:0;font-size:14px}.match-review__start-btn,.match-review__cell-btn{appearance:none;color:inherit;font:inherit;font-size:inherit;font-variant-numeric:tabular-nums;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 6px;font-weight:500}.match-review__start-btn:hover,.match-review__cell-btn:hover,.match-review__start-btn--selected,.match-review__cell-btn--selected{border-color:var(--accent-border);background:var(--accent-bg)}.match-review__row--collapse td{background:color-mix(in srgb, var(--accent-bg,transparent) 45%, transparent)}.match-review__cell-btn--collapse{width:100%;font-weight:600}.match-review__table-wrap{width:100%;overflow-x:auto}.match-review__table{table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.match-review__table th,.match-review__table td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.match-review__table th{text-align:left;color:var(--text);font-weight:600}.match-review__table th:first-child,.match-review__table td:first-child{width:2.5rem}.match-review__table th:nth-child(2),.match-review__table td:nth-child(2),.match-review__table th:nth-child(3),.match-review__table td:nth-child(3){width:45%}.match-review__num{width:2.5rem;color:var(--text);opacity:.75}.match-review__row{cursor:pointer}.match-review__row--selected{background:var(--accent-bg)}.match-review__empty{opacity:.45}.match-review__empty-log{opacity:.75;margin:0;font-size:14px}.match-shell{box-sizing:border-box;width:100%;max-width:1440px;height:100svh;max-height:100svh;padding:16px max(20px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));background:var(--bg);color:var(--text);flex-direction:column;gap:16px;margin:0 auto;display:flex;overflow:auto}.match-shell--review{height:auto;min-height:100svh;max-height:none;overflow:visible}.match-shell--pending{max-width:none}.match-shell__pending-status{text-align:center;color:var(--text-h);margin:auto;padding:24px 16px;font-size:15px;font-weight:500}.training-controls{width:100%}.training-controls .action-chooser{align-items:center}.training-controls .action-chooser__row{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px;width:min(100%,500px);margin-inline:auto}.training-controls .training-controls__grid{display:contents}.training-controls__cue{text-align:center;color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;width:min(100%,500px);height:1.35em;margin:0;font-size:14px;font-weight:500;line-height:1.35;overflow:hidden}.training-controls__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.training-controls.game-controls--match{min-height:9.25rem}.training-mode-toggle{flex-wrap:wrap;gap:8px;margin:0 0 10px;display:flex}.training-mode-toggle--menu{flex-flow:column;gap:4px;width:100%;margin:0}.training-mode-menu{flex-direction:column;gap:6px;padding:4px 0 2px;display:flex}.training-mode-menu__label{letter-spacing:.14em;text-transform:uppercase;color:var(--text);margin:0;padding:0 4px;font-size:11px;font-weight:600}.match-header__menu-item--active{border-color:var(--accent-border);background:var(--accent-bg);color:var(--text-h)}.training-summary{min-height:534px}.match-shell__banner{border:1px solid var(--border);background:var(--raised);color:var(--text-h);border-radius:8px;margin:0;padding:10px 14px}.match-shell__banner--error{color:var(--miss);border-color:color-mix(in srgb, var(--miss) 40%, var(--border))}.match-invite-bar{display:none}.local-debug-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.local-debug-bar .visual-assist{flex:auto;width:100%}.ai-debug-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);color:var(--muted,#9aa3b2);border-radius:8px;flex:100%;gap:2px;padding:10px 12px;font-size:13px;display:grid}.ai-debug-panel__title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#9aa3b2);margin-bottom:6px;font-size:11px;font-weight:600}.ai-match-review-log{color:var(--text-h);gap:2px;font-size:13px;line-height:1.4;display:grid}.ai-match-review-log__line{color:var(--muted,#9aa3b2)}.ai-match-review-log__turn{color:var(--text-h);margin-top:8px;font-weight:600}.ai-match-review-log__turn:first-child{margin-top:0}.ai-match-review-log__detail{color:var(--muted,#9aa3b2);padding-left:.85rem;font-size:12px}.ai-debug-panel__empty{color:var(--muted,#9aa3b2);margin:0;font-size:13px}.ai-difficulty{gap:6px;width:100%;display:grid}.ai-difficulty__options{flex-wrap:wrap;gap:8px;display:flex}.ai-difficulty__description{color:var(--muted,#9aa3b2);margin:0;font-size:12px}.match-header{flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px 16px;padding:4px 0 8px;display:flex}.grid-collapse-status{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--raised,#181b22) 88%, transparent);max-width:100%;color:var(--muted,#9aa3b2);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex-shrink:0;margin:0;padding:3px 8px;font-size:10px;font-weight:600;line-height:1.15;transition:border-color .18s,box-shadow .18s,color .18s;overflow:hidden}.grid-collapse-status--imminent{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent)}.match-header__brand{appearance:none;font:inherit;letter-spacing:.18em;color:var(--text-h);text-transform:uppercase;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:18px;font-weight:600}@media (hover:hover){.match-header__brand:hover{color:var(--accent)}}.match-header__brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-header__label--short{display:none}.match-header__utilities{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.match-header__btn{appearance:none;border:1px solid var(--border);color:var(--text-h);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:8px;padding:7px 12px;font-size:13px}@media (hover:hover){.match-header__btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}}.match-header__btn:disabled{opacity:.45;cursor:default}.match-header__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-header__btn--accent{border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg)}.match-header__menu-wrap{flex-shrink:0;display:none;position:relative}.match-header__end{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:none}.match-header__audio-chip{appearance:none;border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);font:inherit;cursor:pointer;touch-action:manipulation;white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.match-header__audio-chip:disabled{opacity:.45;cursor:default}.match-header__audio-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-header__menu-toggle{appearance:none;box-sizing:border-box;border:1px solid var(--border);width:40px;height:40px;color:var(--text-h);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:8px;place-items:center;padding:0;display:grid}@media (hover:hover){.match-header__menu-toggle:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}}.match-header__menu-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-header__menu-icon{flex-direction:column;justify-content:center;gap:4px;width:16px;display:flex}.match-header__menu-icon span{background:currentColor;border-radius:1px;height:2px;display:block}.match-header__menu{z-index:40;box-sizing:border-box;border:1px solid var(--border);background:var(--panel);border-radius:10px;flex-direction:column;gap:4px;min-width:12.5rem;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #00000059}.match-header__menu-item{appearance:none;border:1px solid var(--border);background:var(--raised);width:100%;min-height:44px;color:var(--text-h);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border-radius:8px;margin:0;padding:11px 12px;font-size:14px;font-weight:500}@media (hover:hover){.match-header__menu-item:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 14%, var(--raised))}}.match-header__menu-item:active{background:color-mix(in srgb, var(--accent) 18%, var(--raised));border-color:var(--accent-border)}.match-header__menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-header__menu-divider{background:var(--border);border:none;height:1px;margin:4px 2px}.match-header__menu-item--leave{border-color:color-mix(in srgb, var(--miss,#ef5f67) 45%, var(--border));background:color-mix(in srgb, var(--miss,#ef5f67) 10%, var(--raised));color:color-mix(in srgb, var(--miss,#ef5f67) 78%, var(--text-h));margin-top:0}@media (hover:hover){.match-header__menu-item--leave:hover{border-color:color-mix(in srgb, var(--miss,#ef5f67) 65%, var(--border));background:color-mix(in srgb, var(--miss,#ef5f67) 16%, var(--raised));color:var(--miss,#ef5f67)}}.match-header__menu-item--leave:active{background:color-mix(in srgb, var(--miss,#ef5f67) 22%, var(--raised));border-color:color-mix(in srgb, var(--miss,#ef5f67) 70%, var(--border))}.match-header__menu-room{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:2px;padding:8px 8px 10px;display:flex}.match-header__menu-room-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.match-header__menu-room-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text);font-size:11px;font-weight:600}.match-header__menu-room-code{letter-spacing:.1em;color:var(--text-h);font-size:15px;font-weight:600}.match-header__menu-copy{appearance:none;box-sizing:border-box;border:1px solid var(--border);background:var(--raised);width:40px;height:40px;color:var(--text-h);cursor:pointer;touch-action:manipulation;border-radius:8px;flex-shrink:0;place-items:center;padding:0;display:grid}@media (hover:hover){.match-header__menu-copy:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 14%, var(--raised));color:var(--accent)}}.match-header__menu-copy:active{background:color-mix(in srgb, var(--accent) 18%, var(--raised));border-color:var(--accent-border)}.match-header__menu-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-header__menu-copy-icon{display:block}.match-layout{flex:1;grid-template-columns:260px minmax(0,1fr) 220px;align-items:stretch;gap:16px;min-height:0;display:grid}.match-layout--solo{grid-template-columns:260px minmax(0,1fr)}.match-layout__main{flex-direction:column;gap:16px;min-width:0;height:100%;min-height:0;display:flex}.board-panel{box-sizing:border-box;border:1px solid var(--border);background:var(--panel);border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:0;width:100%;padding:16px;display:flex;overflow:visible}.board-panel__stage{justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex}.board-panel--collapse{justify-content:flex-start;gap:4px;padding-top:8px;padding-bottom:12px}.board-panel--collapse .grid-collapse-status{align-self:center}.board-panel--collapse .board-panel__stage{flex:auto}@media (width>=1240px){.board-panel--collapse{gap:10px;padding-top:12px;padding-bottom:16px}.board-panel--collapse .grid-collapse-status{letter-spacing:.08em;padding:5px 12px;font-size:11px}.board-panel--collapse .board-panel__stage{align-items:flex-start}}.match-shell:not([data-browser-zoom]) .board-panel{flex:auto;min-height:0;overflow:hidden}.match-shell:not([data-browser-zoom]) .board-panel__stage{flex:auto;overflow:hidden;container-type:size}.match-panel{box-sizing:border-box;border:1px solid var(--border);background:var(--panel);text-align:left;border-radius:10px;overflow:hidden}.match-panel--summary{flex-direction:column;display:flex}.match-panel__body,.match-panel__summary-grid{flex-direction:column;min-width:0;display:flex}.match-panel__summary-grid>.match-panel__section:last-child{border-bottom:none}.match-panel__footer{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 18px 16px;display:flex}.match-panel__play-again-hint{color:var(--text);text-align:center;margin:0;font-size:13px;line-height:1.35}.match-panel__play-again{box-sizing:border-box;appearance:none;border:1px solid var(--accent-border);background:var(--accent-bg);width:100%;min-height:44px;color:var(--accent);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:10px;padding:11px 16px;font-size:15px;font-weight:600}@media (hover:hover){.match-panel__play-again:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 18%, var(--raised))}}.match-panel__play-again:disabled{opacity:.45;cursor:default}.match-panel__play-again:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-panel__section{border-bottom:1px solid var(--border);padding:16px 18px}.match-panel__body .match-panel__section:last-child,.match-panel>.match-panel__section:last-child{border-bottom:none}.match-panel__section--quiet{padding-top:12px;padding-bottom:12px}.match-panel__section--your-turn,.match-panel__section--round-win{background:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:inset 3px 0 0 var(--accent)}.match-panel__section--strike-pending,.match-panel__section--round-loss{background:color-mix(in srgb, var(--miss) 14%, transparent);box-shadow:inset 3px 0 0 var(--miss)}.match-panel__value--round-loss{color:var(--miss)}.match-panel__meta--round-loss{color:color-mix(in srgb, var(--miss) 75%, var(--text))}.match-panel__value--strike-pending{color:var(--miss);animation:.9s ease-in-out infinite strike-pending-oscillate}.match-panel__meta--strike-pending{color:color-mix(in srgb, var(--miss) 75%, var(--text))}@keyframes strike-pending-oscillate{0%,to{opacity:1}50%{opacity:.35}}.match-panel__label-short,.match-panel__value-short{display:none}.match-panel__label{color:var(--text);letter-spacing:.02em;margin:0 0 6px;font-size:12px;font-weight:500}.match-panel__label--accent{color:var(--accent)}.match-panel__value{color:var(--text-h);margin:0;font-size:18px;font-weight:500;line-height:1.25}.match-panel--status .match-panel__value{letter-spacing:.08em}.match-panel__value--accent{color:var(--accent)}.match-panel__value--muted{color:var(--text);font-weight:500}.match-panel__meta{color:var(--text);margin:6px 0 0;font-size:13px}.match-panel__score{color:var(--text-h);flex-wrap:wrap;align-items:baseline;gap:8px 10px;margin:0;font-size:20px;font-weight:500;display:flex}.match-panel__score-side{align-items:baseline;gap:6px;display:inline-flex}.match-panel__score-name{color:var(--text);letter-spacing:.02em;font-size:12px;font-weight:500}.match-panel__score-name--you{color:var(--accent)}.match-panel__score-sep{color:var(--text);opacity:.7}.match-panel__score-side--you{color:var(--accent)}.match-panel__connection{color:var(--text-h);align-items:center;gap:8px;margin:0;font-size:16px;display:inline-flex}.match-panel__dot{background:var(--text);border-radius:50%;flex-shrink:0;width:8px;height:8px}.match-panel__dot--ok{background:var(--connected)}.match-panel__dot--bad{background:var(--miss)}.match-panel__locks{flex-direction:column;gap:12px;display:flex}.match-panel__lock-name{color:var(--text-h);margin:0;font-size:15px}.match-layout__status,.match-layout__summary{align-self:start}.match-panel--status{width:100%}.match-panel__room-compact{align-items:center;gap:8px;padding:8px 8px 8px 12px;display:none}.match-panel__room-compact-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.match-panel__room-compact-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text);font-size:11px;font-weight:600}.match-panel__room-compact-code{letter-spacing:.1em;color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.match-panel__room-compact-copy{appearance:none;box-sizing:border-box;border:1px solid var(--border);background:var(--raised);width:40px;height:40px;color:var(--text-h);cursor:pointer;touch-action:manipulation;border-radius:8px;flex-shrink:0;place-items:center;padding:0;display:grid}@media (hover:hover){.match-panel__room-compact-copy:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 14%, var(--raised));color:var(--accent)}}.match-panel__room-compact-copy:active{background:color-mix(in srgb, var(--accent) 18%, var(--raised));border-color:var(--accent-border)}.match-panel__room-compact-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-panel__room-compact-copy-icon{display:block}.match-panel__copy-actions{flex-direction:column;gap:8px;display:flex}.match-panel__copy-actions .match-header__btn{box-sizing:border-box;justify-content:center;width:100%}.game-controls--match{flex-shrink:0;align-items:stretch;width:100%;max-width:none;min-height:7.75rem}.game-controls--match .game-controls__actions{flex-direction:column;align-items:stretch}.game-controls--match .game-controls__actions>.game-controls__group button,.game-controls--match .game-controls__actions>button{appearance:none;border:1px solid var(--border);background:var(--raised);color:var(--text-h);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:8px;padding:10px 14px;font-size:15px}@media (hover:hover){.game-controls--match .game-controls__actions>.game-controls__group button:hover:not(:disabled),.game-controls--match .game-controls__actions>button:hover:not(:disabled){border-color:var(--accent-border)}}.game-controls--match .game-controls__actions>.game-controls__group button:disabled,.game-controls--match .game-controls__actions>button:disabled{opacity:.45;cursor:default}.game-controls--match .game-controls__actions>.game-controls__group button:focus-visible,.game-controls--match .game-controls__actions>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-controls__hint{text-align:center;color:var(--text);margin:0;font-size:14px}.action-chooser{flex-direction:column;gap:12px;width:100%;display:flex}.action-chooser__heading{text-align:center;color:var(--text-h);margin:0;font-size:16px;font-weight:500}.action-chooser__row{grid-template-columns:minmax(0,1fr) minmax(0,4fr);align-items:stretch;gap:10px 24px;width:100%;min-width:0;display:grid}.action-chooser__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0;display:grid}.game-controls--match .action-chooser__listen{appearance:none;border:1px solid var(--accent-border);background:var(--accent-bg);min-width:0;min-height:64px;color:var(--text-h);font:inherit;cursor:pointer;text-align:left;touch-action:manipulation;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}@media (hover:hover){.game-controls--match .action-chooser__listen:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 70%, var(--border));background:color-mix(in srgb, var(--accent) 18%, var(--bg))}}.game-controls--match .action-chooser__listen:disabled{border-color:var(--border);background:color-mix(in srgb, var(--bg) 72%, #050608);color:var(--text-h);opacity:.55;cursor:default}.game-controls--match .action-chooser__listen:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-controls--match .action-chooser__listen .action-chooser__name{color:var(--accent);align-items:center;gap:6px;display:inline-flex}.game-controls--match .action-chooser__listen .action-chooser__listen-label{min-width:0}.game-controls--match .action-chooser__listen .action-chooser__sub{color:color-mix(in srgb, var(--accent) 45%, var(--text))}.game-controls--match .action-chooser__listen .action-chooser__count{color:var(--accent)}.game-controls--match .action-chooser__listen:disabled .action-chooser__name{color:var(--text-h)}.game-controls--match .action-chooser__listen:disabled .action-chooser__sub{color:var(--text)}.game-controls--match .action-chooser__listen:disabled .action-chooser__count{color:var(--accent)}.game-controls--match .action-chooser__btn{appearance:none;border:1px solid var(--border);background:var(--raised);min-height:64px;color:var(--text-h);font:inherit;cursor:pointer;text-align:left;touch-action:manipulation;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}@media (hover:hover){.game-controls--match .action-chooser__btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}}.game-controls--match .action-chooser__btn:disabled{opacity:.68;cursor:default;color:color-mix(in srgb, var(--text-h) 82%, var(--text))}.game-controls--match .action-chooser__btn:disabled .action-chooser__sub{color:color-mix(in srgb, var(--text) 88%, var(--text-h))}.game-controls--match .action-chooser__btn:disabled .action-chooser__count{color:color-mix(in srgb, var(--accent) 70%, var(--text))}.game-controls--match .action-chooser__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-controls--match .action-chooser__btn[aria-pressed=true],.game-controls--match .action-chooser__btn.is-active{border-color:var(--accent-border);background:var(--accent-bg)}.action-chooser__name{align-items:center;gap:6px;font-size:16px;font-weight:600;line-height:1.2;display:inline-flex}.action-chooser__count{color:var(--accent)}.action-chooser__sub{color:var(--text);font-size:12px;line-height:1.3}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=721px) and (width<=1239px){.match-layout{grid-template:"summary main""status main"minmax(0,1fr)/200px minmax(0,1fr);align-items:start}.match-layout--solo{grid-template:"summary main"minmax(0,1fr)/200px minmax(0,1fr)}.match-layout__summary{grid-area:summary}.match-layout__status{grid-area:status;display:block}.match-panel--status .match-panel__room-compact{display:flex}.match-panel--status .match-panel__status-full{display:none}.match-layout__main{grid-area:main;align-self:stretch;min-height:0}.match-header__utilities--inline{margin-left:auto}.match-header__end{margin-left:0;display:flex}.match-header__menu-wrap,.match-header__label--full{display:none}.match-header__label--short{display:inline}.match-header__brand{letter-spacing:.16em;font-size:16px}}@media (width<=949px){.game-controls--match{min-height:11.5rem}.training-controls.game-controls--match{min-height:13rem}.training-controls .action-chooser__row{grid-template-columns:1fr;width:100%}.training-controls .training-controls__grid{grid-template-columns:1fr 1fr;width:100%;display:grid}.action-chooser{gap:8px}.action-chooser__heading{display:none}.action-chooser__row{grid-template-columns:1fr;gap:8px}.game-controls--match .action-chooser__listen{flex-direction:column;grid-column:1;justify-content:center;align-items:flex-start;gap:4px;width:100%;min-height:48px;padding:8px 14px}.action-chooser__grid{flex:none;grid-template-columns:1fr 1fr;gap:8px;width:100%}.game-controls--match .action-chooser__btn{gap:4px;min-height:48px;padding:8px 12px}.action-chooser__name{font-size:15px}.action-chooser__sub{font-size:12px}.game-controls--match .game-controls__confirm-bar{z-index:5;padding:8px 0 max(8px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg);grid-template-columns:1fr 1fr;gap:8px;margin-inline:0;display:grid;position:sticky;bottom:0}.game-controls--match .game-controls__confirm-bar button{width:100%;min-height:44px}}@media (width<=720px){.match-header{flex-wrap:nowrap;gap:12px;padding:0 0 2px}.match-shell__banner--desktop,.match-layout__summary--invite .match-panel--summary{display:none}.match-layout__summary--invite .match-invite-bar{background:color-mix(in srgb, var(--panel) 92%, var(--raised));flex-direction:row;align-items:center;gap:12px;min-height:48px;padding:6px 8px 6px 12px;display:flex}.match-invite-bar__message{min-width:0;color:var(--text-h);flex:auto;margin:0;font-size:13px;line-height:1.25}.match-invite-bar__room{flex:none;align-items:center;gap:6px;display:flex}.match-invite-bar__room-text{flex-direction:column;gap:1px;min-width:0;display:flex}.match-invite-bar__room-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text);font-size:10px;font-weight:600;line-height:1}.match-invite-bar__code{letter-spacing:.1em;color:var(--text-h);margin:0;font-size:13px;font-weight:600;line-height:1.2}.match-invite-bar__copy{appearance:none;box-sizing:border-box;border:1px solid var(--border);background:var(--raised);width:36px;height:36px;color:var(--text-h);cursor:pointer;touch-action:manipulation;border-radius:8px;place-items:center;padding:0;display:grid}.match-invite-bar__copy:active{background:color-mix(in srgb, var(--accent) 18%, var(--raised));border-color:var(--accent-border)}.match-invite-bar__copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-invite-bar__copy-icon{display:block}.match-header__utilities--inline{display:none}.match-header__end{display:flex}.match-header__menu-wrap{display:block}.match-header__brand{letter-spacing:.14em;font-size:15px}.match-layout__status--invite-done{display:none}.match-layout{grid-template:"status""summary""main"minmax(0,1fr)/1fr;gap:8px}.match-layout--solo{grid-template-rows:auto minmax(0,1fr);grid-template-areas:"summary""main"}.match-layout__main{padding-bottom:max(8px, env(safe-area-inset-bottom,0px));grid-area:main;gap:8px;min-height:0}.match-shell:not([data-browser-zoom]) .board-panel{flex:0 auto;min-height:0;overflow:hidden}.match-shell:not([data-browser-zoom]) .board-panel__stage{aspect-ratio:1;flex:0 auto;width:min(100%,500px);max-width:100%;max-height:100%;overflow:hidden;container-type:size}.match-layout__summary{grid-area:summary}.match-layout__status{grid-area:status}.match-panel__summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.match-panel--summary{background:color-mix(in srgb, var(--panel) 92%, var(--raised))}.match-panel--summary .match-panel__summary-grid .match-panel__section{text-align:center;border-bottom:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:48px;padding:6px;display:flex}.match-panel--summary .match-panel__summary-grid .match-panel__section:not(:last-child){border-right:1px solid color-mix(in srgb, var(--border) 80%, transparent)}.match-panel--summary .match-panel__section--your-turn,.match-panel--summary .match-panel__section--round-win{box-shadow:none;background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:0}.match-panel--summary .match-panel__section--round-loss,.match-panel--summary .match-panel__section--strike-pending{box-shadow:none;background:color-mix(in srgb, var(--miss) 14%, transparent);border-radius:0}.match-panel--summary .match-panel__label{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin:0;font-size:9px;font-weight:600}.match-panel--summary .match-panel__label-full{display:none}.match-panel--summary .match-panel__label-short{display:inline}.match-panel--summary .match-panel__value{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;line-height:1.15;overflow:hidden}.match-panel--summary .match-panel__value-full{display:none}.match-panel--summary .match-panel__value-short{display:inline}.match-panel--summary .match-panel__score{justify-content:center;gap:2px 4px;font-size:13px;font-weight:600}.match-panel--summary .match-panel__score-name{display:none}.match-shell{padding:max(8px, env(safe-area-inset-top,0px)) max(10px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(10px, env(safe-area-inset-left,0px));gap:8px}.local-debug-bar{margin-bottom:0}.game-controls--match{min-height:12rem}.training-controls.game-controls--match{min-height:13.5rem}.training-summary{min-height:0}.training-mode-block--desktop{display:none}.training-controls__cue{font-size:13px}.match-panel--status .match-panel__section{padding:10px 12px}.match-panel--status .match-panel__section--quiet{padding-top:8px;padding-bottom:10px}.match-panel--status .match-panel__value{letter-spacing:.08em;font-size:16px}.match-panel__copy-actions{flex-flow:wrap}.match-panel__copy-actions .match-header__btn{flex:calc(50% - 4px);min-height:40px}.match-panel--summary .match-panel__summary-grid .match-panel__section{box-sizing:border-box;gap:4px;height:48px;min-height:48px;padding:4px 5px}.match-panel--summary .match-panel__label{font-size:9px;line-height:1.1}.match-panel--summary .match-panel__value,.match-panel--summary .match-panel__score{font-size:13px;line-height:1.15}.board-panel{padding:8px}.board-panel--collapse{gap:3px;padding-top:6px;padding-bottom:8px}}@media (prefers-reduced-motion:reduce){.match-shell *,.match-shell :before,.match-shell :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}