:root{--bg:#070d10;--panel:#101a1e;--line:#304047;--ink:#e4edeb;--muted:#8faaa9;--cyan:#94ded9;--amber:#d9b47c;--red:#ff665d;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.35;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.2)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}#app{min-height:100dvh}.screen{min-height:100dvh;position:relative}#menu{height:100dvh;min-height:740px;overflow:hidden;padding-bottom:50px}.keyart,.grain,.vignette,.brief-art{position:absolute;inset:0;pointer-events:none}.keyart{background:url('./assets/keyart.webp') center center/cover no-repeat;animation:reveal 1.8s ease-out}.vignette{background:linear-gradient(90deg,rgba(4,12,15,.9) 0%,rgba(5,12,15,.62) 33%,transparent 67%),linear-gradient(0deg,#070e12 0%,transparent 48%,rgba(5,12,15,.45) 100%)}.grain{opacity:.13;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E");z-index:1}.topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:30px 4.6%;gap:20px}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:26px;font-weight:700;letter-spacing:3px}.brand svg{width:39px;height:43px;color:var(--cyan)}.brand-sub{display:block;font:8px monospace;letter-spacing:2px;margin-top:5px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:24px}.language{display:flex;gap:8px;align-items:center;font:11px monospace;color:#5d7677}.language button{padding:8px 3px;background:transparent;font:inherit;color:#8a9b9b}.language .active{color:#f0f5ed}.icon-button{background:transparent;font-size:22px;color:var(--cyan)}.install{border:1px solid #54706f;background:#0b1b1dad;padding:12px 16px;font:11px monospace;letter-spacing:.4px;display:flex;gap:10px;align-items:center}.install>span:first-child{font-size:20px}.menu-content{position:relative;z-index:2;margin:55px 0 0 7.5%;max-width:650px}.eyebrow{font:10px monospace;letter-spacing:2.5px;color:var(--cyan);display:flex;align-items:center;gap:10px}.live-dot{width:5px;height:5px;display:inline-block;background:var(--cyan);box-shadow:0 0 10px #93e9df80;border-radius:50%}.amber{background:var(--amber);box-shadow:0 0 10px #d9b47c80}h1{font-size:clamp(48px,5.8vw,90px);line-height:.99;letter-spacing:-3px;font-weight:800;margin:28px 0 25px;position:relative;width:max-content}h1>span{color:#aec6c4;font-weight:400;letter-spacing:1px}h1>i{font:10px monospace;letter-spacing:0;color:var(--amber);position:absolute;right:-29px;top:7px}.tagline{font-size:clamp(19px,2.1vw,28px);line-height:1.35;font-weight:300;letter-spacing:-.5px;margin:0 0 18px}.intro{font-size:13px;line-height:1.8;color:#a4b5b3;max-width:350px}.launch-row{display:flex;align-items:center;gap:24px;margin-top:30px}.primary{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--cyan);color:#071416;padding:18px 23px;font:700 11px monospace;letter-spacing:1.1px;min-width:230px;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}.primary>span:last-child{font-size:20px;font-weight:400}.text-button{background:transparent;color:#c8d2ca;font:10px monospace;text-align:left;max-width:140px;line-height:1.6}.quick-info{display:flex;gap:24px;margin-top:24px;font:8px monospace;letter-spacing:.7px;color:#8caaa9}.quick-info i{color:var(--cyan);font-size:12px;font-style:normal;margin-right:4px}.signal-card{position:absolute;right:5%;bottom:210px;width:285px;z-index:2;border-top:1px solid #7e887740;border-bottom:1px solid #7e887740;padding:17px 0 14px;background:linear-gradient(90deg,transparent,#0a141830)}.signal-card>div:first-child{display:flex;gap:9px;align-items:center;font:8px monospace;letter-spacing:1.5px;color:var(--amber)}.signal-bars{margin-left:auto;font-size:12px}.signal-card blockquote{margin:18px 0;font-size:17px;line-height:1.5;letter-spacing:-.4px}.signal-card small{font:8px monospace;color:#c2d0c8;letter-spacing:1px}.signal-card small span{color:#648080}.waveform{height:18px;margin-top:15px;background:repeating-linear-gradient(90deg,transparent 0 3px,#8db4ac99 3px 4px);mask-image:linear-gradient(0deg,transparent,black 50%,transparent);opacity:.6}.bottom-console{position:absolute;z-index:3;left:4.6%;right:4.6%;bottom:70px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #53676266;border-bottom:1px solid #53676266;background:#0b1419a8;backdrop-filter:blur(12px)}.bottom-console>button{display:flex;gap:16px;text-align:left;align-items:center;padding:24px 20px;background:transparent;border-right:1px solid #53676250}.bottom-console>button:last-child{border:0}.bottom-console b{font:10px monospace;letter-spacing:1.1px;display:block}.bottom-console small{font:8px monospace;color:#8caaa9;display:block;margin-top:9px;letter-spacing:.3px}.console-icon{font-size:28px;color:#89b6b2;font-weight:300}.bottom-console>button>span:last-child{margin-left:auto;color:#839d98;font-size:14px}.menu-status{position:absolute;bottom:36px;left:4.6%;right:4.6%;display:flex;justify-content:space-between;color:#607d7d;font:8px monospace;letter-spacing:1px;z-index:2}.menu-status .live-dot{width:4px;height:4px;margin-right:7px}#copyright{position:fixed;bottom:0;left:0;width:100%;height:25px;display:flex;justify-content:center;align-items:center;padding-bottom:env(safe-area-inset-bottom);background:#050b0ee8;z-index:100;font:9px monospace;letter-spacing:1px}#copyright a{color:#91aaa8;text-decoration:none;padding:5px 14px}#copyright a:hover{color:var(--cyan)}.overlay-screen{padding:32px 5% 65px;background:#080f13;position:absolute;inset:0;min-height:100dvh;overflow:auto;z-index:5}.brief-art{background:linear-gradient(90deg,#080f13 5%,#080f13b8 65%,#080f1380),url('./assets/keyart.webp') center/cover;position:fixed}.panel-header{position:relative;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px}.close{color:#a5bcbc;font-size:28px;background:transparent;padding:5px 12px}.brief-layout{position:relative;display:grid;grid-template-columns:minmax(300px,600px) minmax(200px,350px);gap:8vw;margin:6vh auto 0;max-width:1100px}.brief-main h2{font-size:clamp(30px,4.5vw,64px);line-height:1.05;letter-spacing:-2px;margin:20px 0}.brief-main>p{font-size:14px;color:#b3c4c1;line-height:1.9;max-width:540px}.objective-box{margin:25px 0;padding:18px 20px;border:1px solid #43635f;border-left:2px solid var(--cyan);background:#10232388}.objective-box>span{font:9px monospace;letter-spacing:2px;color:var(--cyan)}.objective-box>p{font-size:13px;line-height:1.5;margin-bottom:0}.brief-meta{display:flex;gap:28px;flex-wrap:wrap}.brief-meta small{display:block;font:8px monospace;color:#819a99;margin-bottom:8px;letter-spacing:1px}.brief-meta b{font:10px monospace;color:#c0d0ca}.difficulty{display:flex;gap:20px;align-items:center;font:11px monospace;margin:28px 0 20px;color:#9cb3af}.difficulty select{background:#122326;border:1px solid #3b5a59;color:#d8e9e1;padding:9px 25px 9px 12px}.tip{font:10px/1.7 monospace!important;color:#7c9594!important}.mission-index{padding-top:0}.mission-item{display:flex;gap:16px;text-align:left;background:#0b161cb3;padding:20px 16px;width:100%;border-bottom:1px solid #314442}.mission-item.active{background:#1c3639aa;border-left:2px solid var(--cyan)}.mission-item .num{color:var(--amber);font:13px monospace}.mission-item b{font:12px monospace;display:block}.mission-item small{display:block;font:9px monospace;color:#839d98;margin-top:7px}.mission-item .state{margin-left:auto;color:var(--cyan)}.modal-wrap{position:fixed;inset:0;z-index:30;background:#02080bd9;backdrop-filter:blur(14px);display:flex;justify-content:center;align-items:center;padding:35px 20px 45px;overflow-y:auto}.modal{background:linear-gradient(145deg,#142226,#0c1419);border:1px solid #3c5757;max-width:680px;width:100%;padding:30px 35px;max-height:calc(100dvh - 75px);overflow-y:auto;box-shadow:0 25px 100px #0009}.modal>header{display:flex;justify-content:space-between;align-items:center}.modal h2{font-size:32px;font-weight:400;letter-spacing:-1px}.modal p{font-size:13px;color:#b1c4c2;line-height:1.8}.modal .primary{margin-top:23px}.compact{max-width:420px}.secondary{padding:14px 18px;border:1px solid #4a6866;background:transparent;color:#c0d2cc;font:11px monospace;letter-spacing:.5px}.compact .secondary{width:100%;margin-top:12px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.manual-grid>div{padding:15px;border:1px solid #334747}.manual-grid b{font:11px monospace;color:var(--cyan)}.manual-grid p{font-size:12px;margin-bottom:0}.scores{width:100%;border-collapse:collapse;font:12px monospace}.scores td,.scores th{text-align:left;padding:14px 8px;border-bottom:1px solid #2d4243}.scores th{font-size:9px;color:#8aa7a4}.scores td:nth-child(3){color:var(--cyan)}.loadout{display:flex;gap:15px;border:1px solid #334c4c;background:transparent;padding:18px;margin:12px 0;width:100%;text-align:left}.loadout.selected{border-color:var(--cyan);background:#233d3c}.loadout b{font:13px monospace}.loadout p{margin:5px 0}.loadout .symbol{font-size:30px;min-width:35px;color:var(--cyan)}.result-stats{display:flex;gap:30px;border-top:1px solid #395452;border-bottom:1px solid #395452;padding:22px 0;margin:25px 0}.result-stats small{font:8px monospace;letter-spacing:1px;color:#88a29e;display:block}.result-stats b{display:block;font:28px monospace;margin-top:12px;color:var(--cyan)}.callsign-label{display:flex;align-items:center;gap:25px;font:11px monospace;color:#94afaa}.callsign-label input{background:#091417;border:1px solid #3a5855;font:14px monospace;padding:12px;color:var(--ink);width:180px;text-transform:uppercase}.result-buttons{display:flex;gap:16px;align-items:end;margin-bottom:18px}#toast{position:fixed;top:85px;left:50%;transform:translateX(-50%);background:#1b3436;border:1px solid #577c76;color:#d1e3da;padding:14px 22px;max-width:90vw;z-index:200;font:12px/1.7 monospace;box-shadow:0 8px 50px #000a}.install-steps{color:#a5c0ba;font:12px/2 monospace;padding-left:20px}#game{position:fixed;inset:0;min-height:0;overflow:hidden;background:#010406;touch-action:none;user-select:none}#space,#hud{position:absolute;inset:0;width:100%;height:100%}#hud{pointer-events:none}#game-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px max(18px,env(safe-area-inset-right)) 14px max(18px,env(safe-area-inset-left));font:10px monospace;letter-spacing:1.5px;color:#93beb8;background:linear-gradient(#041014b8,transparent);pointer-events:none}#game-top>div{display:flex;gap:7px;pointer-events:auto}#game-top button{height:35px;width:35px;background:#0c1c2177;border:1px solid #34514d;font-size:18px;color:var(--cyan)}#comms{position:absolute;top:70px;left:50%;transform:translateX(-50%);background:#07171be0;border:1px solid #42605b;border-left:2px solid var(--cyan);display:flex;gap:13px;align-items:center;width:min(460px,60%);padding:12px 16px;opacity:0;transition:opacity .3s;pointer-events:none}#comms.show{opacity:1}#comms b{font:9px monospace;letter-spacing:1.5px;color:var(--cyan)}#comms p{margin:5px 0 0;font:12px/1.5 monospace;color:#d4e6de}.comms-icon{font-size:27px;color:var(--cyan)}#touch-actions,#dpad{display:none}#desktop-tip{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;text-align:center;font:8px monospace;letter-spacing:.8px;color:#678e89;pointer-events:none}#damage-flash{position:absolute;inset:0;box-shadow:inset 0 0 160px #ed3f24;opacity:0;pointer-events:none}#rotate{display:none}body.flying #copyright{background:#02080ac9;height:22px}body.flying{overflow:hidden}.sound-off{opacity:.45!important}#touch-actions button,#dpad button{touch-action:none;user-select:none;-webkit-user-select:none}.controls-touch #touch-actions{display:block;position:absolute;bottom:max(45px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));width:205px;height:165px}.controls-touch #touch-actions button{position:absolute;width:63px;height:49px;border:1px solid #78b9b17a;background:#0d30374d;color:#b4e1da;border-radius:8px;font:10px monospace;backdrop-filter:blur(3px)}.controls-touch #touch-actions .action-fire{width:85px;height:85px;border-radius:50%;left:0;top:5px;background:#16546166;border-color:#91d9cd;box-shadow:inset 0 0 20px #5cc6bc22;color:#c2ede6;font-weight:bold;font-size:13px}#missile{left:96px;top:5px}#boost{left:96px;top:65px}#wing{left:10px;top:105px}.controls-touch #dpad{position:absolute;display:grid;right:max(15px,env(safe-area-inset-right));bottom:46px;width:165px;height:165px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;opacity:.85}.controls-touch #dpad button{border:1px solid #72b6af6b;background:#0c2b324d;color:#a6ddd4;font-size:19px;border-radius:8px;backdrop-filter:blur(3px)}#up{grid-area:1/2}#left{grid-area:2/1}#right{grid-area:2/3}#down{grid-area:3/2}#dpad>span{grid-area:2/2;display:flex;align-items:center;justify-content:center;color:#64918c;border:1px solid #1c3d3e;border-radius:50%}.controls-touch #desktop-tip{display:none}.pressed{background:#48a5a977!important;box-shadow:0 0 20px #65c6bb44}body.flying .modal-wrap{touch-action:auto}#space{cursor:crosshair}
@keyframes reveal{from{transform:scale(1.04);opacity:.5}to{transform:scale(1);opacity:1}}
@media(min-width:1600px){.menu-content{margin-top:8vh}#menu{min-height:850px}.signal-card{bottom:230px}}
@media(max-width:1050px){.signal-card{right:5%;width:240px;bottom:200px}.menu-content{margin-left:6%;margin-top:45px}.bottom-console>button{padding:20px 13px;gap:10px}.console-icon{font-size:23px}.bottom-console b{font-size:9px}.bottom-console small{font-size:7px}.topbar{padding:24px 4.6%}}
@media(max-width:700px) and (orientation:portrait){#menu{height:auto;min-height:100dvh;padding-bottom:95px}.topbar{padding:22px 6%;gap:8px}.brand{font-size:22px;gap:6px}.brand-sub{display:none}.brand svg{width:30px}.top-actions{gap:12px}.install{font-size:10px;padding:8px 10px}.language{font-size:10px;gap:4px}.menu-content{margin:65px 6% 0;max-width:90%}h1{font-size:clamp(44px,11.4vw,76px);letter-spacing:-2px}.keyart{background-position:63% 0;background-size:auto 720px}.vignette{background:linear-gradient(90deg,#061014c9,transparent),linear-gradient(0deg,#070e12 15%,#070e12aa 60%,transparent)}.tagline{font-size:24px}.intro{max-width:290px}.quick-info{gap:14px;font-size:7px;flex-wrap:wrap}.signal-card{position:relative;right:auto;bottom:auto;margin:45px 6% 30px;width:88%;padding:15px 0}.signal-card blockquote{font-size:16px;margin:12px 0}.waveform{display:none}.bottom-console{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr 1fr;margin:0 6%}.bottom-console>button{padding:20px 12px;border-bottom:1px solid #53676250}.bottom-console>button:nth-child(2){border-right:0}.bottom-console>button:nth-child(n+3){border-bottom:0}.menu-status{bottom:49px;font-size:7px;gap:10px}.status-coord{display:none}.brief-layout{display:flex;flex-direction:column;gap:35px;margin-top:30px}.brief-main h2{font-size:40px}.brief-main>p{font-size:13px}.brief-meta{gap:20px}.mission-item{padding:16px}.modal{padding:22px}.manual-grid{grid-template-columns:1fr}.result-stats{gap:20px}.result-stats b{font-size:22px}.result-stats small{font-size:7px}.result-buttons{flex-direction:column;align-items:stretch}.result-buttons .primary{width:100%}.callsign-label{gap:15px}}
@media(max-height:650px) and (orientation:landscape){#menu{min-height:100dvh;height:100dvh}.topbar{padding:13px 4%;}.brand{font-size:20px}.brand svg{width:27px;height:30px}.brand-sub{font-size:6px}.top-actions{gap:18px}.install{padding:6px 12px;font-size:9px}.menu-content{margin:16px 0 0 6%;max-width:57%}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:clamp(34px,6.2vw,64px);margin:14px 0;letter-spacing:-2px}.tagline{font-size:17px;margin-bottom:8px}.intro{font-size:10px;line-height:1.5;max-width:290px;margin:5px 0}.launch-row{margin-top:14px;gap:15px}.primary{padding:12px 18px;min-width:210px;font-size:10px}.primary>span:last-child{font-size:17px}.quick-info{margin-top:13px;font-size:6px;gap:16px}.quick-info i{font-size:9px}.signal-card{bottom:128px;width:220px;right:5%;padding:12px 0}.signal-card blockquote{font-size:14px;margin:12px 0}.signal-card>div:first-child{font-size:6px}.signal-card small{font-size:6px}.waveform{height:12px;margin-top:10px}.bottom-console{bottom:55px;left:4%;right:4%}.bottom-console>button{padding:12px 10px}.bottom-console b{font-size:8px;letter-spacing:.5px}.bottom-console small{font-size:6px;margin-top:6px}.console-icon{font-size:20px}.menu-status{bottom:34px;font-size:6px}.brief-layout{margin:22px auto 0;gap:5vw;grid-template-columns:1.5fr 1fr}.brief-main h2{font-size:32px;margin:12px 0}.brief-main>p{font-size:12px;line-height:1.6}.objective-box{padding:12px 15px;margin:16px 0}.brief-meta{gap:20px}.mission-item{padding:13px}.mission-item b{font-size:10px}.mission-item small{font-size:8px}.panel-header{padding-bottom:6px}.overlay-screen{padding:12px 4% 50px}.difficulty{margin:18px 0}.tip{font-size:8px!important}.modal{max-height:calc(100dvh - 55px);padding:20px 28px}.modal-wrap{padding:15px 20px 35px}.modal h2{font-size:26px;margin:15px 0}.modal p{font-size:11px}.result-stats{padding:12px 0;margin:16px 0}.result-stats b{font-size:24px;margin-top:8px}.result-buttons .primary{margin-top:10px}.callsign-label input{padding:8px}.controls-touch #touch-actions{transform:scale(.8);transform-origin:bottom left;bottom:31px}.controls-touch #dpad{width:135px;height:135px;bottom:33px}#game-top{padding-top:8px}#game-top button{width:30px;height:30px;font-size:16px}#comms{top:45px;padding:8px 12px;max-width:400px}#comms p{font-size:10px}#comms b{font-size:8px}#comms .comms-icon{font-size:20px}}
@media(orientation:portrait){body.flying #rotate{position:absolute;inset:0;background:#071216f5;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;padding:35px;text-align:center}#rotate>span{font-size:70px;color:var(--cyan);margin-bottom:25px}#rotate b{font-size:23px}#rotate p{font-size:14px;line-height:1.6;color:var(--muted)}#rotate button{margin-top:25px}}
@media(prefers-reduced-motion:reduce){.keyart{animation:none}}

.chapter-picker{display:flex;flex-direction:column;gap:9px;margin-bottom:13px;font:9px monospace;letter-spacing:1.5px;color:var(--cyan)}.chapter-picker select{max-width:100%;padding:12px 8px;border:1px solid #42645e;background:#0c2026;color:var(--ink);font:11px monospace;letter-spacing:0}.mission-context{font:10px/1.7 monospace!important;color:var(--amber)!important;letter-spacing:.7px}.mission-index{min-width:0}#mission-list{max-height:580px;overflow:auto;scrollbar-width:thin;scrollbar-color:#50756d #0a171c}.mission-item{padding:14px 13px}.mission-item.active{scroll-margin:20px}@media(max-height:650px) and (orientation:landscape){#mission-list{max-height:calc(100dvh - 165px)}.chapter-picker select{font-size:10px;padding:8px}.chapter-picker{gap:6px}.mission-item{padding:11px}.mission-context{font-size:8px!important}}