: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}#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}@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")}