: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}}:root{--ground: #0d1014;--panel: #191f26;--panel-hi: #232b34;--panel-edge: #39424d;--text: #eef2f6;--text-dim: #9fabb8;--good: #3ad07e;--warn: #f6b62e;--danger: #ff6a5c;--offline: #8794a1;--accent: #4bc6e8;--radio: #c9a6ff;--ring: #f6b62e}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;background:var(--ground);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%;overflow-x:hidden}#app{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100)}.shell{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column}.main-content{flex:1 0 auto;display:flex;flex-direction:column}.site-footer{flex-shrink:0;text-align:center;padding:12px 14px calc(12px + env(safe-area-inset-bottom));font-size:.78rem;color:var(--text-dim)}.site-footer a{color:var(--accent);text-decoration:none}body.playing .site-footer{display:none!important}.btn{appearance:none;min-height:44px;padding:11px 16px;border-radius:12px;border:1px solid var(--panel-edge);background:var(--panel-hi);color:var(--text);font:inherit;font-weight:600;cursor:pointer;touch-action:manipulation;transition:transform .08s ease,background .12s ease,border-color .12s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary{background:var(--warn);border-color:var(--warn);color:#241100}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn.big{font-size:1.1rem;padding:14px 20px;min-height:52px}.screen{width:100%;max-width:34rem;margin:0 auto;padding:20px 16px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.title{margin:8px 0 0;font-size:clamp(2.2rem,12vw,3.2rem);font-weight:800;letter-spacing:.02em;text-align:center;color:var(--warn)}.tagline{margin:0;text-align:center;color:var(--text-dim)}.modes{display:grid;gap:8px}.mode-card{appearance:none;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px;touch-action:manipulation}.mode-card.active{border-color:var(--warn);background:var(--panel-hi)}.mode-name{font-weight:700}.mode-blurb{font-size:.82rem;color:var(--text-dim)}.best{text-align:center;color:var(--accent);margin:0;font-variant-numeric:tabular-nums}.menu-actions{display:grid;gap:8px}.menu-minor{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.prose h2{color:var(--warn);margin:8px 0 0}.prose p,.prose li{color:var(--text);line-height:1.5}.prose .dim{color:var(--text-dim);font-size:.9rem}.prose ul{padding-left:1.1rem;display:grid;gap:6px}.play{position:relative;width:100%;max-width:34rem;margin:0 auto;padding:10px 12px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;min-height:calc(var(--vh, 1vh) * 100)}.hud{display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}.hud-mode{font-weight:700;color:var(--warn)}.hud-stop{color:var(--text-dim);font-size:.85rem;letter-spacing:.04em}.hud-total{margin-left:auto;font-weight:800;font-size:1.05rem;color:var(--accent)}.hud-menu{appearance:none;min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--text);font-size:1.1rem;cursor:pointer;touch-action:manipulation}.standings{display:flex;gap:6px;flex-wrap:wrap}.s-chip{display:flex;gap:6px;align-items:baseline;padding:5px 9px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-edge);font-size:.78rem}.s-chip.me{border-color:var(--accent)}.s-chip.gone{opacity:.5}.s-name{color:var(--text-dim);max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-prog{font-weight:700;font-variant-numeric:tabular-nums}.stage{flex:1 0 auto;display:flex;flex-direction:column}.triage{display:flex;flex-direction:column;gap:10px}.radio{display:flex;gap:10px;align-items:baseline;padding:11px 13px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-edge)}.radio.alarm{border-color:var(--radio);background:color-mix(in srgb,var(--radio) 12%,var(--panel))}.radio-tag{font-size:.68rem;font-weight:800;letter-spacing:.12em;color:var(--radio);border:1px solid var(--radio);border-radius:6px;padding:2px 6px;flex-shrink:0}.radio-text{font-style:italic;color:var(--text)}.triage-help{margin:0;font-size:.82rem;color:var(--text-dim);line-height:1.4}.tele{display:grid;gap:8px}.tele-row{appearance:none;text-align:left;font:inherit;cursor:pointer;display:grid;gap:7px;padding:11px 13px;border-radius:12px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--text);touch-action:manipulation;min-height:44px}.tele-row.fix{border-color:var(--accent);background:var(--panel-hi)}.tele-head{display:flex;align-items:center;gap:8px}.tele-name{font-weight:700}.tele-flag{font-size:.72rem;color:var(--radio)}.tele-state{margin-left:auto;font-size:.74rem;font-weight:800;letter-spacing:.06em}.tele-row[data-band=ok] .tele-state{color:var(--good)}.tele-row[data-band=watch] .tele-state{color:var(--warn)}.tele-row[data-band=crit] .tele-state{color:var(--danger)}.tele-row[data-band=offline] .tele-state{color:var(--offline)}.bar{position:relative;height:12px;border-radius:6px;background:#0c0f13;border:1px solid var(--panel-edge);overflow:hidden}.bar-fill{height:100%;border-radius:5px 0 0 5px}.tele-row[data-band=ok] .bar-fill{background:var(--good)}.tele-row[data-band=watch] .bar-fill{background:var(--warn)}.tele-row[data-band=crit] .bar-fill{background:var(--danger)}.bar-fill.offline{background:repeating-linear-gradient(45deg,var(--offline),var(--offline) 6px,#0c0f13 6px,#0c0f13 12px);opacity:.55}.bar-nodata{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.66rem;letter-spacing:.05em;color:var(--offline);font-weight:700}.tele-call{font-size:.78rem;font-weight:800;letter-spacing:.04em;color:var(--text-dim)}.tele-row.fix .tele-call{color:var(--accent)}.triage-actions{display:flex;gap:8px;margin-top:2px}.triage-actions .primary{flex:1 1 auto}.stopwrap{display:flex;flex-direction:column;gap:12px;align-items:center}.stopclock{display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}.stopclock-tag{font-size:.72rem;letter-spacing:.16em;color:var(--text-dim)}.stopclock-num{font-size:clamp(2.6rem,16vw,4rem);font-weight:800;color:var(--accent);font-family:ui-monospace,SF Mono,Menlo,monospace}.stations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:24rem}.station{appearance:none;font:inherit;font-weight:800;letter-spacing:.03em;min-height:64px;border-radius:12px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--text-dim);cursor:pointer;touch-action:manipulation;transition:transform .08s ease}.station.ready{color:#06110a;background:var(--good);border-color:var(--good)}@media(prefers-reduced-motion:no-preference){.station.ready{animation:pulse 1.1s ease-in-out infinite}}@keyframes pulse{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 40%,transparent)}}.station.done{color:var(--text);background:var(--panel-hi);border-color:var(--accent)}.station.jack{grid-column:1 / -1}.btn.go{width:100%;max-width:24rem;min-height:60px;font-size:1.4rem;letter-spacing:.14em;background:var(--panel);border:2px solid var(--panel-edge);color:var(--text-dim)}.btn.go.ready{background:var(--good);border-color:var(--good);color:#06110a}@media(prefers-reduced-motion:no-preference){.btn.go.ready{animation:pulse 1s ease-in-out infinite}}.stint{display:flex;flex-direction:column;gap:10px}.stint-tag{font-size:.72rem;letter-spacing:.16em;color:var(--text-dim);text-align:center}.stint-list{display:grid;gap:6px}.stint-row{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-edge);border-left-width:4px}.stint-row[data-band=ok]{border-left-color:var(--good)}.stint-row[data-band=watch]{border-left-color:var(--warn)}.stint-row[data-band=crit]{border-left-color:var(--danger)}.stint-row.cata{background:color-mix(in srgb,var(--danger) 14%,var(--panel))}.stint-sys{font-weight:700}.stint-note{margin-left:auto;color:var(--text-dim);font-size:.85rem}.stint-row.cata .stint-note{color:var(--danger);font-weight:800}.stint-cost{font-weight:800;color:var(--danger);font-variant-numeric:tabular-nums}.stint-total{text-align:center;color:var(--text-dim);font-variant-numeric:tabular-nums}.stint-total strong{color:var(--text)}.results h2{margin:4px 0 0;text-align:center;color:var(--warn)}.place{margin:0;text-align:center;font-size:1.6rem;font-weight:800}.result-total{margin:0;text-align:center;font-variant-numeric:tabular-nums}.result-total .lost{color:var(--warn)}.tally{margin:0;text-align:center;color:var(--accent);font-weight:700;font-size:.9rem}.ladder{display:grid;gap:4px}.ladder-row{display:grid;grid-template-columns:1.6rem 1fr auto auto;align-items:center;gap:8px;padding:8px 12px;border-radius:9px;background:var(--panel);border:1px solid var(--panel-edge);font-variant-numeric:tabular-nums}.ladder-row.me{border-color:var(--accent);background:var(--panel-hi)}.ladder-row.gone{opacity:.55}.ladder-pos{font-weight:800;color:var(--text-dim)}.ladder-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ladder-time{font-weight:700}.ladder-cata{font-size:.72rem;color:var(--danger)}.breakdown-h{margin:6px 0 0;font-size:.9rem;color:var(--text-dim);text-align:center}.breakdown{display:grid;gap:3px}.bd-row{display:grid;grid-template-columns:1.4rem 1fr 1rem 1fr auto;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:var(--panel);font-size:.82rem;font-variant-numeric:tabular-nums}.bd-stop{color:var(--text-dim);font-weight:700}.bd-you.ok{color:var(--good)}.bd-you.off{color:var(--warn)}.bd-arrow{color:var(--text-dim);text-align:center}.bd-opt{color:var(--text-dim)}.bd-lost{color:var(--text);text-align:right}.wait{display:grid;gap:3px;text-align:center}.wait .dim{margin:0;color:var(--text-dim);font-size:.85rem}.go-soon{margin:0;color:var(--good);font-weight:700}.results-actions{display:grid;gap:8px}.results-feedback{justify-self:center}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;max-width:90vw;padding:10px 16px;border-radius:10px;background:var(--panel-hi);border:1px solid var(--panel-edge);color:var(--text);font-size:.9rem;text-align:center;box-shadow:0 6px 24px #00000080}.toast.bad{border-color:var(--danger);color:var(--danger)}.toast.good{border-color:var(--good);color:var(--good)}@media(prefers-reduced-motion:no-preference){.shake{animation:shake .3s ease}.shakeall{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:40}.countdown-num{font-size:clamp(3.5rem,22vw,7rem);font-weight:800;color:var(--warn);text-shadow:0 4px 26px rgba(0,0,0,.7)}@media(prefers-reduced-motion:no-preference){.countdown-num.pop{animation:cd-pop .42s ease-out}@keyframes cd-pop{0%{transform:scale(.55);opacity:0}45%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:.92}}}.room-entry,.lobby{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 16px calc(16px + env(safe-area-inset-bottom));max-width:34rem;margin:0 auto;width:100%}.re-title,.lobby-title{margin:0;font-size:1.5rem;color:var(--warn);text-align:center}.re-sub,.lobby-sub,.lobby-searching{margin:0;color:var(--text-dim);font-size:.9rem;text-align:center}.re-head,.re-actions,.re-join,.lobby-actions,.lobby-invite{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center}.re-join{flex-direction:row}.re-or{color:var(--text-dim);font-size:.85rem}.re-input,.lobby-input{flex:1 1 auto;min-width:0;min-height:44px;padding:11px 13px;border-radius:11px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--text);font:inherit;font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase}.re-error{color:var(--danger);font-size:.85rem;margin:0}.re-btn,.lobby-btn{appearance:none;min-height:44px;padding:11px 16px;border-radius:11px;border:1px solid var(--panel-edge);background:var(--panel-hi);color:var(--text);font:inherit;font-weight:600;cursor:pointer;touch-action:manipulation}.re-btn.re-create,.lobby-btn.primary,.lobby-start,.lobby-qr-toggle{background:var(--warn);border-color:var(--warn);color:#241100}.lobby-qr-toggle{background:var(--panel-hi);border-color:var(--panel-edge);color:var(--text)}.lobby-code{font-size:2rem;font-weight:800;letter-spacing:.22em;color:var(--warn)}.lobby-link{width:100%;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--text);font:inherit}.lobby-qr{background:#fff;padding:12px;border-radius:12px}.lobby-qr svg{display:block;width:min(60vw,220px);height:auto}.lobby-players{display:grid;gap:6px;width:100%;list-style:none;margin:0;padding:0}.lobby-player{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px}.lobby-player.is-self{border-color:var(--accent)}.lobby-badge{margin-left:auto;font-size:.72rem;color:var(--warn);text-transform:uppercase;letter-spacing:.06em}.spinner{width:20px;height:20px;border-radius:50%;border:2px solid var(--panel-edge);border-top-color:var(--warn);animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.netdebug,.net-debug{position:fixed;right:6px;bottom:6px;z-index:90;font:11px/1.4 ui-monospace,monospace;background:#000000d1;color:#9fe;padding:6px 8px;border-radius:8px;max-width:62vw;white-space:pre-wrap}@media(min-width:720px){.stations,.btn.go{max-width:26rem}}