:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#04070f;color:#eef6ff}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button{font:inherit}.shell,.viewport,.stage{position:fixed;inset:0;width:100%;height:100%;overflow:hidden}.shell{isolation:isolate;background:#060a14}.viewport{z-index:0}.stage canvas{display:block;width:100%;height:100%}.shell:before{position:fixed;z-index:1;pointer-events:none;content:"";inset:0;background:linear-gradient(90deg,rgba(2,5,12,.48),transparent 26%,transparent 74%,rgba(2,5,12,.16)),linear-gradient(0deg,rgba(2,4,10,.48),transparent 30%,transparent 78%,rgba(2,4,10,.2))}.panel{position:fixed;inset:0;z-index:2;pointer-events:none}.panel>*{pointer-events:auto}body[data-capture=review] .panel>*{opacity:0;pointer-events:none}.dispatch-card{position:absolute;top:22px;left:24px;width:min(330px,calc(100vw - 48px));padding:14px 16px 15px;border:1px solid rgba(120,220,255,.24);border-radius:14px;background:linear-gradient(135deg,#040b16d1,#0c182894);box-shadow:0 18px 50px #01040a66;backdrop-filter:blur(16px) saturate(1.15)}.dispatch-card__label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8fd8ff}.dispatch-card__dot{width:8px;height:8px;border-radius:50%;background:#37e0a0;box-shadow:0 0 10px #37e0a0}.dispatch-card__objective{margin-top:9px;font-size:15px;font-weight:650;line-height:1.35}.dispatch-card__meta{margin-top:7px;display:flex;gap:12px;font-size:12px;color:#a9c4da}.status-strip{position:absolute;top:22px;right:24px;min-width:210px;padding:13px 15px;border:1px solid rgba(140,200,255,.2);border-radius:14px;background:linear-gradient(160deg,#040a14d1,#0a14228f);backdrop-filter:blur(16px)}.timer-row{display:flex;align-items:baseline;justify-content:space-between}.timer-row__value{font-size:26px;font-weight:750;font-variant-numeric:tabular-nums}.timer-row__value[data-low=true]{color:#ff8d7a}.timer-bar{margin-top:8px;height:7px;border-radius:99px;background:#82b4dc29;overflow:hidden}.timer-bar__fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#46e6b0,#7ce8ff);transition:width .12s linear}.timer-bar__fill[data-low=true]{background:linear-gradient(90deg,#ff7a5c,#ffb36b)}.strikes-row{margin-top:10px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#b8cfe2}.strikes-row__pips{display:flex;gap:6px}.strike-pip{width:16px;height:16px;border-radius:5px;border:1px solid rgba(255,150,130,.45);background:transparent}.strike-pip[data-used=true]{background:#ff5f49;border-color:#ff8d7a;box-shadow:0 0 10px #ff5f49a6}.combo-chip{margin-top:10px;display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:99px;border:1px solid rgba(122,240,190,.35);color:#64f2b4;font-size:13px;font-weight:700;background:#143c306b}.combo-chip[data-hot=true]{border-color:#ffd166;color:#ffd166;background:#46360c80;box-shadow:0 0 14px #ffd16640}.score-line{margin-top:9px;display:flex;justify-content:space-between;font-size:12.5px;color:#cfe3f4}.score-line strong{font-size:15px;font-variant-numeric:tabular-nums}.nav-arrow{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-170px 0 0 -22px;pointer-events:none;filter:drop-shadow(0 0 8px rgba(80,230,255,.55));transition:transform 90ms linear}.nav-arrow svg{width:100%;height:100%}.radio-toast{position:absolute;left:50%;bottom:118px;transform:translate(-50%);max-width:min(480px,calc(100vw - 40px));padding:10px 16px;border-radius:12px;border:1px solid rgba(130,225,255,.3);background:#050d18e0;color:#cdefff;font-size:13.5px;line-height:1.4;opacity:0;transition:opacity .16s ease;backdrop-filter:blur(10px)}.radio-toast[data-visible=true]{opacity:1}.radio-toast strong{color:#8fd8ff}.controls-help{position:absolute;left:24px;bottom:20px;padding:9px 12px;border-radius:10px;border:1px solid rgba(130,180,220,.16);background:#040911c7;font-size:11.5px;color:#9fb8cc;line-height:1.55}.controls-help kbd{display:inline-block;min-width:17px;padding:1px 5px;margin-right:3px;border-radius:5px;border:1px solid rgba(160,210,250,.3);background:#142234d9;color:#d7ecff;font-size:10.5px;text-align:center}.touch-controls{position:absolute;right:18px;bottom:18px;display:none;grid-template-columns:repeat(3,64px);grid-auto-rows:64px;gap:10px;touch-action:none}.touch-btn{border:1px solid rgba(140,215,255,.32);border-radius:16px;background:#081220d1;color:#cdeaff;font-size:11px;font-weight:700;letter-spacing:.06em;user-select:none;-webkit-user-select:none}.touch-btn:active{background:#1e466ee6}.touch-btn--steer-left{grid-column:1;grid-row:2}.touch-btn--forward{grid-column:2;grid-row:1}.touch-btn--back{grid-column:2;grid-row:2}.touch-btn--steer-right{grid-column:3;grid-row:2}.touch-btn--brake{grid-column:3;grid-row:1}.touch-btn--interact{grid-column:1;grid-row:1}@media(pointer:coarse){.touch-controls{display:grid}.controls-help{display:none}}@media(max-width:640px){.dispatch-card{top:10px;left:10px;width:calc(100vw - 20px);padding:10px 12px}.dispatch-card__objective{margin-top:5px;font-size:13px}.dispatch-card__meta{margin-top:4px}.status-strip{top:116px;right:10px;min-width:148px;padding:9px 11px}.timer-row__value{font-size:21px}.nav-arrow{margin-top:-92px}.radio-toast{bottom:164px;max-width:calc(100vw - 24px)}.touch-controls{right:10px;bottom:10px;grid-template-columns:repeat(3,52px);grid-auto-rows:52px;gap:7px}.touch-btn{border-radius:13px;font-size:10px}}.overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#02050b9e;backdrop-filter:blur(6px)}.overlay[data-visible=true]{display:flex}.overlay__card{width:min(420px,calc(100vw - 44px));padding:26px 28px;border:1px solid rgba(130,220,255,.28);border-radius:18px;background:linear-gradient(160deg,#050c18f5,#0d1b2ce6);text-align:center;box-shadow:0 30px 80px #0002088c}.overlay__title{margin:0;font-size:24px;font-weight:780;letter-spacing:.01em}.overlay__title[data-tone=fail]{color:#ff8d7a}.overlay__title[data-tone=clear]{color:#64f2b4}.overlay__body{margin-top:12px;font-size:14px;color:#bcd4e8;line-height:1.6}.overlay__stats{margin-top:14px;font-size:13px;color:#9fc0d8;line-height:1.7}.overlay__hint{margin-top:16px;font-size:12.5px;color:#7fa2bd}.overlay__hint kbd{padding:1px 6px;border-radius:5px;border:1px solid rgba(160,210,250,.3);background:#142234d9}.strike-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 55%,rgba(255,70,50,.34));opacity:0;transition:opacity 90ms linear}.strike-flash[data-visible=true]{opacity:1}