:root{--vh: 1vh}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;background-color:var(--bg, #0b1220)}html,body{touch-action:manipulation;overflow-x:hidden;max-width:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}input,textarea,[contenteditable],.selectable{user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}button,[role=button],a,label,summary{touch-action:manipulation}button,input,select,textarea{font-family:inherit;font-size:inherit}input,textarea,select{font-size:max(16px,1em)}button,[role=button]{min-height:44px;min-width:44px;cursor:pointer}.board,.field,canvas,.drag-surface{touch-action:none}body.playing .site-footer{display:none!important}.control-layer{position:fixed;inset:0;z-index:30;pointer-events:none;touch-action:none}.control-layer>*{pointer-events:auto}.safe-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--night: #131a17;--panel: #1d2622;--panel-hi: #28332d;--glade: #d9dfd3;--shade: #c2cbbc;--edge: #6d7a70;--ash: #241c1a;--ember: #c2410c;--p1: #a8330a;--p2: #123c74;--ring: #f4f1e6;--step: #1e5b2e;--shot: #5b2168;--trail-burnt: #f4f1e6;--trail: #2a2622;--text: #edf2ec;--muted: #afbdb2;--gold: #e9b44c;--pick: #6b4a05;--alarm: #ff9b76;--p1-hud: #f0965a;--p2-hud: #7fc0ea;--radius: 14px;--tap: 44px;--board: min( calc(100vw - 4px) , calc(100vh - 250px) , 620px);--board: min( calc(100vw - 4px) , calc(100dvh - 250px) , 620px);--gap: 1px;--pad: 3px;color-scheme:dark}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--night);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;padding:0}.site-footer{flex-shrink:0;padding:14px 12px calc(14px + env(safe-area-inset-bottom));text-align:center;font-size:13px;color:var(--muted)}.site-footer a{color:var(--muted)}.screen{width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 8px 0}.screen.game{max-width:none;padding-left:2px;padding-right:2px}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:clamp(30px,9vw,44px)}p{margin:0;line-height:1.5}.btn{min-height:var(--tap);padding:0 18px;border:1px solid var(--panel-hi);border-radius:11px;background:var(--panel);color:var(--text);font:inherit;font-weight:600;font-size:16px;cursor:pointer;touch-action:manipulation}.btn.primary{background:var(--ember);border-color:var(--ember);color:var(--ring)}.btn.ghost{background:transparent}.btn:disabled{opacity:.55}.iconbtn{min-width:var(--tap);min-height:var(--tap);border:1px solid var(--panel-hi);border-radius:11px;background:var(--panel);color:var(--text);font:inherit;font-size:15px;cursor:pointer;touch-action:manipulation}.chip{min-height:var(--tap);padding:0 14px;border:1px solid var(--panel-hi);border-radius:999px;background:var(--panel);color:var(--muted);font:inherit;font-weight:600;font-size:15px;cursor:pointer;touch-action:manipulation}.chip.on{background:var(--panel-hi);border-color:var(--gold);color:var(--text)}.menu{gap:14px;text-align:center;padding-bottom:20px}.tagline{color:var(--muted);font-size:16px;max-width:34ch}.pickers{display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px}.picker-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.picker-label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.blurb{color:var(--muted);font-size:14px;min-height:2.6em;max-width:40ch;margin:0 auto}.menu-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;max-width:460px;padding:0 8px 16px}.record{color:var(--muted);font-size:14px}.board-host{position:relative;width:var(--board);height:var(--board);flex:0 0 auto}.board{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));grid-template-rows:repeat(var(--n),minmax(0,1fr));gap:var(--gap);padding:var(--pad);background:var(--edge);border-radius:var(--radius);overflow:hidden}.board.shaking{animation:shake .22s ease-in-out}.cell{position:relative;min-width:0;min-height:0;padding:0;border:0;background:var(--glade);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.cell.dark{background:var(--shade)}.cell.burnt{background:var(--ash)}.cell.burnt:after{content:"";position:absolute;inset:22%;border-radius:3px;background:var(--ember);opacity:.34}.cell.burnt.fresh:after{opacity:.9;animation:cool 1.2s ease-out forwards}.cell.trail-from:before,.cell.trail-to:before{content:"";position:absolute;inset:8%;border:2px dashed var(--trail);border-radius:4px;opacity:.7}.cell.burnt.trail-from:before,.cell.burnt.trail-to:before{border-color:var(--trail-burnt);opacity:.85}.cell.vacated:after{content:"";position:absolute;inset:14%;border:2px dashed var(--pick);border-radius:6px;opacity:.9;pointer-events:none}.cell.trapped{background:color-mix(in srgb,var(--alarm) 22%,transparent)}.cell.t-step:before{content:"";position:absolute;width:34%;height:34%;border-radius:50%;background:var(--step)}.cell.t-shot:before{content:"";position:absolute;inset:16%;border:3px solid var(--shot);border-radius:50%}.cell.nope{animation:nope .22s ease-in-out}.tok{position:relative;width:78%;height:78%;border-radius:50%;background:var(--p1);border:2px solid var(--ring);display:flex;align-items:center;justify-content:center;color:var(--ring);font-size:clamp(10px,2.4vw,15px);font-weight:700;pointer-events:none}.tok.p2{background:var(--p2);border-radius:12%;transform:rotate(45deg)}.tok.p2>span{transform:rotate(-45deg)}.tok.picked{outline:3px solid var(--pick);outline-offset:2px}.tok.ghost{opacity:.4}.cell.trapped .tok{box-shadow:0 0 0 3px var(--alarm)}@media(prefers-reduced-motion:no-preference){.cell.trapped .tok{animation:trapped-pulse 1.1s ease-in-out infinite}}@keyframes trapped-pulse{0%,to{box-shadow:0 0 0 3px var(--alarm)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--alarm) 45%,transparent)}}.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hud{display:flex;align-items:center;gap:8px;width:100%;max-width:var(--board);min-height:var(--tap)}.hud-turn{display:flex;align-items:center;gap:7px;font-weight:650;font-size:15px;flex:1 1 auto;min-width:0}.rtok{width:14px;height:14px;border-radius:50%;background:var(--p1-hud);flex:0 0 auto}.rtok.p2{background:var(--p2-hud);border-radius:2px;transform:rotate(45deg)}.hud-mode{color:var(--muted);font-size:13px;white-space:nowrap}.stages{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-height:20px}.stages b{font-weight:600}.stages b.on{color:var(--gold)}.stages b.done{color:var(--text)}.prompt{color:var(--muted);font-size:14px;text-align:center;min-height:1.4em;padding:0 8px}.turn-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.clockbar{width:100%;max-width:var(--board);height:5px;border-radius:3px;background:var(--panel);overflow:hidden}.clockbar>i{display:block;height:100%;background:var(--gold);transition:width .24s linear}.clockbar.low>i{background:var(--alarm)}.side{display:none}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(56px,18vw,110px);font-weight:800;color:var(--ring);text-shadow:0 4px 24px rgba(19,26,23,.85);pointer-events:none;z-index:4}.countdown.pop{animation:pop .52s ease-out}.pause-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#131a17d1;border-radius:var(--radius);z-index:5}.pause-card{display:flex;flex-direction:column;gap:10px;align-items:center;padding:20px}.overlay{position:fixed;inset:0;background:#090d0bb8;display:flex;align-items:flex-end;justify-content:center;z-index:40;padding:12px}.sheet{background:var(--panel);border:1px solid var(--panel-hi);border-radius:18px;padding:20px;max-width:560px;width:100%;max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin-bottom:env(safe-area-inset-bottom)}.sheet h2{font-size:22px}.sheet p,.sheet li{color:var(--muted);font-size:15px;line-height:1.55}.sheet ol,.sheet ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.sheet a{color:var(--gold)}.sheet-close{align-self:flex-end;min-width:var(--tap);min-height:var(--tap)}.toast{position:fixed;left:50%;bottom:18px;transform:translate(-50%,20px);background:var(--panel-hi);color:var(--text);padding:10px 16px;border-radius:999px;opacity:0;transition:all .2s ease;z-index:60}.toast.show{opacity:1;transform:translate(-50%)}.results-screen{gap:12px;padding-bottom:8px}.result-head{text-align:center}.result-sub{color:var(--muted);font-size:15px}.rows{display:flex;flex-direction:column;gap:8px;width:100%}.row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-hi)}.row.win{border-color:var(--gold)}.row-name{font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis}.row-stats{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--muted);font-size:13px}.row-stats b{color:var(--text);font-weight:650}.tally{color:var(--muted);font-size:14px;text-align:center}.finalboard{width:min(100%,340px);aspect-ratio:1;border-radius:12px}.waiting-note{color:var(--muted);font-size:14px;text-align:center;width:100%}.fault-note{color:var(--alarm);font-weight:650}.lobby,.room-entry{width:100%;max-width:460px;display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--panel-hi);border-radius:18px;padding:16px}.lobby h2,.room-entry h2{font-size:20px}.lobby-code{font-size:clamp(28px,9vw,40px);font-weight:800;letter-spacing:.16em;text-align:center;color:var(--gold)}.lobby-invite{display:flex;gap:8px;flex-wrap:wrap}.lobby-link,.re-input{flex:1 1 160px;min-width:0;min-height:var(--tap);padding:0 12px;border-radius:11px;border:1px solid var(--panel-hi);background:var(--night);color:var(--text);font:inherit;font-size:16px}.re-input{text-transform:uppercase;letter-spacing:.14em;text-align:center}.lobby-players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lobby-players li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--panel-hi);font-size:15px}.lobby-searching{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:15px;padding:10px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--panel-hi);border-top-color:var(--gold);animation:spin .8s linear infinite;flex:0 0 auto}.lobby-qr{width:100%;background:#fff;border-radius:12px;padding:10px}.lobby-modes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mode-blurb,.host-pick{width:100%;color:var(--muted);font-size:14px;text-align:center}.netdebug{font-family:ui-monospace,monospace;font-size:11px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.6);opacity:0}30%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(var(--shake, 3px))}75%{transform:translate(calc(-1 * var(--shake, 3px)))}}@keyframes nope{0%,to{transform:translate(0)}33%{transform:translate(-3px)}66%{transform:translate(3px)}}@keyframes cool{to{opacity:.34}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:720px){.board-host{--board: min( calc(100vw - 40px) , calc(100vh - 260px) , 620px);--board: min( calc(100vw - 40px) , calc(100dvh - 260px) , 620px)}:root{--gap: 2px;--pad: 8px}}@media(min-width:1000px){.screen.game{max-width:1180px;display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"hud hud" "clock clock" "stages side" "board side" "prompt side" "actions side";gap:12px 24px;align-items:start;justify-items:center}.screen.game .hud{grid-area:hud;max-width:none}.screen.game .clockbar{grid-area:clock;width:min(100%,640px)}.screen.game .stages{grid-area:stages}.screen.game .board-host{grid-area:board;--board: min( calc(100vw - 400px) , calc(100vh - 220px) , 640px);--board: min( calc(100vw - 400px) , calc(100dvh - 220px) , 640px)}.screen.game .prompt{grid-area:prompt}.screen.game .turn-actions{grid-area:actions}.screen.game .side{grid-area:side;display:block;align-self:stretch;width:100%;background:var(--panel);border:1px solid var(--panel-hi);border-radius:14px;padding:14px}.side h3{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.movelist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;max-height:46vh;overflow-y:auto;font-family:ui-monospace,monospace;font-size:13px;color:var(--muted)}.land{display:flex;gap:10px;margin-top:12px;font-size:13px;color:var(--muted)}}@media(max-height:700px)and (orientation:landscape){.screen.game{max-width:none;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"board hud" "board clock" "board stages" "board prompt" "board actions";gap:6px 16px;align-items:center;justify-items:center;padding-top:4px}.screen.game .hud{grid-area:hud;max-width:none}.screen.game .clockbar{grid-area:clock;width:100%}.screen.game .stages{grid-area:stages}.screen.game .prompt{grid-area:prompt}.screen.game .turn-actions{grid-area:actions}.screen.game .side{display:none}.board-host{grid-area:board;--board: min( calc(100vh - 22px) , calc(100vw - 300px) , 620px);--board: min( calc(100dvh - 22px) , calc(100vw - 300px) , 620px)}}