:root{--hud-green: #b8e986;--hud-amber: #f5c04a;--hud-red: #e8641e;--ink: #16190f;--paper: #f4f0e4;font-family:Barlow Condensed,Arial Narrow,Helvetica Neue,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a0c08}html,body{min-height:100dvh;overscroll-behavior:none}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#ui-root{position:fixed;inset:0;pointer-events:none;color:#eef}#ui-root .screen{pointer-events:auto}.hud{position:absolute;inset:0}.hud-tape{position:absolute;bottom:26px;left:26px;display:flex;gap:20px;align-items:flex-end;padding:10px 18px 12px;background:#0a0e086b;border:1px solid rgba(255,255,255,.14);border-radius:10px;backdrop-filter:blur(3px);text-shadow:0 1px 3px rgba(0,0,0,.7)}.hud-stat{text-align:center;position:relative}.hud-stat+.hud-stat:before{content:"";position:absolute;left:-10px;top:15%;height:70%;width:1px;background:#ffffff1f}.hud-stat .val{font-size:34px;font-weight:700;letter-spacing:.5px;line-height:1}.hud-stat .lbl{font-size:12px;letter-spacing:2px;opacity:.75;text-transform:uppercase}.g-meter{width:58px;opacity:0;transition:opacity .3s}.g-meter.visible{opacity:1}.g-meter .val.crit{color:var(--hud-red)}.stall-bar{height:4px;margin-top:3px;border-radius:2px;background:#ffffff26;overflow:hidden}.stall-fill{height:100%;background:var(--hud-green);transform-origin:left}.stall-fill.warn{background:var(--hud-amber)}.stall-fill.crit{background:var(--hud-red)}.hopper-wrap{width:130px}.hopper-pct{opacity:.9;font-weight:700;letter-spacing:.5px}.hopper-bar{height:14px;border:1px solid rgba(255,255,255,.5);border-radius:7px;overflow:hidden;margin-top:4px}.hopper-fill{height:100%;background:linear-gradient(90deg,#7fb2d9,#a8d3f0);transform-origin:left;transition:transform .2s}.hopper-wrap.low .hopper-fill{background:linear-gradient(90deg,#d9a94f,#f5c04a)}.hopper-wrap.crit .hopper-fill{background:linear-gradient(90deg,#c8531a,#e8641e)}.hopper-wrap.crit .hopper-bar{animation:hopper-pulse 1s ease-in-out infinite}@keyframes hopper-pulse{50%{border-color:var(--hud-red);box-shadow:0 0 8px #e8641e99}}.hud-clock{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.7)}.hud-clock .time{font-size:30px;font-weight:700}.hud-clock .phase{font-size:13px;letter-spacing:3px;text-transform:uppercase;opacity:.8}.hud-clock.storm-warn .phase{color:var(--hud-red);opacity:1}.storm-track{width:200px;height:5px;margin:5px auto 0;border-radius:3px;background:#ffffff24;overflow:visible;position:relative}.storm-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--hud-green),var(--hud-amber) 60%,var(--hud-red));transform-origin:left;transform:scaleX(0)}.storm-track:after{content:"⛈";position:absolute;right:-20px;top:50%;transform:translateY(-58%);font-size:13px;opacity:.75}.hud-clock.storm-warn .storm-track:after{animation:blink 1s step-end infinite;opacity:1}.wind-indicator{position:absolute;top:24px;right:30px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.7)}.wind-dial{width:52px;height:52px;margin:0 auto;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#0a0e0866;position:relative;display:flex;align-items:center;justify-content:center}.wind-dial:before{content:"N";position:absolute;top:-2px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;opacity:.7}.wind-arrow{width:38px;height:38px;transition:transform .4s}.wind-arrow svg{width:100%;height:100%;fill:#fff;opacity:.9}.wind-speed{font-size:15px;font-weight:600;margin-top:3px}.wind-indicator.gusty .wind-dial{animation:gust-jitter .24s ease-in-out infinite}.wind-indicator.gusty .wind-speed{color:var(--hud-amber)}@keyframes gust-jitter{0%,to{transform:rotate(0)}30%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}}.boom-ribbon{position:absolute;left:24%;top:50%;transform:translateY(-50%);width:18px;height:200px;border:1px solid rgba(255,255,255,.35);border-radius:9px;transition:opacity .5s,box-shadow .4s}.boom-band{position:absolute;inset:0;border-radius:8px;overflow:hidden;background:repeating-linear-gradient(to top,transparent 0,transparent 18px,rgba(255,255,255,.16) 18px,rgba(255,255,255,.16) 19.5px),linear-gradient(to top,#e8641e73 0% 14%,#b8e98680 14% 42%,#f5c04a66 42% 75%,#e8641e66 75%)}.boom-band:before,.boom-band:after{content:"";position:absolute;left:0;width:100%;height:2px;background:#fff9}.boom-band:before{bottom:42%}.boom-band:after{bottom:14%}.boom-needle{position:absolute;left:-7px;top:0;width:32px;height:3px;background:#fff;border-radius:2px;box-shadow:0 0 6px #000c}.boom-read{position:absolute;left:36px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;padding:1px 6px;border-radius:4px;background:#f4f0e4d9;color:var(--ink);white-space:nowrap}.boom-ribbon.in-band{opacity:.12}.boom-ribbon.groove{box-shadow:0 0 14px #b8e9868c}.boom-read.in-band{background:var(--hud-green)}.boom-trend{position:absolute;right:calc(100% + 3px);top:50%;transform:translateY(-50%);font-size:13px;font-weight:900;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.85);transition:opacity .15s}.boom-trend.good{color:var(--hud-green)}.boom-trend.bad{color:var(--hud-amber);animation:trend-pulse .7s ease-in-out infinite}@keyframes trend-pulse{50%{opacity:.35}}.boom-ribbon.hold .boom-needle{background:var(--hud-green);box-shadow:0 0 9px #b8e986cc}.hold-chip{position:absolute;left:calc(24% + 9px);top:calc(50% + 116px);transform:translate(-50%);display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:2px;padding:3px 10px 4px;border:1px solid rgba(255,255,255,.25);border-radius:11px;background:#0a0e0880;color:#f4f0e48c;text-shadow:0 1px 3px rgba(0,0,0,.8);opacity:0;transition:opacity .35s,color .25s,border-color .25s,box-shadow .25s;pointer-events:none;white-space:nowrap}.hold-chip .hc-dot{width:7px;height:7px;border-radius:50%;background:#f4f0e459;transition:background .25s,box-shadow .25s}.hold-chip.show{opacity:1}.hold-chip.show.armed{opacity:.55}.hold-chip.show.engaged{color:var(--hud-green);border-color:#b8e9868c;box-shadow:0 0 10px #b8e98640}.hold-chip.show.engaged .hc-dot{background:var(--hud-green);box-shadow:0 0 7px #b8e986e6}.hold-chip.show.override{color:var(--hud-amber);border-color:#f5c04a8c}.hold-chip.show.override .hc-dot{background:var(--hud-amber)}.groove-vignette{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 62%,rgba(184,233,134,.35) 100%)}.stick-widget{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);width:76px;height:76px;border:1px solid rgba(255,255,255,.3);border-radius:50%;opacity:0;transition:opacity .4s;pointer-events:none}.stick-widget:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10%;height:10%;border:1px solid rgba(255,255,255,.22);border-radius:50%}.stick-cross{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);background:linear-gradient(#ffffff80,#ffffff80) center/10px 1px no-repeat,linear-gradient(#ffffff80,#ffffff80) center/1px 10px no-repeat}.stick-dot{position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:var(--hud-green);box-shadow:0 0 6px #b8e986b3}.swath-chip{position:absolute;bottom:72px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:1.5px;padding:5px 14px 7px;background:#0a0e088c;border:1px solid rgba(255,255,255,.25);border-radius:16px;text-shadow:0 1px 2px rgba(0,0,0,.8);flex-wrap:wrap;justify-content:center;min-width:138px}.q-dot{width:9px;height:9px;border-radius:50%;background:#888}.swath-chip.q-clean .q-dot{background:var(--hud-green);box-shadow:0 0 6px #b8e986cc}.swath-chip.q-clean .q-label{color:var(--hud-green)}.swath-chip.q-overlap .q-dot,.swath-chip.q-high .q-dot,.swath-chip.q-low .q-dot{background:var(--hud-amber)}.swath-chip.q-overlap .q-label,.swath-chip.q-high .q-label,.swath-chip.q-low .q-label{color:var(--hud-amber)}.swath-chip.q-drift .q-dot,.swath-chip.q-off .q-dot{background:var(--hud-red)}.swath-chip.q-drift .q-label,.swath-chip.q-off .q-label{color:var(--hud-red)}.pp-bar{flex-basis:100%;height:4px;border-radius:2px;background:#ffffff26;overflow:hidden}.pp-fill{height:100%;transform-origin:left;transform:scaleX(0);background:var(--hud-green)}.pp-fill.off-track{background:#ffffff59}.pp-fill.armed{animation:pp-armed 1s ease-in-out infinite}@keyframes pp-armed{50%{filter:brightness(1.6)}}.field-pill{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:17px;padding:6px 18px 8px;background:#0a0e088c;border:1px solid rgba(255,255,255,.25);border-radius:20px;text-shadow:0 1px 2px rgba(0,0,0,.8);text-align:center}.field-pill .pct{color:var(--hud-green);font-weight:700}.field-pill .cov-bar{width:90px;height:4px;margin:4px auto 0;border-radius:2px;background:#ffffff26;overflow:hidden}.field-pill .cov-fill{height:100%;background:var(--hud-green);transform-origin:left}.combo-badge{position:absolute;top:100px;left:50%;transform:translate(-50%);font-size:26px;font-weight:800;color:var(--hud-amber);text-shadow:0 2px 8px rgba(0,0,0,.8);opacity:0;transition:opacity .3s;text-align:center}.combo-badge.active{opacity:1}.combo-badge.punch{animation:combo-punch .35s ease-out}@keyframes combo-punch{0%{transform:translate(-50%) scale(1)}40%{transform:translate(-50%) scale(1.35)}to{transform:translate(-50%) scale(1)}}.combo-pips{display:block;line-height:.4}.combo-pips i{display:inline-block;width:6px;height:6px;margin:0 2px;border-radius:50%;background:#ffffff40}.combo-pips i.on{background:var(--hud-amber)}.turn-coach{position:absolute;top:140px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;letter-spacing:2px;padding:6px 18px;color:var(--paper);background:#0a0e088c;border:1px solid rgba(255,255,255,.25);border-radius:18px;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.turn-coach .c-glyph{font-size:20px;color:var(--hud-green)}.turn-coach.c-pull .c-glyph{animation:coach-rise 1s ease-in-out infinite}.turn-coach.c-bank-l .c-glyph,.turn-coach.c-bank-r .c-glyph{animation:coach-spin-hint 1s ease-in-out infinite}.turn-coach.c-roll .c-glyph{animation:coach-drop 1s ease-in-out infinite}@keyframes coach-rise{50%{transform:translateY(-4px)}}@keyframes coach-drop{50%{transform:translateY(4px)}}@keyframes coach-spin-hint{50%{transform:rotate(25deg)}}.field-banner{position:absolute;top:33%;left:50%;transform:translate(-50%);text-align:center;opacity:0;pointer-events:none}.field-banner .fb-name{font-size:24px;font-weight:700;letter-spacing:3px;opacity:.9;text-shadow:0 2px 8px rgba(0,0,0,.9)}.field-banner .fb-line{font-size:44px;font-weight:900;letter-spacing:5px;color:var(--hud-amber);text-shadow:0 3px 14px rgba(0,0,0,.9)}.field-banner .fb-cov{font-size:17px;font-weight:700;letter-spacing:2px;color:var(--hud-green);text-shadow:0 1px 4px rgba(0,0,0,.9)}.field-banner.show{animation:field-banner-pop 2.4s ease-out forwards}@keyframes field-banner-pop{0%{opacity:0;transform:translate(-50%) scale(.8)}10%{opacity:1;transform:translate(-50%) scale(1.06)}16%{transform:translate(-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-14px) scale(.97)}}.toast{position:absolute;top:150px;left:50%;transform:translate(-50%);font-size:30px;font-weight:800;letter-spacing:2px;color:var(--hud-green);text-shadow:0 2px 10px rgba(0,0,0,.9);animation:toast-pop 1.6s ease-out forwards;pointer-events:none}.toast.bad{color:var(--hud-red)}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%) scale(.7)}12%{opacity:1;transform:translate(-50%) scale(1.08)}20%{transform:translate(-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-18px) scale(.96)}}.minimap{position:absolute;bottom:26px;right:26px;width:220px;height:220px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#080c0699;overflow:hidden;opacity:1;transform:translateY(0) scale(1);transform-origin:bottom right;transition:opacity .2s ease-out,transform .2s ease-out}.minimap.hidden{opacity:0;transform:translateY(10px) scale(.96);pointer-events:none}.minimap canvas{width:100%;height:100%;display:block}.warn-stack{position:absolute;top:64px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none}.warn-chip{font-size:16px;font-weight:700;letter-spacing:3px;padding:3px 16px;border-radius:14px;color:var(--hud-amber);background:#0a0e0880;border:1px solid rgba(245,192,74,.4);text-shadow:0 1px 4px rgba(0,0,0,.9)}.warn-chip.crit{color:var(--hud-red);border-color:#e8641e8c;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:.25}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#0c1008eb,#181c10f0);color:var(--paper)}.screen h1{font-size:88px;font-weight:900;letter-spacing:10px;color:var(--hud-amber);text-shadow:0 4px 0 rgba(0,0,0,.4),0 12px 40px rgba(232,150,30,.25)}.menu-screen{background:linear-gradient(to top,#0a0c07e6,#0a0c079e 30%,#0a0c071a 58%,#0c0e096b)}.menu-screen h1{text-shadow:0 2px 0 rgba(0,0,0,.55),0 18px 60px rgba(232,150,30,.3)}.logo-mark{width:46px;height:46px;margin-bottom:2px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}.logo-mark svg{width:100%;height:100%;fill:var(--hud-amber)}.title-rule{width:340px;height:2px;margin:6px 0 14px;background:linear-gradient(90deg,transparent,var(--hud-amber),transparent);opacity:.7}.board-chip{font-size:13px;font-weight:700;letter-spacing:3px;padding:4px 16px;border:1px solid rgba(244,240,228,.4);border-radius:14px;margin-bottom:4px}.menu-screen .tagline{margin:6px 0 30px}.menu-screen .mode-card{background:#0a0e088c;backdrop-filter:blur(6px)}.menu-screen .mode-card.selected{border-color:var(--hud-amber);background:#10120a9e;box-shadow:0 0 0 1px var(--hud-amber),0 10px 30px #0006}.mode-card .best-line{margin-top:8px;color:var(--hud-amber);opacity:1}.screen h2{font-size:30px;letter-spacing:4px;margin-bottom:18px}.screen .tagline{font-size:17px;letter-spacing:3px;opacity:.7;margin:8px 0 40px;text-transform:uppercase}.btn{font:inherit;font-size:21px;font-weight:700;letter-spacing:2px;padding:13px 44px;margin:7px;color:var(--ink);background:var(--hud-amber);border:none;border-radius:6px;cursor:pointer;text-transform:uppercase;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f5c04a59}.btn.secondary{background:transparent;color:var(--paper);border:1px solid rgba(244,240,228,.5)}.mode-row{display:flex;gap:14px;margin-bottom:10px}.mode-card{width:250px;padding:20px;border:2px solid rgba(244,240,228,.25);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.mode-card.selected{border-color:var(--hud-amber);background:#f5c04a14}.mode-card h3{font-size:24px;letter-spacing:2px;margin-bottom:8px}.mode-card p{font-size:14px;opacity:.75;line-height:1.45}.board-head{display:flex;align-items:center;gap:18px;margin-bottom:14px}.board-head h2{margin-bottom:0}.storm-chip{font-size:14px;font-weight:700;letter-spacing:2px;padding:4px 14px;color:var(--hud-red);border:1px solid rgba(232,100,30,.55);border-radius:14px;background:#e8641e14}.briefing-board{display:grid;grid-template-columns:560px 400px;gap:30px;align-items:start}.briefing-map{border:1px solid rgba(244,240,228,.3);border-radius:8px;background:#202818;display:block}.map-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:8px;font-size:13px;opacity:.85}.map-legend .lg{display:inline-flex;align-items:center;gap:6px}.map-legend i{display:inline-block}.lg-dot{width:9px;height:9px;border-radius:50%}.lg-wire{width:18px;height:0;border-top:2px dashed #ff5a3c}.lg-belt{width:14px;height:4px;background:#2e5424}.briefing-side{width:400px;text-align:left}.briefing-side h3{font-size:19px;letter-spacing:2px;margin:16px 0 7px;color:var(--hud-amber)}.briefing-side h3:first-child{margin-top:0}.advice-note{display:flex;gap:9px;align-items:baseline;font-size:15px;line-height:1.4;padding:6px 10px;margin-bottom:5px;background:#00000047;border-left:3px solid rgba(244,240,228,.35);border-radius:0 6px 6px 0}.advice-note .a-glyph{flex:none;font-size:15px}.advice-storm{border-left-color:var(--hud-red)}.advice-storm .a-glyph{color:var(--hud-red)}.advice-drift{border-left-color:#e87860}.advice-drift .a-glyph{color:#e87860}.advice-wind{border-left-color:#8fc3e8}.advice-wind .a-glyph{color:#8fc3e8}.advice-wire{border-left-color:#ff5a3c}.advice-wire .a-glyph{color:#ff5a3c}.advice-value{border-left-color:var(--hud-amber)}.advice-value .a-glyph{color:var(--hud-amber)}.advice-gust{border-left-color:var(--hud-green)}.advice-gust .a-glyph{color:var(--hud-green)}.briefing-side .field-row{display:flex;align-items:center;gap:8px;font-size:15px;padding:3px 0;opacity:.92}.order-badge{flex:none;width:20px;height:20px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:13px;font-weight:700;text-align:center;line-height:20px}.crop-chip{flex:none;width:11px;height:11px;border-radius:3px;border:1px solid rgba(0,0,0,.4)}.field-row .f-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-row .f-crop{flex:none;opacity:.65;font-size:13px;text-transform:uppercase;letter-spacing:1px}.field-row .f-ac{flex:none;width:52px;text-align:right;opacity:.8}.field-row .f-pts{flex:none;width:64px;text-align:right;color:var(--hud-amber);font-weight:700}.forecast-canvas{background:#00000040;border-radius:6px;display:block}.board-actions{margin-top:22px}.debrief-grid{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;max-width:1320px}.field-card{width:300px;padding:14px;background:#0000004d;border:1px solid rgba(244,240,228,.2);border-radius:10px;text-align:center}.field-card .heat-wrap{position:relative;margin:8px 0 4px}.field-card canvas{width:100%;border-radius:6px;image-rendering:pixelated;display:block}.field-card .grade{position:absolute;top:4px;right:10px;font-size:52px;font-weight:900;transform:rotate(-6deg);text-shadow:0 2px 0 rgba(0,0,0,.7),0 0 18px rgba(0,0,0,.6);pointer-events:none}.grade-S{color:#ffd21f}.grade-A{color:var(--hud-green)}.grade-B{color:#8fc3e8}.grade-C{color:var(--hud-amber)}.grade-F{color:var(--hud-red)}.field-card .fname{font-size:16px;opacity:.9}.field-card .fstats{font-size:13px;opacity:.65;line-height:1.5}.heat-legend{display:flex;gap:18px;margin-top:12px;font-size:13px;opacity:.8}.heat-legend span{display:inline-flex;align-items:center;gap:6px}.heat-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.debrief-live{background:linear-gradient(160deg,#0c10089e,#181c10b8)}.debrief-live .field-card,.debrief-live .insights{background:#080b059e}.debrief-live .score-breakdown,.debrief-live h2{text-shadow:0 2px 10px rgba(0,0,0,.8)}.replay-caption{position:absolute;left:26px;bottom:22px;padding:6px 14px;font-size:15px;letter-spacing:3px;color:var(--paper);background:#080b058c;border-left:3px solid var(--hud-amber);border-radius:0 6px 6px 0;text-transform:uppercase;pointer-events:none}.insights{width:560px;max-width:92vw;margin-bottom:20px;padding:12px 18px 14px;background:#0000004d;border:1px solid rgba(244,240,228,.2);border-radius:10px;text-align:left}.insights h3{font-size:17px;letter-spacing:2px;color:var(--hud-amber);text-transform:uppercase;margin-bottom:7px}.co-row{display:flex;align-items:baseline;gap:10px;font-size:16px;padding:3px 0}.co-row .co-glyph{flex:none;width:18px;text-align:center}.co-row .co-label{flex:1 1 auto}.co-row .co-pts{flex:none;font-weight:700}.co-gaps .co-glyph,.co-gaps .co-pts{color:#d8d2be}.co-overlap .co-glyph,.co-overlap .co-pts{color:var(--hud-amber)}.co-drift .co-glyph,.co-drift .co-pts,.co-jettison .co-glyph,.co-jettison .co-pts,.co-damage .co-glyph,.co-damage .co-pts{color:var(--hud-red)}.co-reloads .co-glyph,.co-reloads .co-pts{color:#8fc3e8}.in-best{margin-top:8px;font-size:15px;color:var(--hud-green)}.in-next{margin-top:4px;font-size:15px;color:var(--hud-green);font-weight:700}.score-total{font-size:60px;font-weight:900;color:var(--hud-amber);margin:12px 0 2px}.score-breakdown{font-size:15px;opacity:.8;line-height:1.7;text-align:center;margin-bottom:20px}.replay-card{position:absolute;top:28px;left:50%;width:min(420px,76vw);transform:translate(-50%);text-align:center;text-shadow:0 2px 10px rgba(8,10,6,.95)}.replay-card span{display:block;color:var(--hud-amber);font-size:12px;font-weight:800;letter-spacing:4px}.replay-card strong{display:block;margin-top:3px;font-size:20px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.replay-card i{display:block;width:180px;height:2px;margin:8px auto 0;overflow:hidden;background:#f4f0e433}.replay-card i b{display:block;width:100%;height:100%;background:var(--hud-amber);transform:scaleX(0);transform-origin:left}.reload-overlay{position:absolute;bottom:120px;left:50%;transform:translate(-50%);text-align:center;background:#0a0e08b3;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:18px 34px;pointer-events:none}.reload-overlay .big{font-size:26px;font-weight:700;color:var(--hud-green)}.reload-overlay .sub{font-size:15px;opacity:.8}.hint-bar{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:13px;letter-spacing:1px;opacity:.55;text-shadow:0 1px 2px #000;transition:opacity .45s ease-out}.hint-bar.quiet{opacity:0}.hazard-chip{position:absolute;top:26px;left:50%;transform:translate(132px);display:flex;flex-direction:column;align-items:center;padding:5px 12px 6px;border:1px solid rgba(245,192,74,.55);border-radius:6px;background:#1412088c;text-shadow:0 1px 3px rgba(0,0,0,.7);opacity:0;transition:opacity .4s;pointer-events:none}.hazard-chip.on{opacity:1}.hazard-chip .hz-label{font-size:11px;letter-spacing:2px;color:var(--hud-amber);opacity:.85}.hazard-chip .hz-mult{font-size:24px;font-weight:800;color:var(--hud-amber);line-height:1.05}.hazard-chip.earning{border-color:var(--hud-amber);animation:hazard-earn .9s ease-in-out infinite}.hazard-chip.earning .hz-mult{color:#ffd21f}@keyframes hazard-earn{50%{box-shadow:0 0 14px #f5c04a8c}}.ghost-note{margin:10px 0 2px;font-size:16px;font-weight:700;letter-spacing:2px;color:#8fd8ff;text-shadow:0 0 12px rgba(143,216,255,.35)}.menu-streak{margin:2px 0 10px;font-size:15px;font-weight:700;letter-spacing:2px;color:var(--hud-amber);text-shadow:0 1px 3px rgba(0,0,0,.7)}.menu-streak.at-risk{color:var(--hud-red)}.logbook-screen{z-index:20;background:linear-gradient(160deg,#0c1008f5,#181c10f7)}.lb-streak{margin:4px 0 22px;font-size:22px;font-weight:800;letter-spacing:3px;color:var(--hud-amber)}.lb-streak.at-risk{color:var(--hud-red)}.lb-cal-wrap{display:flex;flex-direction:column;align-items:center}.lb-cal{display:grid;grid-template-columns:repeat(12,30px);grid-template-rows:repeat(7,30px);gap:5px}.lb-tile{width:30px;height:30px;border-radius:5px;background:#f4f0e412;border:1px solid rgba(244,240,228,.1);font-style:normal;font-size:15px;font-weight:800;line-height:28px;text-align:center;color:#000000bf}.lb-tile.lb-future{visibility:hidden}.lb-tile.lb-empty{background:#f4f0e40d}.lb-tile.lb-today{box-shadow:0 0 0 2px var(--paper)}.lb-tile.lb-S{background:#ffd21f;border-color:#ffd21f}.lb-tile.lb-A{background:#b8e986;border-color:#b8e986}.lb-tile.lb-B{background:#8fc3e8;border-color:#8fc3e8}.lb-tile.lb-C{background:#f5c04a;border-color:#f5c04a}.lb-tile.lb-F{background:#e8641e;border-color:#e8641e}.lb-legend{display:flex;gap:16px;margin-top:12px;font-size:13px;letter-spacing:1px;opacity:.8}.lb-legend span{display:flex;align-items:center;gap:5px}.lb-legend .lb-tile{width:14px;height:14px;border-radius:3px;font-size:0}.lb-stats{display:flex;gap:34px;margin:26px 0 18px;flex-wrap:wrap;justify-content:center}.lb-stat{text-align:center}.lb-stat b{display:block;font-size:30px;font-weight:900;color:var(--hud-amber)}.lb-stat span{font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.7}.swath-chip.q-plost .q-dot{background:var(--hud-amber)}.swath-chip.q-plost .q-label{color:var(--hud-amber)}.tw-toggle{display:flex;align-items:center;gap:16px;width:514px;max-width:86vw;padding:14px 20px;margin:4px 0 12px;border:2px solid rgba(244,240,228,.25);border-radius:10px;background:#0a0e088c;backdrop-filter:blur(6px);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;user-select:none}.tw-toggle.on{border-color:var(--hud-green);background:#b8e98614;box-shadow:0 0 0 1px var(--hud-green),0 10px 30px #00000059}.tw-toggle.locked{opacity:.55;cursor:default}.tw-box{flex:none;width:26px;height:26px;border:2px solid rgba(244,240,228,.6);border-radius:6px;position:relative}.tw-toggle.on .tw-box{border-color:var(--hud-green);background:#b8e98626}.tw-toggle.on .tw-box:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--hud-green);font-weight:900;font-size:19px}.tw-text h4{font-size:18px;letter-spacing:2px}.tw-toggle.on .tw-text h4 [data-tw=state],.tw-toggle.on .tw-text h4 [data-hh=state]{color:var(--hud-green)}.tw-text p{font-size:13.5px;opacity:.75;line-height:1.4;margin-top:3px}.tw-toggle.compact{padding:9px 20px 10px;margin-top:-6px}.tw-toggle.compact .tw-box{width:21px;height:21px}.tw-toggle.compact.on .tw-box:after{font-size:15px}.tw-toggle.compact .tw-text h4{font-size:15px}.tw-toggle.compact .tw-text p{font-size:12.5px}.settings-screen{z-index:30;justify-content:flex-start;overflow-y:auto;padding:22px 0;background:linear-gradient(160deg,#0c1008fb,#181c10fc)}.settings-screen h2{margin-bottom:10px}.settings-screen .tw-toggle{margin:0;padding:10px 18px}.set-col{display:flex;flex-direction:column;gap:10px;width:514px;max-width:86vw;margin-bottom:10px}.set-select-row{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.set-label small{display:block;margin-top:2px;font-size:12px;font-weight:400;opacity:.55}.set-label.set-label-stacked{flex-direction:column;align-items:flex-start}.set-select{min-width:132px;padding:9px 34px 9px 12px;color:var(--paper);background:#12160cdb;border:1px solid rgba(244,240,228,.42);border-radius:6px;font:700 15px Barlow Condensed,sans-serif;letter-spacing:1.5px}.set-select:focus-visible{outline:2px solid var(--hud-amber);outline-offset:3px}body.reduced-motion *,body.reduced-motion *:before,body.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.set-row{display:flex;flex-direction:column;gap:8px}.set-label{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.8;display:flex;justify-content:space-between}.set-label em{font-style:normal;color:var(--hud-amber)}.scheme-row{display:flex;gap:14px}.scheme-card{width:250px;padding:10px 16px}.scheme-card h3{font-size:20px}.set-check{flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.set-check input{width:22px;height:22px;accent-color:var(--hud-amber);cursor:pointer}.set-range{width:100%;accent-color:var(--hud-amber);cursor:pointer}.pause-screen{background:#080a0699;backdrop-filter:blur(3px);z-index:20}.pause-screen h2{font-size:44px;letter-spacing:8px;color:var(--hud-amber)}.pause-screen .btn{min-width:280px}.aim-reticle{position:absolute;top:0;left:0;width:32px;height:32px;margin:-16px 0 0 -16px;color:#f4f0e4d9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));will-change:transform}.tw-debrief-note{font-size:14px;letter-spacing:1.5px;color:var(--hud-green);opacity:.85;margin:4px 0 8px}.mobile-controls{--mc-scale: 1;--mc-opacity: .88;position:absolute;inset:0;z-index:12;display:none;pointer-events:none;user-select:none;-webkit-user-select:none;color:var(--paper)}.mobile-controls.show{display:block}.mobile-controls button,.mobile-controls [role=slider],.mobile-controls [role=application]{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.mc-button{min-width:48px;min-height:48px;border:1px solid rgba(244,240,228,.55);border-radius:10px;color:var(--paper);background:rgba(18,22,12,calc(var(--mc-opacity) * .82));font:800 13px Barlow Condensed,sans-serif;letter-spacing:1.4px;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,.85)}.mc-button.pressed,.mc-button:active{color:var(--ink);background:var(--hud-amber);border-color:var(--hud-amber);transform:scale(.96)}.mc-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:flex;gap:8px}.mc-pause{font-size:17px}.mc-rudder{position:absolute;inset:auto max(14px,env(safe-area-inset-right)) 49% max(14px,env(safe-area-inset-left));display:flex;justify-content:space-between}.mc-rudder .mc-button{min-width:82px;min-height:44px;opacity:calc(var(--mc-opacity) * .82)}.mc-flight-side{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:12px;transform:scale(var(--mc-scale));transform-origin:bottom left}.mc-stick-side{left:max(18px,env(safe-area-inset-left))}.mc-action-side{right:max(18px,env(safe-area-inset-right));transform-origin:bottom right}.left-handed .mc-stick-side{left:auto;right:max(18px,env(safe-area-inset-right));transform-origin:bottom right}.left-handed .mc-action-side{right:auto;left:max(18px,env(safe-area-inset-left));transform-origin:bottom left}.mc-stick{position:relative;width:132px;height:132px;border-radius:50%;background:rgba(18,22,12,calc(var(--mc-opacity) * .45));border:1px solid rgba(244,240,228,.45)}.mc-stick-ring{position:absolute;inset:25%;border:1px solid rgba(244,240,228,.22);border-radius:50%}.mc-stick:before,.mc-stick:after{content:"";position:absolute;background:#f4f0e42e}.mc-stick:before{left:50%;top:12%;bottom:12%;width:1px}.mc-stick:after{top:50%;left:12%;right:12%;height:1px}.mc-stick-knob{position:absolute;width:48px;height:48px;left:calc(50% - 24px);top:calc(50% - 24px);border-radius:50%;background:rgba(245,192,74,var(--mc-opacity));border:2px solid rgba(244,240,228,.72);box-shadow:0 5px 18px #00000073;will-change:transform}.mc-throttle{position:relative;width:44px;height:144px;margin-bottom:2px;border-radius:22px;background:rgba(18,22,12,calc(var(--mc-opacity) * .66));border:1px solid rgba(244,240,228,.42)}.mc-throttle-track{position:absolute;left:50%;top:12px;bottom:12px;width:3px;background:#f4f0e442}.mc-throttle-knob{position:absolute;left:5px;bottom:72%;width:34px;height:18px;margin-bottom:-9px;border-radius:9px;background:var(--hud-amber);border:1px solid var(--paper)}.mc-throttle i{position:absolute;left:48px;transform:translateY(50%);color:#f4f0e4b3;font: 700 10px Barlow Condensed,sans-serif;letter-spacing:1px}.mc-spray{width:106px;height:106px;border-radius:53px;color:var(--hud-green);border-color:#b8e986c7;font-size:19px}.mc-spray.pressed{color:var(--ink);background:var(--hud-green)}.mc-hold{width:62px;height:62px;border-radius:31px;color:var(--hud-green)}.mc-jettison{position:absolute;right:0;bottom:118px;min-width:96px;color:var(--hud-red);overflow:hidden}.left-handed .mc-jettison{right:auto;left:0}.mc-jettison span{font-size:10px;display:block;opacity:.72}.mc-jettison i{position:absolute;inset:auto 0 0;height:3px;background:var(--hud-red);transform:scaleX(0);transform-origin:left}.mc-jettison.arming i{animation:mc-arm .7s linear forwards}@keyframes mc-arm{to{transform:scaleX(1)}}.mc-jettison.armed{color:var(--paper);background:var(--hud-red)}.mc-recenter{display:none;min-width:112px;margin-bottom:28px}.tilt-mode .mc-stick{display:none}.tilt-mode .mc-recenter{display:block}.mc-load{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%) translateY(16px);display:flex;align-items:center;gap:6px;padding:6px;border-radius:12px;background:#12160cd1;opacity:0;pointer-events:none;transition:opacity .18s ease-out,transform .18s ease-out}.mc-load span{padding:0 5px;font-size:12px;letter-spacing:2px;color:var(--hud-amber)}.mobile-controls.at-pumps .mc-load{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.mobile-controls.at-pumps .mc-load button{pointer-events:auto}.rotate-gate{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;color:var(--paper);background:#0e110af7}.rotate-gate h2{margin:12px 0 4px;color:var(--hud-amber)}.rotate-gate p{font-size:17px;opacity:.75}.rotate-plane{font-size:56px;color:var(--hud-amber);transform:rotate(90deg)}.mobile-control-check{display:flex;align-items:center;gap:12px;max-width:760px;margin:0 auto 10px;padding:8px 12px;border:1px solid rgba(244,240,228,.24);border-radius:8px;background:#0a0e0875}.mobile-control-check strong{color:var(--hud-amber);letter-spacing:2px}.mobile-control-check span{font-size:15px}.compact-btn{padding:8px 14px;font-size:14px}.install-help{max-width:340px;padding:8px 12px;margin-top:6px;text-align:center;font-size:15px;color:var(--paper)}.offline-chip{margin-top:8px;font-size:12px;letter-spacing:2px;color:var(--hud-green)}.graphics-recovery{z-index:90;background:#0a0c08f0;text-align:center}.dev-performance{position:fixed;z-index:100;left:8px;bottom:6px;padding:4px 7px;background:#000000c7;color:#b8ff9e;font:11px ui-monospace,monospace;pointer-events:none}@media(max-width:900px),(max-height:600px){.touch-primary .desktop-control-settings{display:none}.pause-screen{justify-content:center}.screen{justify-content:flex-start;overflow-y:auto;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.menu-screen{justify-content:flex-start}.screen h1{font-size:50px;letter-spacing:6px}.menu-screen .logo-mark{width:34px;height:34px}.menu-screen .tagline,.screen .tagline{margin:4px 0 14px;font-size:15px;letter-spacing:1.5px}.title-rule{width:min(300px,80vw);margin:3px 0 8px}.mode-row,.scheme-row{width:min(100%,560px)}.mode-card{width:auto;flex:1 1 0;min-width:0;padding:12px}.tw-toggle,.set-col{max-width:min(94vw,560px)}.btn{min-height:48px;padding:10px 28px;font-size:18px}.briefing-screen{align-items:stretch}.board-head{justify-content:center;flex-wrap:wrap;text-align:center}.briefing-board{grid-template-columns:minmax(0,1fr);gap:18px;width:min(100%,680px);margin:0 auto}.briefing-map{width:100%;height:auto;max-height:65dvh}.briefing-side{width:100%}.forecast-canvas{width:100%;height:auto}.debrief-grid{flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 7vw 8px}.field-card{flex:0 0 min(82vw,300px);scroll-snap-align:center}.lb-cal-wrap{width:100%;overflow-x:auto;align-items:flex-start;padding-bottom:8px}.lb-cal,.lb-legend{margin-left:auto;margin-right:auto}.touch-primary .hint-bar,.touch-primary .aim-reticle,.touch-primary .stick-widget{display:none!important}.touch-primary .hud-tape{top:max(8px,env(safe-area-inset-top));bottom:auto;left:calc(max(12px,env(safe-area-inset-left)) + 172px);gap:10px;padding:7px 10px;backdrop-filter:none}.touch-primary .hud-stat .val{font-size:23px}.touch-primary .hud-stat .lbl{font-size:9px;letter-spacing:1px}.touch-primary .hopper-wrap{width:88px}.touch-primary .hud-clock{top:max(8px,env(safe-area-inset-top))}.touch-primary .hud-clock .time{font-size:24px}.touch-primary .hud-clock .phase{font-size:10px;letter-spacing:1.5px}.touch-primary .storm-track{width:130px}.touch-primary .wind-indicator{top:max(8px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.touch-primary .wind-dial{width:40px;height:40px}.touch-primary .wind-arrow{width:30px;height:30px}.touch-primary .boom-ribbon{left:34%}.touch-primary .hold-chip{left:calc(34% + 9px)}.touch-primary .minimap{width:132px;height:132px;bottom:auto;top:70px;right:max(12px,env(safe-area-inset-right))}.touch-primary .field-pill{bottom:18px}.touch-primary .swath-chip{bottom:62px}.touch-primary .warn-stack{top:50px}.touch-primary .hazard-chip{top:52px;transform:translate(84px)}}@media(orientation:portrait)and (max-width:767px){.mode-row,.scheme-row{flex-direction:column}.screen h1{font-size:44px}.tw-toggle{width:92vw}.mobile-control-check{flex-direction:column;text-align:center}}@media(max-height:400px)and (orientation:landscape){.mc-stick{width:112px;height:112px}.mc-throttle{height:118px}.mc-spray{width:88px;height:88px}.mc-hold{width:54px;height:54px}.mc-jettison{bottom:98px}.touch-primary .hud-tape{left:calc(max(12px,env(safe-area-inset-left)) + 154px)}.touch-primary .minimap{width:112px;height:112px}.turn-coach{top:108px}}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-condensed-latin-400-normal-Dc2u_eUW.woff2) format("woff2"),url(/assets/barlow-condensed-latin-400-normal-BXL2z6Kg.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/barlow-condensed-latin-900-normal-SFh9ViAc.woff2) format("woff2"),url(/assets/barlow-condensed-latin-900-normal-Bz1RFETY.woff) format("woff")}