@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-vietnamese-700-normal-DH94m5DZ.woff2) format("woff2"),url(/assets/fraunces-vietnamese-700-normal-DxawQjq2.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-ext-700-normal-CanUGppC.woff2) format("woff2"),url(/assets/fraunces-latin-ext-700-normal-DuBstVeD.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fraunces-latin-700-normal-CEOla-zY.woff2) format("woff2"),url(/assets/fraunces-latin-700-normal-DTjk5d1Q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-vietnamese-400-normal-B7xT_GF5.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-400-normal-BIWiOVfw.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-ext-400-normal-CfP_5XZW.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-400-normal-DRPE3kg4.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/space-grotesk-latin-400-normal-CJ-V5oYT.woff2) format("woff2"),url(/assets/space-grotesk-latin-400-normal-BnQMeOim.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-vietnamese-500-normal-BmEvtly_.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-500-normal-BTqKIpxg.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-ext-500-normal-DUe3BAxM.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-500-normal-3dgZTiw9.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2) format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-vietnamese-700-normal-DMty7AZE.woff2) format("woff2"),url(/assets/space-grotesk-vietnamese-700-normal-Duxec5Rn.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-ext-700-normal-BQnZhY3m.woff2) format("woff2"),url(/assets/space-grotesk-latin-ext-700-normal-HVCqSBdx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/space-grotesk-latin-700-normal-RjhwGPKo.woff2) format("woff2"),url(/assets/space-grotesk-latin-700-normal-CwsQ-cCU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a2432;color:#f8f4eb;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}button,input,select,textarea{font:inherit}:root{--panel-bg: rgba(6, 22, 33, .74);--panel-border: rgba(255, 244, 220, .18);--panel-shadow: 0 22px 60px rgba(1, 8, 12, .38);--text-main: #f8f4eb;--text-muted: rgba(248, 244, 235, .72);--accent-teal: #6dd4db;--accent-sand: #f0ca8c;--accent-coral: #d55c39;--accent-green: #a7d17f}.experience-shell{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at top left,rgba(252,183,94,.16),transparent 28%),radial-gradient(circle at 80% 18%,rgba(109,212,219,.18),transparent 32%),linear-gradient(180deg,#6b98a9,#193446)}.experience-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#030b130f,#030b136b),linear-gradient(90deg,rgba(0,0,0,.18) 0%,transparent 24%,transparent 76%,rgba(0,0,0,.16) 100%);pointer-events:none;z-index:1}.sim-canvas{width:100%;height:100%}.hud-layer{position:absolute;inset:0;z-index:2;padding:1.1rem;display:grid;grid-template-columns:minmax(320px,34rem) minmax(320px,32rem);grid-template-rows:auto auto 1fr auto;gap:1rem;align-content:start;pointer-events:none}.glass-panel,.glass-panel *{pointer-events:auto}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem}.hero-panel{display:flex;justify-content:space-between;gap:1.2rem;padding:1.2rem 1.35rem;align-items:start;grid-column:1 / 2}.eyebrow{margin-bottom:.35rem;color:var(--accent-teal);text-transform:uppercase;letter-spacing:.24em;font-size:.7rem}.hero-panel h1{font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:.95;max-width:10ch;color:var(--text-main)}.hero-copy{margin-top:.7rem;max-width:42ch;color:var(--text-muted);font-size:.95rem;line-height:1.55}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;min-width:min(24rem,100%)}.left-rail{grid-column:1 / 2;display:grid;gap:1rem;align-content:start}.hero-stats div{padding:.8rem .9rem;background:#fff4dc0f;border-radius:1rem;display:grid;gap:.22rem}.hero-stats span,.instrument-grid span,.trim-copy span:last-child,.chart-caption,.help-panel li,.panel-heading span:first-child{color:var(--text-muted)}.hero-stats strong,.instrument-grid strong,.trim-control strong,.chart-caption span:last-child{color:var(--text-main);font-weight:700}.hud-grid{grid-column:2 / 3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.level-cell{grid-column:1 / -1;padding:.8rem .9rem;background:#fff4dc0f;border-radius:1rem;display:grid;gap:.45rem}.level-cell-heading{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.level-cell-heading strong{color:var(--text-main);font-weight:700}.level-badge{display:inline-flex;align-items:center;padding:.28rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffe9c4;background:#f0ca8c2e;border:1px solid rgba(240,202,140,.42)}.xp-bar{height:.42rem;border-radius:999px;background:#ffffff14;overflow:hidden}.xp-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-teal),var(--accent-sand));transition:width .4s ease}.xp-copy{color:var(--text-muted);font-size:.8rem}.level-up-toast{position:absolute;top:5.4rem;left:50%;transform:translate(-50%);z-index:4;padding:1.05rem 1.6rem;text-align:center;display:grid;gap:.3rem;border-color:#f0ca8c73;animation:level-up-pop .42s ease}.level-up-toast strong{font-family:Fraunces,Georgia,serif;font-size:1.6rem;color:var(--text-main);line-height:1.1}.level-up-toast p{margin:0;color:var(--text-muted);font-size:.85rem}@keyframes level-up-pop{0%{opacity:0;transform:translate(-50%) translateY(-.6rem) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.cockpit-trim-helper{position:absolute;left:50%;bottom:1.1rem;transform:translate(-50%);z-index:3;width:min(26rem,calc(100vw - 2rem));padding:.95rem 1.05rem;display:grid;gap:.7rem}.cockpit-trim-helper .panel-heading{margin-bottom:0}.trim-band{display:grid;gap:.35rem}.trim-band-copy{display:flex;justify-content:space-between;gap:.75rem;font-size:.82rem}.trim-band-copy span:first-child{color:var(--text-main)}.trim-band-copy span:last-child{color:var(--text-muted)}.trim-band-copy .is-good{color:var(--accent-green)}.trim-band-copy .is-warning{color:#ff9a7d}.trim-band-row{display:flex;align-items:center;gap:.6rem}.trim-band-row>span{color:var(--text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.trim-band-track{position:relative;flex:1;height:.56rem;border-radius:999px;background:#ffffff14}.trim-band-zone{position:absolute;top:0;bottom:0;border-radius:999px;background:#82be5d57}.trim-band-target{position:absolute;top:-.14rem;bottom:-.14rem;width:2px;transform:translate(-50%);background:#a7d17fe6}.trim-band-marker{position:absolute;top:50%;width:.82rem;height:.82rem;border-radius:50%;transform:translate(-50%,-50%);background:var(--accent-sand);box-shadow:0 0 0 2px #061621b8;transition:left .12s linear}.trim-band.is-luffing .trim-band-marker{background:var(--accent-coral);animation:luff-flutter .24s ease-in-out infinite}@keyframes luff-flutter{0%,to{transform:translate(-50%,-58%)}50%{transform:translate(-50%,-42%)}}.trim-helper-note{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.4}.mode-button-danger{border-color:#d55c3957;color:#ffcdb8}.mode-button-danger:hover{border-color:#d55c3999;background:#d55c391f}.instrument-panel,.progress-panel,.trim-panel,.warning-panel,.help-panel,.minimap-shell{padding:1rem 1.05rem}.panel-heading{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.9rem}.panel-heading span:first-child{font-size:.85rem;text-transform:uppercase;letter-spacing:.18em}.panel-actions,.camera-toggle{display:flex;gap:.55rem;flex-wrap:wrap}.objective-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:.9rem}.objective-summary div,.next-unlock-card,.achievement-card,.coach-card,.weather-brief,.traffic-card{padding:.85rem .95rem;border-radius:1rem;background:#ffffff0d;display:grid;gap:.28rem}.instrument-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem}.instrument-grid div{padding:.8rem .9rem;border-radius:1rem;background:#ffffff0d;display:grid;gap:.22rem}.trim-panel{display:grid;gap:.95rem}.trim-control{display:grid;gap:.45rem}.choice-control{display:grid;gap:.4rem}.choice-control span:first-child,.panel-copy{color:var(--text-muted)}.choice-select{appearance:none;border:1px solid rgba(255,244,220,.16);border-radius:.95rem;background:#ffffff0f;color:var(--text-main);padding:.68rem .8rem;font:inherit}.choice-select:focus{outline:1px solid rgba(109,212,219,.6);border-color:#6dd4db6b}.trim-copy{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.trim-copy span:first-child{color:var(--text-main)}.trim-control input{accent-color:var(--accent-sand)}.trim-control.is-disabled{opacity:.55}.trim-control.is-disabled input{cursor:not-allowed}.toggle-button,.mode-button{border:1px solid rgba(255,244,220,.16);border-radius:999px;background:#ffffff0f;color:var(--text-main);padding:.58rem .82rem;font:inherit;cursor:pointer;transition:background .16s ease,transform .16s ease,border-color .16s ease}.toggle-button:hover,.mode-button:hover{transform:translateY(-1px);border-color:#fff4dc5c}.toggle-button.is-active,.mode-button.is-active{background:#f0ca8c2e;border-color:#f0ca8c73}.toggle-button:disabled,.mode-button:disabled,.selection-button:disabled{cursor:not-allowed;opacity:.5}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .68rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid transparent}.status-pill-good{color:#eaf7da;background:#82be5d29;border-color:#82be5d42}.status-pill-warning{color:#ffe8b7;background:#d55c392e;border-color:#f0ca8c4d}.status-pill-neutral{color:#d7edf0;background:#6dd4db24;border-color:#6dd4db3d}.warning-list{display:flex;gap:.55rem;flex-wrap:wrap}.panel-copy{margin:0;line-height:1.45}.selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.selection-button{border:1px solid rgba(255,244,220,.16);border-radius:1rem;background:#ffffff0f;color:var(--text-main);display:grid;gap:.25rem;padding:.78rem .82rem;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.selection-button strong,.fleet-section strong,.objective-summary strong,.next-unlock-card strong,.achievement-card strong{color:var(--text-main)}.selection-button span,.next-unlock-card p,.achievement-card p{color:var(--text-muted);margin:0;line-height:1.35}.selection-button:hover{transform:translateY(-1px);border-color:#fff4dc52}.selection-button.is-active{background:#6dd4db24;border-color:#6dd4db52}.selection-button.is-locked{background:#ffffff08}.fleet-section{display:grid;gap:.7rem}.achievement-list{display:grid;gap:.7rem;max-height:26rem;overflow:auto}.achievement-card.is-unlocked{border:1px solid rgba(130,190,93,.24);background:#82be5d14}.coach-card p,.weather-brief p,.traffic-card span{margin:0;color:var(--text-muted);line-height:1.4}.traffic-list{display:grid;gap:.7rem;margin-top:.85rem}.traffic-card strong{color:var(--text-main)}.discovery-card{margin-top:1rem;padding:.95rem 1rem;border-radius:1rem;background:#ffffff0d;display:grid;gap:.4rem}.discovery-card .panel-heading{margin-bottom:.15rem}.discovery-card strong{color:var(--text-main)}.discovery-card p{margin:0;color:var(--text-muted);line-height:1.45}.hud-chart{grid-column:1 / 2;align-self:end;width:min(21rem,100%)}.minimap-shell{display:grid;gap:.8rem}.minimap-svg{width:100%;height:auto;border-radius:1.3rem;box-shadow:inset 0 0 0 1px #ffffff14}.chart-caption{display:flex;justify-content:space-between;gap:.75rem;font-size:.8rem}.notification-stack{position:absolute;top:4.8rem;right:1rem;z-index:3;display:grid;gap:.7rem;width:min(22rem,calc(100vw - 2rem))}.notification-card{padding:.9rem .95rem}.notification-card p{margin:0;color:var(--text-muted);line-height:1.45}.notification-list{display:grid;gap:.7rem;margin-top:1rem}.help-panel{grid-column:2 / 3;justify-self:end;align-self:end;max-width:24rem}.help-panel ul{display:grid;gap:.45rem;padding-left:1rem}.help-panel strong{color:var(--text-main)}@media(max-width:1080px){.hud-layer{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;padding:.8rem}.hero-panel,.left-rail,.hud-grid,.hud-chart,.help-panel{grid-column:1 / 2}.hud-grid{grid-template-columns:1fr}.hero-panel{flex-direction:column}.hero-stats{min-width:0}.notification-stack{position:static;width:100%}.hud-chart,.help-panel{width:100%;justify-self:stretch}}@media(max-width:720px){.hud-layer{padding:.65rem;gap:.7rem}.hero-panel,.instrument-panel,.trim-panel,.warning-panel,.help-panel,.minimap-shell{border-radius:1.15rem;padding:.9rem}.hero-panel h1{font-size:2.25rem}.hero-stats,.objective-summary,.selection-grid,.instrument-grid{grid-template-columns:1fr}.notification-stack{gap:.55rem}}
