@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,600&family=Special+Elite&display=swap";:root{--ink: #10191e;--paper: #e8dfc4;--cream: #f5efdb;--signal: #e14b35;--signal-dark: #9d2e24;--blue: #78b3c7;--deep-blue: #102832;--gold: #d9b86b}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#172b34;color:var(--ink);font-family:Barlow Condensed,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font:inherit}#app{position:relative;isolation:isolate;background:linear-gradient(180deg,#4a91b3,#8cc7d9 38%,#dfcfaa 74%,#5b705f)}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.atmosphere{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 78% 18%,rgba(255,244,193,.72) 0 3%,rgba(255,217,140,.22) 8%,transparent 25%),linear-gradient(180deg,rgba(3,21,32,.1),transparent 42%,rgba(56,31,17,.25));mix-blend-mode:screen}.grain{position:absolute;inset:-60%;z-index:20;pointer-events:none;opacity:.105;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain .24s steps(2) infinite;mix-blend-mode:soft-light}@keyframes grain{0%{transform:translate(1%,-1%)}25%{transform:translate(-2%,2%)}50%{transform:translate(2%,1%)}75%{transform:translate(-1%,-2%)}to{transform:translate(1%,2%)}}.screen{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:clamp(14px,2.5vw,36px);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .38s ease,visibility .38s;background:radial-gradient(circle at 50% 46%,#13303b21,#040f15c2)}.screen--active{visibility:visible;opacity:1;pointer-events:auto}.menu-shell{width:min(1080px,96vw);max-height:96vh;display:flex;flex-direction:column;align-items:center}.masthead{color:var(--cream);text-align:center;text-shadow:0 3px 0 rgba(0,0,0,.14)}.eyebrow{display:flex;align-items:center;gap:14px;justify-content:center;color:#ffe3a2;font-size:clamp(10px,1vw,13px);letter-spacing:.26em;font-weight:700;text-transform:uppercase}.eyebrow span{width:48px;height:1px;background:currentColor;opacity:.65}.masthead h1{margin:-.02em 0 -.17em;font-size:clamp(58px,8.5vw,118px);line-height:1;font-style:italic;font-weight:900;letter-spacing:-.055em;transform:skew(-3deg)}.year-mark{display:flex;align-items:center;justify-content:center;gap:7px;color:#f6ce78}.year-mark b{font-size:16px;letter-spacing:.06em}.year-mark strong{color:var(--signal);font-size:13px}.year-mark i{width:35px;height:2px;background:currentColor}.masthead>p{margin:2px 0 12px;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.32em}.briefing-panel{position:relative;width:100%;padding:clamp(14px,1.8vw,24px);background:linear-gradient(90deg,rgba(128,103,57,.07) 1px,transparent 1px),linear-gradient(rgba(128,103,57,.06) 1px,transparent 1px),var(--paper);background-size:22px 22px;border:1px solid rgba(255,255,255,.5);outline:4px solid rgba(12,28,34,.55);box-shadow:0 28px 80px #00000052,inset 0 0 80px #5c411f14;clip-path:polygon(0 4px,4px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 4px),calc(100% - 4px) 100%,3px 100%,0 calc(100% - 3px))}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:540px;margin:0 auto 13px}.mode-button{min-height:53px;display:flex;align-items:center;gap:12px;padding:7px 14px 7px 8px;border:1px solid rgba(19,31,34,.23);background:#ffffff40;color:var(--ink);cursor:pointer;text-align:left;transition:transform .2s,background .2s,color .2s}.mode-button:hover{transform:translateY(-2px)}.mode-button.is-selected{color:var(--cream);background:var(--deep-blue);border-color:var(--deep-blue);box-shadow:inset 3px 0 var(--signal)}.mode-no{align-self:stretch;min-width:38px;display:grid;place-items:center;border:1px solid currentColor;opacity:.65;font:15px Special Elite,serif}.mode-button b,.mode-button small{display:block}.mode-button b{font-size:16px;text-transform:uppercase;letter-spacing:.08em}.mode-button small{opacity:.63;font-size:11px;letter-spacing:.03em}.hangar-heading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:24px;margin:3px 0 8px}#loadout-label{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.pilot-tabs{display:flex;gap:4px}.pilot-tabs[hidden]{display:none}.pilot-tab{border:1px solid var(--ink);background:transparent;padding:2px 10px;cursor:pointer;font-size:11px;font-weight:800}.pilot-tab.is-selected{background:var(--signal);color:#fff;border-color:var(--signal-dark)}.plane-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.5vw,16px)}.plane-card{position:relative;min-width:0;padding:clamp(10px,1.2vw,16px);color:var(--ink);border:1px solid rgba(20,27,27,.3);background:#faf6e28f;cursor:pointer;text-align:left;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;overflow:hidden}.plane-card:before{content:"";position:absolute;inset:5px;border:1px solid transparent;pointer-events:none}.plane-card:hover{transform:translateY(-3px) rotate(-.25deg);box-shadow:0 9px 18px #181c1921}.plane-card.is-selected{background:#fffaf0;transform:translateY(-3px);box-shadow:0 11px 22px #181c192b;border-color:var(--signal-dark)}.plane-card.is-selected:before{border-color:var(--signal)}.class-stamp{position:absolute;top:12px;right:12px;padding:2px 5px;color:var(--signal-dark);border:1px solid currentColor;font:10px Special Elite,serif;transform:rotate(3deg);z-index:2}.plane-portrait{position:relative;height:clamp(54px,8vh,86px);margin:-2px 0 2px;filter:drop-shadow(0 7px 3px rgba(20,28,28,.25))}.plane-portrait:before,.plane-portrait:after,.plane-portrait span:before,.plane-portrait span:after{content:"";position:absolute;display:block}.plane-portrait:before{width:74%;height:19%;left:11%;top:45%;background:#344a4e;border-radius:80% 34% 44% 65%;clip-path:polygon(0 45%,78% 0,100% 25%,98% 75%,76% 100%,0 67%)}.plane-portrait:after{width:30%;height:8%;left:36%;top:52%;background:#17272b;transform:rotate(-4deg);clip-path:polygon(0 0,100% 25%,82% 100%,8% 75%)}.plane-portrait span:before{width:17%;height:28%;left:21%;top:29%;background:#2e4245;clip-path:polygon(0 100%,70% 0,100% 100%)}.plane-portrait span:after{width:2px;height:42%;left:85%;top:34%;background:#25383c;box-shadow:-3px 0 #ffffff73,3px 0 #ffffff73}.plane-portrait--swift:before{background:linear-gradient(#b6b4a8 0 43%,#777c7c 45%);height:15%;transform:skew(-8deg)}.plane-portrait--swift:after{background:#a53f31;width:34%}.plane-portrait--vanguard:before{background:linear-gradient(#485438 0 58%,#92927a 60%);height:23%;top:42%;width:78%}.plane-portrait--vanguard:after{background:#343d2a;width:40%;height:10%;top:52%}.plane-portrait--vanguard span:before{background:#424e35;top:25%}.plane-portrait--falcon:before{background:linear-gradient(#42594b 0 46%,#8c927d 48%)}.plane-portrait--falcon:after{background:#596a52}.plane-title{display:flex;align-items:baseline;gap:9px;border-top:1px solid rgba(17,29,32,.2);padding-top:6px}.plane-title span{font-size:clamp(21px,2.4vw,30px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.03em}.plane-title small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.58}.plane-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:5px 0 0}.plane-card dl div{min-width:0}.plane-card dt{margin-bottom:3px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.plane-card dd{height:4px;margin:0;background:#111d2029}.plane-card dd i{display:block;width:var(--value);height:100%;background:var(--signal)}.launch-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.control-preview{display:flex;align-items:center;gap:4px;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.control-preview>span{margin-right:6px;font-weight:900;color:var(--signal-dark)}.control-preview b{margin:0 6px 0 2px;opacity:.55}kbd{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 4px;color:var(--cream);background:#29383a;border:0;border-bottom:3px solid #111b1e;border-radius:2px;font:10px Barlow Condensed,sans-serif;box-shadow:0 1px #fff}.key-wide{min-width:34px}.start-button{min-width:210px;height:49px;padding:0;display:flex;align-items:stretch;border:0;color:#fff;background:var(--signal);box-shadow:5px 5px 0 var(--signal-dark);cursor:pointer;font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:.12em;transition:transform .18s,box-shadow .18s,filter .18s}.start-button span{flex:1;display:grid;place-items:center;padding:0 18px}.start-button i{width:48px;display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.35);font-style:normal;font-size:22px}.start-button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--signal-dark);filter:saturate(1.18)}.start-button:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--signal-dark)}.field-note{margin:13px 0 0;color:#fff4d79e;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.copyright{margin:7px 0 0;color:#ffe3a2d1;font:9px Special Elite,serif;letter-spacing:.16em;text-transform:uppercase}.hud{position:absolute;inset:0;z-index:6;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .4s;color:var(--cream);text-shadow:0 1px 2px #000}.hud.is-visible{visibility:visible;opacity:1}.hud:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 110px #00000061}.hud-player{position:absolute;top:22px;width:min(30vw,370px)}.hud-player--one{left:24px}.hud-player--two{right:24px;text-align:right}.pilot-line{display:flex;align-items:center;gap:8px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.1em}.hud-player--two .pilot-line{justify-content:flex-end}.pilot-line b{font-size:15px}.pilot-line small{opacity:.6;font-size:10px}.pilot-dot{width:9px;height:9px;transform:rotate(45deg);box-shadow:0 0 12px currentColor}.pilot-dot--one{color:#ffd56f;background:currentColor}.pilot-dot--two{color:#ee6049;background:currentColor}.health-track{position:relative;height:13px;padding:2px;border:1px solid rgba(255,255,255,.55);background:#06141a7a}.health-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#d8b95f,#f4e5a9);transform-origin:left;transition:transform .25s ease,background .25s}.hud-player--two .health-track i{transform-origin:right;background:linear-gradient(90deg,#efb69e,#dc4d38);margin-left:auto}.health-track span{position:absolute;top:-2px;font-size:9px;font-weight:800}.hud-player--one .health-track span{right:-27px}.hud-player--two .health-track span{left:-27px}.telemetry{display:flex;justify-content:space-between;margin-top:5px;font:9px Special Elite,serif;letter-spacing:.06em;opacity:.78}.telemetry b{color:#ffe199}.round-status{position:absolute;top:19px;left:50%;transform:translate(-50%);min-width:124px;text-align:center}.round-status:before,.round-status:after{content:"";position:absolute;top:11px;width:26px;height:1px;background:#ffffff73}.round-status:before{left:-34px}.round-status:after{right:-34px}.round-status span,.round-status small{display:block;text-transform:uppercase;letter-spacing:.2em;font-size:8px;opacity:.68}.round-status b{display:block;margin:1px 0;color:#ffe4a2;font:22px Special Elite,serif;letter-spacing:.08em}.hud-controls{position:absolute;bottom:18px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.hud-controls--one{left:22px}.hud-controls--two{right:22px}.hud-controls b{display:grid;place-items:center;width:27px;height:27px;border:1px solid currentColor}.alert-message{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) scale(.8);color:#fff1c6;font-size:clamp(48px,9vw,112px);font-weight:900;font-style:italic;letter-spacing:-.04em;opacity:0}.alert-message.is-active{animation:alert 1.2s cubic-bezier(.2,.8,.2,1)}@keyframes alert{0%{opacity:0;transform:translate(-50%,-50%) scale(1.4)}15%,60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.92)}}.compact-screen{background:#051015ad;-webkit-backdrop-filter:blur(8px) saturate(.65);backdrop-filter:blur(8px) saturate(.65)}.modal-card{width:min(460px,92vw);padding:42px;color:var(--ink);text-align:center;background:var(--paper);border:1px solid white;outline:5px solid rgba(10,28,35,.7);box-shadow:0 30px 90px #00000073}.modal-kicker{color:var(--signal-dark);font:12px Special Elite,serif;text-transform:uppercase;letter-spacing:.18em}.modal-card h2{margin:3px 0 -2px;font-size:68px;font-style:italic;line-height:1;letter-spacing:-.04em}.modal-card>p{margin:8px 0 25px;opacity:.64}.modal-card .start-button{margin:0 auto}.text-button{margin-top:20px;padding:4px;color:var(--ink);border:0;border-bottom:1px solid currentColor;background:none;cursor:pointer;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.13em}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 23px;background:#141e1e33;border:1px solid rgba(20,30,30,.2)}.result-stats div{padding:10px;background:#ffffff70}.result-stats small,.result-stats b{display:block;text-transform:uppercase}.result-stats small{font-size:9px;letter-spacing:.16em;opacity:.55}.result-stats b{margin-top:3px;font:18px Special Elite,serif}#rotate-notice{display:none}@media(max-height:760px){.masthead h1{font-size:clamp(52px,7.4vw,80px)}.masthead>p{display:none}.plane-portrait{height:54px}.briefing-panel{padding:12px 16px}.mode-row{margin-bottom:7px}.field-note{margin-top:8px}.copyright{margin-top:5px}}@media(max-width:720px){.menu-shell{justify-content:center}.eyebrow{display:none}.plane-grid{gap:5px}.plane-card{padding:8px}.plane-title{display:block}.plane-title small{display:block;margin-top:-4px}.plane-card dl,.control-preview{display:none}.launch-row{justify-content:center}.hud-player{width:34vw}}@media(orientation:portrait)and (max-width:700px){#rotate-notice{position:absolute;inset:0;z-index:100;display:grid;place-content:center;gap:6px;color:var(--cream);background:#102832;text-align:center;text-transform:uppercase;letter-spacing:.1em}#rotate-notice:before{content:"↻";font-size:48px;color:var(--gold)}#rotate-notice b{font-size:20px}#rotate-notice span{font-size:10px;opacity:.6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}