: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;--bar-track: #0c0f13;--panel-edge: #39424d;--text: #eef2f6;--text-dim: #9fabb8;--good: #3ad07e;--warn: #f6b62e;--danger: #ff6a5c;--accent: #4bc6e8;--self: #ffd24a;--soft: #ff5d5d;--medium: #f4c53a;--hard: #e6ecf2;--inter: #42d67a;--wet: #4aa6ff;--ring: var(--warn);color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{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:14px 12px calc(14px + env(safe-area-inset-bottom));font-size:.82rem;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:46px;padding:12px 18px;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}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--warn);border-color:var(--warn);color:#241100}.btn-ghost{background:transparent}.link{appearance:none;background:none;border:none;color:var(--accent);font:inherit;cursor:pointer;padding:8px;touch-action:manipulation}.menu{max-width:30rem;width:100%;margin:0 auto;padding:32px 18px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.title{margin:0;font-size:clamp(2.4rem,12vw,3.4rem);font-weight:800;letter-spacing:-.02em;text-align:center}.title:after{content:"";display:block;width:64px;height:4px;margin:10px auto 0;border-radius:2px;background:linear-gradient(90deg,var(--soft),var(--medium),var(--accent))}.tagline{margin:0;text-align:center;color:var(--text-dim)}.mode-pick{display:grid;gap:8px}.mode-btn{appearance:none;text-align:left;display:flex;flex-direction:column;gap:3px;padding:13px 15px;border-radius:12px;border:1px solid var(--panel-edge);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation}.mode-btn.on{border-color:var(--accent);background:var(--panel-hi);box-shadow:inset 0 0 0 1px var(--accent)}.mode-name{font-weight:700}.mode-blurb{font-size:.82rem;color:var(--text-dim)}.best{text-align:center;color:var(--warn);font-weight:600;font-size:.9rem}.menu-actions{display:grid;gap:8px}.menu-small{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.sheet{max-width:34rem;width:100%;margin:0 auto;padding:24px 18px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.sheet h2{margin:0 0 4px}.sheet h3{margin:10px 0 2px}.sheet p{margin:0;line-height:1.5;color:var(--text)}.sheet p.muted,.muted{color:var(--text-dim);font-size:.85rem}.legend{display:flex;flex-wrap:wrap;gap:12px}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}.chip{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-weight:800;font-size:.8rem;color:#10131a;flex:none}.chip-lg{width:54px;height:54px;border-radius:12px;font-size:1.6rem}.chip-soft{background:var(--soft)}.chip-medium{background:var(--medium)}.chip-hard{background:var(--hard)}.chip-inter{background:var(--inter)}.chip-wet{background:var(--wet);color:#06121f}.grid-screen{max-width:32rem;width:100%;margin:0 auto;padding:26px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;align-items:center}.grid-h{margin:0}.grid-cond{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.gc{background:var(--panel);border:1px solid var(--panel-edge);border-radius:999px;padding:6px 12px;font-size:.85rem;color:var(--text-dim)}.grid-sub{margin:0;text-align:center;color:var(--text-dim)}.grid-note{text-align:center}.tray-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(88px,30%),1fr));gap:8px;width:100%;max-width:30rem}.grid-tyres{grid-template-columns:repeat(auto-fit,minmax(min(100px,45%),1fr))}.tyre{appearance:none;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:70px;padding:10px 6px;border-radius:12px;border:2px solid var(--panel-edge);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation}.tyre.suggested{border-color:var(--accent)}.tyre-letter{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;font-weight:800;font-size:1.2rem;color:#10131a}.tyre-soft .tyre-letter{background:var(--soft)}.tyre-medium .tyre-letter{background:var(--medium)}.tyre-hard .tyre-letter{background:var(--hard)}.tyre-inter .tyre-letter{background:var(--inter)}.tyre-wet .tyre-letter{background:var(--wet);color:#06121f}.tyre-name{font-size:.78rem;font-weight:600}.tyre-tip{font-size:.66rem;color:var(--accent)}.play{position:relative;flex:1 0 auto;display:flex;flex-direction:column;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));max-width:34rem;width:100%;margin:0 auto}.hud{display:flex;gap:8px}.hud-stat{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:7px 4px}.hud-k{font-size:.62rem;letter-spacing:.1em;color:var(--text-dim)}.hud-v{font-size:1.25rem;font-weight:800}.forecast{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:8px 12px;min-height:40px}.fc-k{font-weight:800;font-size:.75rem;letter-spacing:.08em}.fc-v{font-size:.85rem;color:var(--text-dim)}.fc-meter{flex:1;height:8px;border-radius:4px;background:var(--bar-track);overflow:hidden}.fc-meter-fill{height:100%;background:var(--accent);transition:width .4s ease}.forecast.likely{border-color:var(--wet)}.forecast.likely .fc-k{color:var(--wet)}.forecast.raining{border-color:var(--wet);background:#12202e}.forecast.raining .fc-k{color:var(--wet)}.forecast.chance .fc-k{color:var(--warn)}.tower{display:flex;flex-direction:column;gap:3px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:6px;max-height:34vh;overflow-y:auto}.trow{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:7px;transition:background .2s ease}.trow.me{background:#ffd24a24;box-shadow:inset 0 0 0 1px var(--self)}.tpos{width:22px;text-align:center;font-weight:800;color:var(--text-dim)}.trow.me .tpos{color:var(--self)}.tname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tgap{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--text-dim)}.rivals{background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px}.rivals-h{font-size:.7rem;letter-spacing:.08em;color:var(--text-dim)}.rival-list{display:flex;flex-wrap:wrap;gap:6px}.rrow{display:inline-flex;align-items:center;gap:5px;background:var(--panel-hi);border-radius:999px;padding:4px 9px 4px 5px;font-size:.8rem}.rrow.gone{opacity:.5}.rst{color:var(--text-dim);font-variant-numeric:tabular-nums}.ticker{display:flex;flex-direction:column;gap:2px}.tick{font-size:.78rem;color:var(--accent)}.car{display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;padding:12px}.car.alert{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger),0 0 22px #ff6a5c40}.car-top{display:flex;align-items:center;gap:12px}.car-meta{flex:1;display:flex;flex-direction:column;gap:3px}.car-line{font-size:.9rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.life{position:relative;height:26px;border-radius:8px;background:var(--bar-track);overflow:hidden;border:1px solid var(--panel-edge)}.life-fill{height:100%;transition:width .35s ease,background .35s ease}.life-fill.ok{background:var(--good)}.life-fill.warn{background:var(--warn)}.life-fill.danger{background:var(--danger)}.life-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:#10131a;text-shadow:0 1px 0 rgba(255,255,255,.25)}.controls{display:flex;gap:8px;margin-top:auto}.btn-box{flex:1;min-height:58px;font-size:1.15rem;font-weight:800;letter-spacing:.04em;background:var(--accent);border-color:var(--accent);color:#06222b}.btn-box.armed{background:var(--warn);border-color:var(--warn);color:#241100;animation:armpulse 1s ease-in-out infinite}@media(prefers-reduced-motion:no-preference){@keyframes armpulse{50%{box-shadow:0 0 0 4px #f6b62e4d}}}.controls .btn-ghost{min-height:58px;min-width:58px}.tray{position:absolute;left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));background:var(--panel-hi);border:1px solid var(--panel-edge);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;z-index:30;box-shadow:0 -8px 30px #00000080}.tray-h{font-weight:700;text-align:center}.tray-cancel{align-self:center}.overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#06080bb8;backdrop-filter:blur(3px)}.overlay .panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:10px;min-width:220px;text-align:center}.overlay .panel h2{margin:0}.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}}}.results{max-width:34rem;width:100%;margin:0 auto;padding:22px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.res-title{margin:0;font-size:1.8rem;text-align:center}.res-sub{text-align:center;color:var(--text-dim);margin-top:-6px}.res-board{display:flex;flex-direction:column;gap:4px}.res-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:9px}.res-row.me{border-color:var(--self);background:#ffd24a1f}.res-pos{width:22px;text-align:center;font-weight:800;color:var(--text-dim)}.res-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.res-chips{display:inline-flex;gap:3px}.res-stops{font-size:.78rem;color:var(--text-dim);white-space:nowrap}.res-gap{font-variant-numeric:tabular-nums;font-size:.85rem;min-width:3.5rem;text-align:right}.res-optimal{background:var(--panel);border:1px dashed var(--panel-edge);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}.opt-h{font-weight:700;color:var(--warn)}.opt-line,.script{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:.9rem}.arrow{color:var(--text-dim);font-size:.82rem}.opt-sub{font-size:.82rem;color:var(--text-dim)}.res-tally{text-align:center;font-weight:600;color:var(--warn)}.res-waiting{text-align:center;color:var(--text-dim);font-size:.88rem;display:flex;flex-direction:column;gap:2px}.res-actions{display:grid;gap:8px}.results-feedback{align-self:center}.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:46px;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:46px;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}