@font-face{font-family:Special Elite;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/special-elite-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;ascent-override:105%;descent-override:30%;line-gap-override:0%}@font-face{font-family:Special Elite;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/special-elite-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;ascent-override:105%;descent-override:30%;line-gap-override:0%}@font-face{font-family:Almendra;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/almendra-400i-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Almendra;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/almendra-400i-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}@font-face{font-family:Almendra;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/almendra-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Almendra;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/almendra-400-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}@font-face{font-family:Almendra;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/almendra-700-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Almendra;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/almendra-700-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{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0803;--panel:#130f08;--fg:#e8dfc8;--muted:#8a7e66;--accent:#c8880a;--warn:#ff3b3b;--p0:#ff8a3d;--p1:#4ecdc4;--p2:#f5c542;--p3:#d96bff;--p0-text:var(--p0);--p1-text:var(--p1);--p2-text:var(--p2);--p3-text:var(--p3);--surface:#120d05d1;--border:#2a1e08;--border2:#3a2510;--screen-bg:#130f081f;--screen-bg-solid:#130f08b8;--screen-border:#2a1e0859;--grad1:#2a1505;--grad2:#0d1a08;--grain-opacity:.13;--mycelium-opacity:1;--mycelium-filter:none;--board-shadow:0 0 40px #c8880a12 inset, 0 4px 32px #00000080;--menu-shadow:0 8px 24px #0006;--replay-bar-bg:#0a0804e0;--h1-gradient:linear-gradient(120deg, var(--p0), var(--accent));--ob-empty:#ffffff14;--tooth-filter:none;--status-color:var(--muted);--banner-bg:transparent;--banner-radius:0px;--banner-padding:0px;--banner-text-shadow:0 0 20px currentColor, 0 0 6px currentColor;--pane-bg:#130f08eb;--pane-border:#3a2510;--pane-shadow:none;--touch-hint-bg:#120d05eb;--touch-hint-border:#3a2510;--selection-bg:#c8880a59;--selection-fg:#f5e8c8;--bite-gem-bg:#ffe066;--bite-gem-shadow:0 0 5px #ffe066, 0 0 10px #ffe06666;--victory-halo:#000000e6}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2e8d5;--panel:#e8d8c2;--fg:#1c1408;--muted:#7a6852;--accent:#9a6500;--warn:#c81818;--p0-text:#7a3a14;--p1-text:#1d5552;--p2-text:#7a5e15;--p3-text:#5e2476;--surface:#e1d0b6d9;--border:#c8b090;--border2:#b09070;--screen-bg:#c8b69b2e;--screen-bg-solid:#c8b69be6;--screen-border:#aa916966;--grad1:#e0cc90;--grad2:#b8d0a8;--grain-opacity:.06;--mycelium-opacity:.9;--mycelium-filter:hue-rotate(82deg) brightness(.45) saturate(1.8);--board-shadow:0 0 40px #9664000d inset, 0 4px 32px #00000026;--menu-shadow:0 8px 24px #00000014;--replay-bar-bg:#f0e4d0eb;--h1-gradient:linear-gradient(120deg, #1a5748, #7a3800);--ob-empty:#00000012;--tooth-filter:drop-shadow(0 1px 2px #00000080);--status-color:var(--fg);--banner-bg:#1c14081a;--banner-radius:8px;--banner-padding:6px 18px;--banner-text-shadow:0 0 16px currentColor, 0 1px 6px #000000b3, 0 2px 12px #0006;--pane-bg:var(--screen-bg-solid);--pane-border:var(--border);--pane-shadow:0 -4px 24px #0000001a;--touch-hint-bg:var(--screen-bg-solid);--touch-hint-border:var(--border);--selection-bg:#9a650040;--selection-fg:#1c1408;--victory-halo:#f8f2e6eb}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2e8d5;--panel:#e8d8c2;--fg:#1c1408;--muted:#7a6852;--accent:#9a6500;--warn:#c81818;--p0-text:#7a3a14;--p1-text:#1d5552;--p2-text:#7a5e15;--p3-text:#5e2476;--surface:#e1d0b6d9;--border:#c8b090;--border2:#b09070;--screen-bg:#c8b69b2e;--screen-bg-solid:#c8b69be6;--screen-border:#aa916966;--grad1:#e0cc90;--grad2:#b8d0a8;--grain-opacity:.06;--mycelium-opacity:.9;--mycelium-filter:hue-rotate(82deg) brightness(.45) saturate(1.8);--board-shadow:0 0 40px #9664000d inset, 0 4px 32px #00000026;--menu-shadow:0 8px 24px #00000014;--replay-bar-bg:#f0e4d0eb;--h1-gradient:linear-gradient(120deg, #1a5748, #7a3800);--ob-empty:#00000012;--tooth-filter:drop-shadow(0 1px 2px #00000080);--status-color:var(--fg);--banner-bg:#1c14081a;--banner-radius:8px;--banner-padding:calc(6px + .25em) 18px calc(6px - .1em);--banner-text-shadow:0 0 16px currentColor, 0 1px 6px #000000b3, 0 2px 12px #0006;--pane-bg:var(--screen-bg-solid);--pane-border:var(--border);--pane-shadow:0 -4px 24px #0000001a;--touch-hint-bg:var(--screen-bg-solid);--touch-hint-border:var(--border);--selection-bg:#9a650040;--selection-fg:#1c1408;--victory-halo:#f8f2e6eb}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0803;--panel:#130f08;--fg:#e8dfc8;--muted:#8a7e66;--accent:#c8880a;--warn:#ff3b3b;--surface:#120d05d1;--border:#2a1e08;--border2:#3a2510;--screen-bg:#130f081f;--screen-bg-solid:#130f08b8;--screen-border:#2a1e0859;--grad1:#2a1505;--grad2:#0d1a08;--grain-opacity:.13;--mycelium-opacity:1;--mycelium-filter:none;--board-shadow:0 0 40px #c8880a12 inset, 0 4px 32px #00000080;--menu-shadow:0 8px 24px #0006;--replay-bar-bg:#0a0804e0;--h1-gradient:linear-gradient(120deg, var(--p0), var(--accent));--ob-empty:#ffffff14;--tooth-filter:none;--status-color:var(--muted);--banner-bg:transparent;--banner-radius:0px;--banner-padding:0px;--banner-text-shadow:0 0 20px currentColor, 0 0 6px currentColor;--pane-bg:#130f08eb;--pane-border:#3a2510;--pane-shadow:none;--touch-hint-bg:#120d05eb;--touch-hint-border:#3a2510;--selection-bg:#c8880a59;--selection-fg:#f5e8c8;--victory-halo:#000000e6}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bite-gem-bg:#e09000;--bite-gem-shadow:0 0 0 1px #5e3d00, 0 1px 2px #00000047}}[data-theme=light]{--bite-gem-bg:#e09000;--bite-gem-shadow:0 0 0 1px #5e3d00, 0 1px 2px #00000047}*{box-sizing:border-box}::selection{background:var(--selection-bg);color:var(--selection-fg)}a{color:var(--accent);text-underline-offset:2px}a:hover{color:var(--fg)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #c8880a2e}html,body{height:100%;margin:0;padding:0}body{background:radial-gradient(ellipse at 15% 0%, var(--grad1) 0%, transparent 55%), radial-gradient(ellipse at 85% 100%, var(--grad2) 0%, transparent 55%), var(--bg);color:var(--fg);background-attachment:fixed;height:100vh;font-family:Special Elite,Courier New,monospace;overflow:hidden}body:after{content:"";pointer-events:none;z-index:9998;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}#mycelium-bg{pointer-events:none;z-index:0;opacity:var(--mycelium-opacity);filter:var(--mycelium-filter);position:fixed;inset:0;overflow:hidden}#app{z-index:1;flex-direction:column;max-width:1600px;height:100vh;margin:0 auto;padding:10px 16px;display:flex;position:relative}header{flex:none;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}h1,h2,h3,h4{font-family:Almendra,serif;font-weight:400}h4{color:var(--accent);letter-spacing:.3px;margin:10px 0 4px;font-size:14px}h1{background:var(--h1-gradient);color:#0000;letter-spacing:.5px;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px}h2{margin:0 0 12px}#status{color:var(--status-color);font-size:13px}main{flex-direction:column;flex:auto;min-height:0;display:flex}.screen{background:var(--screen-bg);border:1px solid var(--screen-border);border-radius:10px;margin-bottom:12px;padding:16px}#menu.screen,#lobby.screen{background:var(--screen-bg-solid);border-color:var(--border);box-shadow:var(--menu-shadow)}.menu-tagline{color:var(--fg);opacity:.7;margin:0 0 14px;font-size:15px;line-height:1.6}.menu-review-row{border-top:1px solid var(--screen-border);margin-top:14px;padding-top:12px}.menu-review-row button{color:var(--muted);border-color:var(--border);font-size:13px}.menu-review-row button:hover{color:var(--fg);border-color:var(--accent)}#game.screen{flex-direction:column;flex:auto;min-height:0;margin-bottom:0;padding:12px;display:flex}.hidden{display:none!important}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input,button,select{background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-family:inherit;font-size:14px}input:not([type=checkbox]):not([type=radio]){padding:6px 10px;line-height:1.5}.seg-ctrl{border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.seg-ctrl button{border:none;border-left:1px solid var(--border);border-radius:0;flex:1;padding:6px 10px;font-size:13px}.seg-ctrl button:first-child{border-left:none}.seg-ctrl button.seg-active{background:var(--accent);color:var(--bg);border-color:var(--accent)}button{cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:6px 10px;line-height:1.5;display:inline-flex}button:hover{border-color:var(--accent)}button.active{color:var(--accent);border-color:var(--accent);background:#c8880a33;box-shadow:0 0 12px #c8880a59}button.warn{border-color:var(--warn);color:var(--warn)}button.warn:hover{background:var(--warn);color:var(--bg)}button:disabled{opacity:.4;cursor:not-allowed}label{align-items:center;gap:6px;margin-right:12px;display:inline-flex}label.toggle{color:var(--muted);font-size:13px}label.toggle input{margin:0}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}#rejoin-banner{border:1px solid var(--accent);background:#c8880a14;border-radius:8px;margin-bottom:12px;padding:10px 14px}#rejoin-msg{margin-bottom:4px;font-size:14px}#rejoin-banner .row{margin-top:4px}.sep{color:var(--muted)}#lobby{max-height:100%;font-size:17px;overflow-y:auto}#lobby-nato{color:var(--muted);letter-spacing:.04em;margin:-6px 0 14px;font-size:13px}#lobby-players{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.lobby-player{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:10px 14px 8px;font-size:16px}.lobby-player.you{border-color:var(--accent)}.lobby-player.host:after{content:" 👑"}fieldset{border:1px solid var(--border);border-radius:8px;margin:14px 0;padding:12px 16px}fieldset legend{color:var(--muted);padding:0 4px;font-size:14px}.cfg-grid{grid-template-columns:1fr 1fr;gap:14px 18px;margin-bottom:12px;display:grid}.cfg-grid.cfg-single-col{grid-template-columns:1fr}.cfg-span2{grid-column:1/-1}.cfg-grid label{color:var(--muted);flex-direction:column;gap:5px;margin:0;font-size:14px;display:flex}.cfg-grid input,.cfg-grid .seg-ctrl{width:100%}.cfg-label{align-items:center;gap:4px;display:inline-flex;position:relative}.cfg-tip{width:15px;height:15px;color:var(--muted);border-color:var(--border);cursor:pointer;border-radius:50%;flex-shrink:0;padding:0;font-size:10px;font-weight:700;line-height:1}.cfg-tip:hover{color:var(--fg);border-color:var(--accent)}.cfg-tip-box{z-index:50;background:var(--panel);border:1px solid var(--border2);width:210px;color:var(--fg);pointer-events:none;border-radius:6px;padding:7px 10px 7px 14px;font-size:12px;line-height:1.45;display:none;position:fixed;box-shadow:0 4px 16px #00000059}.cfg-tip.open+.cfg-tip-box{display:block}.cfg-pair{align-items:center;gap:8px;display:flex}.cfg-pair .stepper{flex:1;min-width:0}.cfg-sep{color:var(--muted);flex-shrink:0;font-size:15px}.stepper{align-items:stretch;display:flex}.stepper input{text-align:center;border-left:none;border-right:none;border-radius:0;flex:1;width:auto;min-width:0}.step-btn{flex-shrink:0;width:28px;padding:0;font-size:16px;line-height:1}.step-btn:first-child{border-radius:6px 0 0 6px}.step-btn:last-child{border-radius:0 6px 6px 0}#game-grid{flex:auto;grid-template-columns:220px minmax(0,1fr) 240px;gap:12px;width:100%;height:100%;min-height:0;display:grid}#right-col,#left-pane,#controls-pane,#right-pane{flex-direction:column;gap:8px;min-height:0;display:flex}#controls-pane{flex:none}#right-pane{flex:auto}#hud{flex-direction:column;gap:6px;display:flex}.bite-gem{background:var(--bite-gem-bg);vertical-align:middle;width:8px;height:8px;box-shadow:var(--bite-gem-shadow);border-radius:1px;margin:0 2px;display:inline-block;position:relative;top:-1px;transform:rotate(45deg)}.bite-gem-empty{color:var(--muted)}.hud-swatch{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}#board-clock.clock-warn{color:#f5c542}#board-clock.clock-urgent{color:#ff3b3b;font-weight:700}#hands{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:8px;display:flex;overflow-y:auto}.hand{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px;font-size:13px}.hand.turn{border-color:var(--player-color);box-shadow:0 0 8px color-mix(in srgb, var(--player-color) 60%, transparent), 0 0 16px color-mix(in srgb, var(--player-color) 22%, transparent)}.hand.dead{opacity:.5;text-decoration:line-through}.hand.hidden-hand{opacity:.55;font-style:italic}.hand-header{margin-bottom:4px}.hand-territory{font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:15px}.territory-sep{color:var(--muted)}.territory-controlled{opacity:.65}.territory-total{font-weight:700}.hand-bites{color:var(--muted);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.hand-range{color:var(--muted);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.range-bar{flex-wrap:wrap;gap:2px;display:inline-flex}.range-seg{background:linear-gradient(var(--player-color), color-mix(in srgb, var(--player-color) 45%, #000));width:9px;height:12px;box-shadow:0 0 4px color-mix(in srgb, var(--player-color) 45%, transparent);border-radius:1px}.hand-pieces{flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex}.piece-cell{border:1px solid var(--border);width:12px;height:12px;display:inline-block}.piece-mini{gap:0;display:grid}.piece-mini.current{outline:2px solid var(--accent);outline-offset:2px;filter:drop-shadow(0 0 4px #c8880a80)}#board-column{flex-direction:column;min-width:0;min-height:0;display:flex}#board-above{flex-direction:column;flex:1 0 0;justify-content:center;align-items:center;gap:4px;display:flex}#board-wrap{flex:8 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}#board-below{flex:1 0 0;justify-content:center;align-items:center;display:flex}#your-turn-banner{visibility:hidden;letter-spacing:.18em;text-shadow:var(--banner-text-shadow);background:var(--banner-bg);border-radius:var(--banner-radius);padding:var(--banner-padding);pointer-events:none;white-space:nowrap;font-size:1.8rem;font-weight:900}#board-clock{font-variant-numeric:tabular-nums;letter-spacing:.05em;color:var(--muted);pointer-events:none;font-size:2.2rem;font-weight:900}#board{border:1px solid var(--border);box-shadow:var(--board-shadow);background:#0a0804b3;border-radius:8px;display:block}.touch-confirm-btn{color:var(--bg);border:none;border-radius:10px;padding:14px 32px;font-size:18px;font-weight:700;box-shadow:0 4px 20px #0006}.touch-confirm-btn:hover{opacity:.88}#controls{flex-direction:column;gap:6px;display:flex}#controls button{text-align:left}#btn-leave-game{margin-top:6px}#log-pane{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:auto;min-height:0;padding:8px;display:flex}#log-pane h3{color:var(--muted);margin:0 0 6px;font-size:12px}#log-list{flex:auto;font-size:12px;line-height:1.4;overflow-y:auto}.log-entry{cursor:pointer;border-radius:4px;margin-bottom:2px;padding:4px 6px}.log-entry:hover{background:#c8880a14}.log-entry.latest{border-left:2px solid var(--accent);background:#c8880a1f}.log-entry.viewing{border-left:2px solid var(--accent);background:#c8880a38;padding-left:4px}.log-swatch{vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:4px;display:inline-block}#replay-bar{background:var(--replay-bar-bg);border:1px solid var(--accent);z-index:20;white-space:nowrap;pointer-events:auto;border-radius:6px;align-items:center;gap:10px;padding:4px 10px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}#replay-label{color:var(--muted);font-size:12px}#btn-replay-live{padding:3px 10px;font-size:12px}#victory-modal[data-pid="0"]{--victory-color:var(--p0);--victory-text:var(--p0-text)}#victory-modal[data-pid="1"]{--victory-color:var(--p1);--victory-text:var(--p1-text)}#victory-modal[data-pid="2"]{--victory-color:var(--p2);--victory-text:var(--p2-text)}#victory-modal[data-pid="3"]{--victory-color:var(--p3);--victory-text:var(--p3-text)}.vscore-row[data-pid="0"]{--row-color:var(--p0);--row-text:var(--p0-text)}.vscore-row[data-pid="1"]{--row-color:var(--p1);--row-text:var(--p1-text)}.vscore-row[data-pid="2"]{--row-color:var(--p2);--row-text:var(--p2-text)}.vscore-row[data-pid="3"]{--row-color:var(--p3);--row-text:var(--p3-text)}#victory-overlay{z-index:200;background:#000000c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#victory-overlay.hidden{display:none!important}#victory-bg{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}#victory-replay{z-index:2;color:var(--muted);background:color-mix(in srgb, var(--panel) 72%, transparent);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border2);border-radius:8px;padding:6px 12px;font-size:12px;position:absolute;bottom:16px;right:16px}#victory-replay:hover{color:var(--fg);border-color:var(--accent)}#victory-modal{z-index:1;background:color-mix(in srgb, var(--panel) 18%, transparent);-webkit-backdrop-filter:blur(3px)saturate(1.05);border:2px solid var(--victory-color,var(--accent));text-align:center;width:90%;max-width:440px;box-shadow:0 0 60px color-mix(in srgb, var(--victory-color,var(--accent)) 30%, transparent), 0 20px 60px #00000080;border-radius:16px;padding:40px 48px;animation:.35s cubic-bezier(.34,1.56,.64,1) both victory-pop;position:relative}@keyframes victory-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}#victory-title{color:var(--victory-text,var(--victory-color,var(--fg)));text-shadow:0 0 24px color-mix(in srgb, var(--victory-color,var(--accent)) 70%, transparent), 0 1px 10px var(--victory-halo), 0 0 2px var(--victory-halo);margin-bottom:24px;font-size:36px;font-weight:800;line-height:1.2}#victory-scores{flex-direction:column;gap:8px;margin-bottom:28px;display:flex}.vscore-row{background:color-mix(in srgb, var(--panel) 72%, transparent);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.vscore-row.winner{border-color:var(--victory-color,var(--accent))}.vscore-swatch{background:var(--row-color,var(--muted));border-radius:3px;flex-shrink:0;width:14px;height:14px}.vscore-name{text-align:left;flex:1;font-weight:600}.vscore-cells{color:var(--muted);font-size:13px}.vscore-cells .vscore-num{color:var(--row-text,var(--muted))}.vscore-dead{opacity:.45;text-decoration:line-through}.victory-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.victory-actions button{background:color-mix(in srgb, var(--panel) 72%, transparent);-webkit-backdrop-filter:blur(6px);flex:auto}#victory-rematch{border-color:var(--victory-color,var(--accent));color:var(--victory-text,var(--victory-color,var(--fg)));padding:10px 28px;font-size:15px}#victory-rematch:hover:not(:disabled){background:var(--victory-color,var(--accent));color:var(--bg)}#victory-dismiss{padding:10px 28px;font-size:15px}#header-btns{flex-shrink:0;align-items:center;gap:8px;display:flex}#btn-tutorial{color:var(--muted);border-color:var(--border);padding:3px 10px;font-size:12px}#btn-tutorial:hover{color:var(--fg);border-color:var(--accent)}#btn-help,#btn-theme{border-color:var(--border);border-radius:50%;flex-shrink:0;width:28px;height:28px;padding:0;font-size:14px;line-height:1}#btn-help{font-weight:700}#help-overlay{z-index:100;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#help-overlay.hidden{display:none!important}#help-modal{background:var(--panel);border:1px solid var(--border2);border-radius:12px;width:90%;max-width:540px;max-height:85vh;padding:24px 28px;position:relative;overflow-y:auto;box-shadow:0 16px 48px #00000080}#help-modal h2{margin:0 0 16px;font-size:18px}#help-modal h3{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin:14px 0 4px;font-size:13px}#help-modal p{color:var(--fg);margin:0 0 8px;font-size:14px;line-height:1.55}#help-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:16px;position:absolute;top:12px;right:14px}#help-close:hover{color:var(--fg);border-color:#0000}kbd{background:var(--surface);border:1px solid var(--border2);color:var(--accent);border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:12px;display:inline-block}.help-table{border-collapse:collapse;margin-top:6px;font-size:13px}.help-table td{vertical-align:top;padding:3px 10px 3px 0}.help-table td:first-child{white-space:nowrap}#help-modal a{color:var(--accent);text-underline-offset:2px}#help-modal a:hover{color:var(--fg)}.help-fig{margin:10px 0 4px}.help-fig svg{max-width:100%;height:auto;display:block;overflow:visible}#onboarding-overlay{z-index:150;background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#onboarding-overlay.hidden{display:none!important}#onboarding-modal{background:var(--panel);border:1px solid var(--border2);border-radius:14px;flex-direction:column;width:90%;max-width:480px;max-height:calc(100dvh - 32px);animation:.3s cubic-bezier(.34,1.56,.64,1) both victory-pop;display:flex;box-shadow:0 20px 60px #000000a6}#ob-slides{flex:1;min-height:0;padding:28px 28px 16px;overflow-y:auto}.ob-slide{display:none}.ob-active{display:block}.ob-slide h2{color:var(--accent);margin:0 0 14px;font-size:19px}.ob-slide p{color:var(--fg);margin:0 0 10px;font-size:14px;line-height:1.6}.ob-hint{color:var(--muted);margin-top:6px;font-size:13px;font-style:italic}.ob-rules-hint{margin-top:10px}.ob-fig{text-align:center;margin:10px auto}.ob-fig svg{width:auto;max-width:100%;height:auto;max-height:clamp(70px,22vh,180px);margin:0 auto;display:block;overflow:visible}.ob-controls{margin-top:10px}.ctrl-touch{display:none}[data-input=touch] .ctrl-touch{display:revert}[data-input=touch] .ctrl-mouse{display:none}.ob-text-btn{color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:1px solid #0000;padding:0;font-family:inherit;font-size:12px;text-decoration:underline}.ob-text-btn:hover{color:var(--fg);border-color:#0000}#ob-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:12px 20px 16px;display:flex}#ob-dots{flex-shrink:0;align-items:center;gap:7px;display:flex}.ob-dot{background:var(--border2);border-radius:50%;width:7px;height:7px;transition:background .25s,transform .25s}.ob-dot.ob-active{background:var(--accent);transform:scale(1.3)}#ob-actions{align-items:center;gap:8px;display:flex}#ob-skip{color:var(--muted);background:0 0;border:1px solid #0000;padding:5px 8px;font-size:12px}#ob-skip:hover{color:var(--fg);background:0 0;border-color:#0000}#ob-prev,#ob-next{padding:5px 14px;font-size:13px}#ob-prev:disabled{opacity:.3;cursor:default}#ob-next{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}#ob-next:hover{background:#d99a18;border-color:#d99a18}.tooth{filter:var(--tooth-filter)}#mobile-bar,#panel-backdrop,.panel-handle{display:none}#touch-hint{text-align:center;width:max-content;max-width:calc(100% - 24px);color:var(--fg);background:var(--touch-hint-bg);border:1px solid var(--touch-hint-border);pointer-events:none;z-index:5;opacity:0;border-radius:14px;padding:6px 14px;font-size:13px;transition:opacity .25s;display:none;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#touch-hint.visible{opacity:1;display:block}#touch-hint.hint-above{top:12px;bottom:auto}@media (width<=900px){body{height:100dvh;overflow:hidden}#app{height:100dvh;padding:6px 8px 0;overflow:hidden}header{margin-bottom:4px}h1{font-size:16px}main{min-height:0;overflow:hidden}#game.screen{border-radius:10px 10px 0 0;flex:auto;min-height:0;margin-bottom:0;padding:0;overflow:hidden}#game-grid{flex-direction:column;flex:auto;gap:0;min-height:0;display:flex}#board-column{flex:auto;width:100%;min-height:0}#right-col{display:contents}#left-pane,#controls-pane,#right-pane{background:var(--pane-bg);border:2px solid var(--pane-border);max-height:62vh;box-shadow:var(--pane-shadow);z-index:80;border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;padding:0 16px 20px;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden auto;transform:translateY(100%)}#left-pane.open,#controls-pane.open,#right-pane.open{transform:translateY(0)}#hands{flex:auto;max-height:none}#log-pane{flex:auto}#log-list{max-height:34vh}.panel-handle{cursor:ns-resize;background:#c8880a4d;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:10px auto 12px;display:block}#panel-backdrop{z-index:79;pointer-events:none;background:0 0;transition:background .28s;display:block;position:fixed;inset:0}#panel-backdrop.active{pointer-events:all;background:#000000b3}#mobile-bar{background:var(--panel);border-top:1px solid var(--border);padding:6px 8px;padding-bottom:max(6px, env(safe-area-inset-bottom,6px));flex-shrink:0;align-items:center;gap:4px;margin:0 -8px;display:flex}#mobile-bar button{flex-shrink:0;padding:9px 12px;font-size:15px}.mobile-bar-spacer{flex:1}#btn-mobile-replay-prev,#btn-mobile-replay-next{text-align:center;color:var(--accent);border-color:var(--accent);flex:1;padding:6px 18px;font-size:22px}.mobile-panel-btn{font-size:13px}.mobile-panel-btn.active{border-color:var(--accent);color:var(--accent);background:#c8880a26}#mobile-bar.bar-compact .btn-label{display:none}#mobile-bar.bar-compact .mobile-panel-btn{justify-content:center;min-width:2.5em;padding:9px 0}header.header-compact .h1-wordmark{display:none}}