: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}.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}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}:root{--page: #eef1f4;--cellbg: #f7f9fb;--legal: #e4eef6;--costly: #fbe9de;--culvert: #123a5e;--culvert-bore: #6f93b4;--filament: #8a2e0b;--frame: #4a5568;--vent-open: #146b5e;--vent-mine: #8a5a06;--vent-theirs: #5b6472;--bad: #b3261e;--text: #1a1b24;--dim: #4a5568;--shell: #dfe4ea;--on-shell: #1a1b24;--on-shell-dim: #4a5568;--on-shell-accent: #123a5e;--chrome: 306px;--cell: clamp(34px, min((100vw - 40px) / 7, (100dvh - var(--chrome)) / 7), 64px);--gap: 8px;--pad: 8px}@media(prefers-color-scheme:dark){:root{--shell: #191c17;--on-shell: #f2f5f8;--on-shell-dim: #b9c2cc;--on-shell-accent: #9fc4e8}body{color-scheme:dark}}:root[data-theme=dark]{--shell: #191c17;--on-shell: #f2f5f8;--on-shell-dim: #b9c2cc;--on-shell-accent: #9fc4e8}:root[data-theme=light]{--shell: #dfe4ea;--on-shell: #1a1b24;--on-shell-dim: #4a5568;--on-shell-accent: #123a5e}html,body{margin:0;padding:0}body{background:var(--shell);color:var(--on-shell);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;padding:16px;max-width:620px;margin:0 auto;width:100%}.site-footer{flex-shrink:0;text-align:center;padding:14px 16px calc(14px + env(safe-area-inset-bottom));font-size:13px;color:var(--on-shell-dim)}.site-footer a{color:var(--on-shell-dim)}body.playing .site-footer{display:none!important}a{color:var(--on-shell-accent)}button{font:inherit;color:inherit}.mode,.res,.rival,.term,.sheet,.chip,.ctl,.setbtn:disabled,.iconbtn,.seg,.re-input,.lobby-link{color:var(--text)}.menu{text-align:center;padding-top:8vh}.wordmark{font-size:clamp(38px,13vw,62px);margin:0 0 6px;letter-spacing:-.03em;font-weight:800;color:var(--on-shell-accent)}.tagline{color:var(--on-shell-dim);margin:0 0 26px}.modepick{display:grid;gap:8px;margin-bottom:22px}.mode{display:block;width:100%;text-align:left;padding:12px 14px;min-height:56px;border:2px solid transparent;border-radius:12px;background:var(--cellbg);cursor:pointer}.mode.on{border-color:var(--culvert);background:var(--legal)}.mode b{display:block;font-size:17px}.mode span{display:block;font-size:13px;color:var(--dim);line-height:1.35}.mode b{color:var(--text)}.menubtns{display:grid;gap:10px;margin:18px 0}.primary,.secondary{min-height:56px;border-radius:12px;border:2px solid var(--culvert);cursor:pointer;font-weight:700;font-size:17px}.primary{background:var(--on-shell-accent);color:var(--shell);border-color:var(--on-shell-accent)}.secondary{background:transparent;color:var(--on-shell-accent);border-color:var(--on-shell-accent)}.bestline{color:var(--on-shell-dim);font-size:14px}.menufoot{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:18px}.link{background:none;border:0;color:var(--on-shell-accent);text-decoration:underline;cursor:pointer;padding:10px 4px;min-height:44px}.fine{font-size:13px;color:var(--on-shell-dim)}.stage{flex:1 0 auto;display:flex;flex-direction:column;gap:var(--gap);padding:var(--pad) var(--pad) calc(var(--pad) + env(safe-area-inset-bottom));max-width:620px;margin:0 auto;width:100%;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;height:44px;min-width:0}.tb-l,.tb-r{display:flex;align-items:center;gap:8px;min-width:0}.roundpill{background:var(--legal);color:var(--culvert);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700;white-space:nowrap}.marks,.par{font-size:13px;color:var(--dim);white-space:nowrap}.score{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.iconbtn{width:44px;height:44px;border-radius:10px;border:1px solid var(--frame);background:var(--cellbg);cursor:pointer}.terms{display:flex;gap:6px;height:34px;align-items:stretch;min-width:0;overflow:hidden}.term{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--cellbg);border-radius:8px;font-size:12px;color:var(--dim);border:1px solid var(--legal)}.term b{font-weight:600}.term i{font-style:normal;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.term.bad i{color:var(--bad)}.platewrap{display:flex;justify-content:center;min-width:0}.plate{position:relative;display:grid;grid-template-columns:repeat(var(--n),var(--cell));grid-template-rows:repeat(var(--n),var(--cell));width:calc(var(--cell) * var(--n));height:calc(var(--cell) * var(--n));background:var(--page);border:2px solid var(--frame);border-radius:6px;box-sizing:content-box;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.cell{width:var(--cell);height:var(--cell);min-width:0;display:block;background:var(--cellbg);box-shadow:inset 0 0 0 .5px #4a556847}.cell.legal{background:var(--legal)}.cell.costly{background:var(--costly)}.cell.fresh{animation:settle .26s ease-out}@keyframes settle{0%{transform:scale(.86);opacity:.4}to{transform:none;opacity:1}}.c-band{stroke:var(--culvert)}.c-bore{stroke:var(--culvert-bore)}.f-outer{stroke:var(--filament)}.f-inner{stroke:var(--cellbg)}.f-bead{fill:var(--filament)}.coupler{fill:none;stroke:var(--culvert);stroke-width:4}.cell.legal .f-inner{stroke:var(--legal)}.cell.costly .f-inner{stroke:var(--costly)}.ghost{position:absolute;pointer-events:none;left:calc(var(--gx) * var(--cell));top:calc(var(--gy) * var(--cell));width:var(--cell);height:var(--cell);opacity:.45;outline:2px solid var(--vent-open);outline-offset:-2px;border-radius:3px;transition:left 90ms ease-out,top 90ms ease-out}.ghost svg{width:100%;height:100%;display:block}.ghost.bad{outline-color:var(--bad);opacity:.34}.ghost.costly{outline-color:var(--filament)}@media(prefers-reduced-motion:reduce){.ghost{transition:none}.cell.fresh{animation:none}}.vent{position:absolute;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--vent-open);background:transparent;left:calc(var(--vx) * var(--cell) + var(--cell) / 2 - 7px);top:calc(var(--vy) * var(--cell) + var(--cell) / 2 - 7px);pointer-events:none}.vent[data-dir="0"]{top:-9px}.vent[data-dir="2"]{top:calc(var(--n) * var(--cell) - 5px)}.vent[data-dir="1"]{left:calc(var(--n) * var(--cell) - 5px)}.vent[data-dir="3"]{left:-9px}.vent[data-gauge="2"]{border-radius:2px}.vent.s1{background:var(--vent-mine);border-color:var(--vent-mine)}.vent.s2{background:var(--vent-theirs);border-color:var(--vent-theirs)}.rivals{display:flex;gap:6px;overflow-x:auto;min-height:0;scrollbar-width:none}.rivals::-webkit-scrollbar{display:none}.rival{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:var(--cellbg);font-size:12px;white-space:nowrap;flex:0 0 auto}.rival i{font-style:normal}.rival b{font-weight:600;max-width:72px;overflow:hidden;text-overflow:ellipsis}.rival u{text-decoration:none;font-weight:800;font-variant-numeric:tabular-nums}.rival.you{outline:1.5px solid var(--culvert)}.rival.away{opacity:.5}.note{margin:0;text-align:center;font-size:13px;color:var(--dim);min-height:18px}.tray{display:flex;gap:var(--gap);height:88px;justify-content:center;min-width:0}.chip{width:72px;height:72px;min-width:44px;border-radius:12px;cursor:pointer;border:2px solid var(--frame);background:var(--cellbg);padding:4px;display:flex;align-items:center;justify-content:center;flex:0 1 72px}.chip svg{width:100%;height:100%;display:block}.chip.armed{border-color:var(--vent-open);border-width:3px;background:var(--legal)}.chip.spent{opacity:.22;cursor:default}.chip.hidden{width:72px;height:72px;border-radius:12px;border:2px dashed var(--frame);display:flex;align-items:center;justify-content:center;color:var(--dim);flex:0 1 72px}.chipq{font-size:24px;font-weight:700}.actions{display:grid;grid-template-columns:60px 1fr 60px;gap:var(--gap);height:60px}.ctl{min-width:44px;height:60px;border-radius:12px;border:2px solid var(--frame);background:var(--cellbg);cursor:pointer;font-size:20px;position:relative}.ctl:disabled{opacity:.35;cursor:default}.rotn{position:absolute;bottom:3px;left:0;right:0;font-size:10px;color:var(--dim)}.setbtn{min-width:0;height:60px;border-radius:12px;border:2px solid var(--culvert);background:var(--culvert);color:#fff;font-weight:800;font-size:18px;cursor:pointer}.setbtn:disabled{background:var(--cellbg);color:var(--bad);border-color:var(--bad);cursor:default}.countwrap{flex:1 0 auto;display:grid;place-items:center}.count span{font-size:clamp(64px,26vw,140px);font-weight:800;color:var(--culvert);display:block}.count span.pop{animation:pop .32s ease-out}@keyframes pop{0%{transform:scale(.6);opacity:.2}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.count span.pop{animation:none}}.backdrop{position:fixed;inset:0;background:#14181e8c;z-index:40;display:grid;place-items:center;padding:16px}.sheet{background:var(--page);color:var(--text);border-radius:14px;padding:20px;max-width:520px;width:100%;max-height:86dvh;overflow-y:auto;position:relative}.sheetx{position:absolute;top:8px;right:8px;width:44px;height:44px;border-radius:10px;border:1px solid var(--frame);background:var(--cellbg);cursor:pointer}.sheet h2{margin-top:0;padding-right:48px}ul.how{padding-left:20px}ul.how li{margin-bottom:8px}.results h2{text-align:center;color:var(--on-shell)}.missed,.reslist{color:var(--text)}.reslist{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}.res{background:var(--cellbg);border-radius:12px;padding:10px 12px;border:1px solid var(--legal)}.res.you{border-color:var(--culvert);border-width:2px}.res-h{display:flex;align-items:center;gap:8px}.res-h .rank{color:var(--dim);font-size:13px;width:16px}.res-h .seatg{font-style:normal;font-size:15px}.res-h b{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-h b em{font-style:normal;font-size:11px;color:var(--dim);text-transform:uppercase}.res-h u{text-decoration:none;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.res-t{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;font-size:12px;color:var(--dim)}.res-t b{color:var(--text);font-variant-numeric:tabular-nums}.res-f{font-size:12px;color:var(--vent-mine);margin-top:3px}.res-warn{font-size:12px;color:var(--bad);margin-top:3px}.missed{font-size:13px;color:var(--on-shell-dim);text-align:center}.room-entry,.lobby{max-width:480px;margin:0 auto}.re-input,.lobby-link{width:100%;min-height:52px;border-radius:10px;border:2px solid var(--frame);padding:10px 12px;font-size:18px;background:var(--cellbg);color:var(--text)}.re-btn,.lobby-btn,.lobby-start{min-height:52px;border-radius:10px;border:2px solid var(--culvert);background:var(--culvert);color:#fff;font-weight:700;cursor:pointer;padding:0 16px;width:100%;margin-top:8px}.re-btn.ghost,.lobby-btn.ghost{background:transparent;color:var(--culvert)}.spinner{width:22px;height:22px;border:3px solid var(--legal);border-top-color:var(--culvert);border-radius:50%;animation:spin .9s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.lobby-searching{color:var(--dim);font-size:14px;display:flex;align-items:center;gap:8px;justify-content:center}.lobby-qr{background:#fff;padding:12px;border-radius:12px;display:inline-block;max-width:100%}.lobby-qr svg{display:block;width:100%;height:auto;max-width:260px}.modeslot{margin:12px 0}.modeslot-label{font-size:13px;color:var(--dim)}.segmented{display:flex;gap:6px;margin-top:6px}.seg{flex:1 1 0;min-width:0;min-height:44px;border-radius:10px;border:2px solid var(--frame);background:var(--cellbg);cursor:pointer;font-weight:600}.seg.on{border-color:var(--culvert);background:var(--legal);color:var(--culvert)}.seg:disabled{opacity:.6;cursor:default}@media(max-height:719px){:root{--chrome: 264px}.terms{display:none}.menu{padding-top:3vh}}@media(min-width:1000px){.stage{max-width:720px}.tray{height:92px}.chip,.chip.hidden{width:80px;height:80px;flex:0 1 80px}}@media(orientation:landscape)and (max-height:540px){:root{--chrome: 120px;--cell: clamp(30px, min((100dvh - var(--chrome)) / 7, (100vw - 260px) / 7), 56px)}.stage{display:grid;max-width:none;grid-template-columns:auto minmax(150px,220px);grid-template-areas:"top top" "plate side" "note side";gap:6px;align-content:start;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.topbar{grid-area:top;height:40px}.platewrap{grid-area:plate}.note{grid-area:note}.terms,.rivals{display:none}.tray,.actions{grid-area:side}.tray{display:grid;grid-template-columns:1fr 1fr;gap:6px;height:auto;align-self:start;margin-bottom:118px}.chip,.chip.hidden{width:100%;height:56px;flex:none}.actions{align-self:end;grid-template-columns:52px 1fr 52px;height:52px;margin-top:-112px}.ctl,.setbtn{height:52px}}