: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{--ground: #12161c;--open: #1c2029;--ridge: #63708a;--scrub: #253a2c;--scrubhatch: #6f9c78;--panel: #171b22;--text: #e6eaf0;--ink: #0b0e13;--you: #4fc3f7;--foe: #ffb74d;--seam: #e8c86a;--wreck: #9aa3ae;--ring: #ffffff;--order: #c8d2e0;--rust: #d98a3a;--dim: #8d97a6;color-scheme:dark}[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ground);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.main-content{flex:1 0 auto;display:flex;flex-direction:column;min-height:0}.site-footer{flex-shrink:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));text-align:center;font-size:13px;color:var(--dim)}.site-footer a{color:var(--you)}.screen{flex:1 0 auto;display:flex;flex-direction:column;min-height:0;padding:0 12px}.menu{align-items:center;justify-content:center;text-align:center;gap:4px;padding-top:calc(18px + env(safe-area-inset-top))}.title{font-size:clamp(38px,13vw,62px);letter-spacing:.06em;margin:4px 0 2px;text-transform:uppercase;background:linear-gradient(100deg,var(--you),var(--seam) 55%,var(--foe));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{margin:0 0 10px;max-width:34ch;color:var(--dim);font-size:14px}.picker{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:4px 0}.chip{min-height:44px;padding:0 14px;border-radius:10px;border:1px solid #2c333f;background:var(--panel);color:var(--text);font:inherit;font-size:15px;cursor:pointer}.chip.on{border-color:var(--you);background:#1d2b36;color:var(--you)}.picker.small .chip{font-size:14px;padding:0 12px}.blurb{margin:2px 0 8px;max-width:40ch;font-size:13px;color:var(--dim);min-height:3.4em}.blurb.small{min-height:2.6em}.menu-actions{display:flex;flex-direction:column;gap:8px;width:min(340px,100%);padding:6px 0 calc(10px + env(safe-area-inset-bottom))}.best{font-size:13px;color:var(--dim)}.btn{min-height:48px;padding:0 16px;border-radius:12px;border:1px solid #2c333f;background:var(--panel);color:var(--text);font:inherit;font-size:16px;cursor:pointer;touch-action:manipulation}.btn.primary{background:var(--you);color:var(--ink);border-color:var(--you);font-weight:650}.btn.big{min-height:56px;font-size:19px}.btn.ghost{background:transparent;color:var(--dim)}.btn[disabled],.btn.off{opacity:.45}.linkbtn{background:none;border:0;color:var(--you);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:4px 6px;min-height:32px}.iconbtn{min-width:44px;min-height:40px;border-radius:10px;border:1px solid #2c333f;background:var(--panel);color:var(--text);font-size:14px;cursor:pointer}.game{padding:0;gap:0}.tonn{position:relative;height:18px;margin:calc(2px + env(safe-area-inset-top)) 6px 3px;border-radius:9px;background:var(--foe);overflow:hidden;flex:0 0 auto}.tonn i{position:absolute;inset:0 auto 0 0;background:var(--you);transition:width .25s ease-out}.tonn .tl,.tonn .tr{position:absolute;top:0;font-size:11px;font-weight:700;line-height:18px;color:var(--ink)}.tonn .tl{left:7px}.tonn .tr{right:7px}.board-host{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.board-host canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:6px}.board-host.shake{animation:shake .2s}@keyframes shake{0%,to{transform:translate(0)}33%{transform:translate(-2px,1px)}66%{transform:translate(2px,-1px)}}.coach{flex:0 0 auto;margin:4px 10px 2px;min-height:2.6em;font-size:14px;color:var(--text);text-align:center}.coach b{color:var(--seam)}.hud{flex:0 0 auto;background:var(--panel);border-top:1px solid #232a35;padding:6px 8px calc(6px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px}.hudline{display:flex;align-items:center;gap:8px;font-size:14px}.ore{font-weight:650;color:var(--seam)}.clock{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--dim)}.clock.low{color:var(--rust);font-weight:700}.builds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.build{position:relative;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:hidden;padding:0 4px}.build i{position:absolute;inset:auto 0 0;height:3px;background:var(--you)}.build b{font-size:15px;letter-spacing:.04em}.build span{font-size:12px;color:var(--seam)}.build em{font-size:10px;font-style:normal;color:var(--dim)}.stances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.st{min-height:44px;font-size:14px}.st.on{border-color:var(--you);color:var(--you)}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(48px,18vw,92px);font-weight:800;color:var(--ring);text-shadow:0 4px 24px #000;pointer-events:none}.countdown.pop{animation:pop .4s ease-out}@keyframes pop{0%{transform:scale(.6);opacity:.2}to{transform:scale(1);opacity:1}}.pause-ov{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0d12db;z-index:5}.pause-card{background:var(--panel);border:1px solid #2c333f;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;width:min(300px,86%);text-align:center}.pause-note{margin:0;font-size:13px;color:var(--dim)}.overlay{position:fixed;inset:0;background:#080a0ed1;display:flex;align-items:flex-end;justify-content:center;z-index:40;padding:12px}.sheet{background:var(--panel);border:1px solid #2c333f;border-radius:16px;padding:16px;width:min(520px,100%);max-height:88vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.sheet h2{margin:0;font-size:21px}.sheet h3{margin:6px 0 0;font-size:15px;color:var(--dim)}.sheet p,.sheet ul{margin:0;font-size:14px}.lede{color:var(--seam)}.rules,.units{padding-left:18px;display:flex;flex-direction:column;gap:6px}.units{list-style:none;padding-left:0}.units .cost{color:var(--seam);font-size:12px}.units .role{color:var(--dim);font-size:13px}.modeline{color:var(--you)}.credit{color:var(--dim);font-size:13px}.credit a,.sheet a{color:var(--you)}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,12px);background:#222a35;border:1px solid #39424f;color:var(--text);padding:10px 14px;border-radius:12px;font-size:13px;max-width:min(420px,90vw);text-align:center;opacity:0;transition:opacity .18s,transform .18s;z-index:60;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.results-screen{gap:8px;padding-top:calc(14px + env(safe-area-inset-top))}.rhead{margin:0;font-size:24px}.rsub,.rburn{margin:0;font-size:13px;color:var(--dim)}.rburn strong{color:var(--rust)}.rtable{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.rtable th{text-align:right;color:var(--dim);font-weight:500;padding:4px 2px;border-bottom:1px solid #2c333f}.rtable td{text-align:right;padding:7px 2px;border-bottom:1px solid #232a35}.rtable th:first-child,.rtable td:first-child{text-align:left}.rtable tr.won td{background:#1d2b36}.rname i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;background:var(--seat)}.you,.botmark{font-size:10px;color:var(--dim);border:1px solid #39424f;border-radius:5px;padding:0 4px}.tally{margin:2px 0 0;font-size:14px;color:var(--dim)}.waiting-note{margin:0;font-size:13px;color:var(--dim);text-align:center;min-height:1.2em}.lobby-searching,.host-pick{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--dim);font-size:14px;padding:16px 0}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid #39424f;border-top-color:var(--you);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}.board-host.shake,.countdown.pop{animation:none}}.lobby,.room-entry{display:flex;flex-direction:column;gap:10px;padding:14px 0;max-width:520px;margin:0 auto;width:100%}.lobby h2,.room-entry h2,.re-title{margin:0;font-size:21px}.lobby-code,.re-code{font-size:clamp(28px,9vw,40px);font-weight:700;letter-spacing:.16em;color:var(--seam);text-align:center}.lobby-invite,.re-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.lobby-invite input,.re-row input,.re-input{flex:1 1 140px;min-width:0;min-height:48px;border-radius:10px;border:1px solid #2c333f;background:#10141a;color:var(--text);font:inherit;padding:0 12px}.lobby-invite button,.re-row button,.lobby button,.room-entry button{min-height:48px;padding:0 14px;border-radius:10px;border:1px solid #2c333f;background:var(--panel);color:var(--text);font:inherit;cursor:pointer}.lobby-qr{display:flex;justify-content:center;padding:8px 0}.lobby-qr svg{width:min(210px,62vw);height:auto;background:#fff;border-radius:10px;padding:8px}.lobby-players,.lobby-roster{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.lobby-players li,.lobby-roster li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#10141a;font-size:15px}.lobby-modes{display:flex;flex-wrap:wrap;gap:6px}.mode-blurb{flex:1 0 100%;margin:2px 0 0;font-size:12px;color:var(--dim)}.netdebug{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--dim)}@media(min-width:720px){.game{align-items:center}.tonn,.coach,.hud{width:min(560px,100%);margin-left:auto;margin-right:auto}.hud{border:1px solid #232a35;border-radius:14px;margin-bottom:10px}.board-host{width:100%}}@media(min-width:720px)and (max-height:560px){.game{flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:6px;padding:4px}.tonn{width:100%;order:0;height:14px;margin:2px 4px 0}.tonn .tl,.tonn .tr{line-height:14px;font-size:10px}.board-host{flex:1 1 auto;width:auto;order:1}.hud{order:2;width:248px;margin:0;justify-content:center;border-radius:12px}.coach{order:3;width:100%;min-height:0;margin:0 6px;font-size:12px}.coach:empty{display:none}}@media(max-height:560px){.coach:empty{display:none}.tonn{height:14px;margin:2px 6px 0}.tonn .tl,.tonn .tr{line-height:14px;font-size:10px}}