:root{color-scheme:dark;font-family:Manrope,system-ui,sans-serif;font-synthesis:none;--ink: #f5f1e6;--muted: rgba(231, 238, 238, .6);--panel: rgba(7, 16, 25, .68);--line: rgba(255, 255, 255, .14);--amber: #ffbb5b;--cyan: #78e6df}*{box-sizing:border-box}html,body,#game-canvas,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#07111c;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:none}#game-canvas{position:fixed;inset:0;display:block;outline:none}#app{position:fixed;inset:0;pointer-events:none}#app:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 44%,transparent 38%,rgba(2,6,10,.28) 100%),linear-gradient(180deg,rgba(2,7,13,.22),transparent 22%,transparent 72%,rgba(2,7,13,.38));mix-blend-mode:multiply}.boot{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#07111c;transition:opacity .6s ease,visibility .6s ease}.boot.ready{opacity:0;visibility:hidden}.boot__mark{display:grid;gap:14px;justify-items:center;color:var(--muted);font:500 11px/1 DM Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.boot__ring{width:52px;height:52px;border:1px solid rgba(255,255,255,.18);border-top-color:var(--amber);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button{font:inherit}.hud{opacity:0;visibility:hidden;transition:opacity .5s ease .18s,visibility .5s ease .18s}.hud.is-visible{opacity:1;visibility:visible}.topbar{position:absolute;z-index:5;top:max(18px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand b{font-size:15px;letter-spacing:.16em}.brand em{padding-left:11px;border-left:1px solid var(--line);color:var(--muted);font: 500 9px/1 DM Mono,monospace;letter-spacing:.13em}.brand__wing{width:26px;height:9px;border-top:2px solid var(--amber);border-radius:70% 10% 0 0;transform:skew(-24deg) rotate(-8deg)}.mission-clock{position:absolute;left:50%;display:grid;gap:4px;text-align:center;transform:translate(-50%)}.mission-clock span,.score-panel>span,.instrument>span,.throttle>span{color:var(--muted);font:500 8px/1 DM Mono,monospace;letter-spacing:.17em}.mission-clock b{font:500 17px/1 DM Mono,monospace;letter-spacing:.08em}.icon-button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:50%;background:#050d1461;backdrop-filter:blur(12px);pointer-events:auto;cursor:pointer}.icon-button span{width:2px;height:10px;background:var(--ink)}.flight-data{position:absolute;z-index:4;top:92px;left:max(24px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(3,minmax(72px,auto)) 36px;gap:16px;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#050f18c2,#08151d73);backdrop-filter:blur(16px) saturate(140%);box-shadow:0 18px 50px #0000001f,inset 0 1px #ffffff0a}.instrument{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:5px}.instrument>span{grid-column:1 / -1;margin-bottom:6px}.instrument strong{font:500 24px/.9 DM Mono,monospace;letter-spacing:-.05em}.instrument small{color:var(--muted);font:500 7px/1 DM Mono,monospace}.instrument--vertical strong{font-size:18px;color:var(--cyan)}.instrument--vertical strong.is-negative{color:#ff9b72}.throttle{display:grid;grid-template-columns:7px 5px 12px;gap:5px;align-items:end}.throttle>span{writing-mode:vertical-rl;transform:rotate(180deg)}.throttle>b{font:500 9px/1 DM Mono,monospace}.throttle__track{width:4px;height:39px;overflow:hidden;border-radius:2px;background:#ffffff1f}.throttle__track i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(to top,var(--amber),#fff1bd);transform:scaleY(.08);transform-origin:bottom}.score-panel{position:absolute;z-index:4;top:92px;right:max(24px,env(safe-area-inset-right));display:grid;justify-items:end;gap:7px}.score-panel strong{font:500 30px/.9 DM Mono,monospace;letter-spacing:-.035em;transition:transform .2s}.score-panel strong.is-popping{transform:scale(1.12);color:var(--amber)}.gate-progress{display:flex;gap:4px}.gate-progress i{width:11px;height:2px;background:#ffffff2e}.gate-progress i.is-complete{background:var(--amber);box-shadow:0 0 7px #ffbb5bcc}.attitude{position:absolute;z-index:3;left:50%;top:50%;width:220px;height:150px;transform:translate(-50%,-50%)}.attitude__horizon{position:absolute;inset:0;transform-origin:50% 50%;transition:transform 70ms linear}.pitch{position:absolute;left:50%;width:68px;height:1px;margin-left:-34px;background:#ffffff85}.pitch span{position:absolute;right:75px;top:-4px;color:#ffffff8c;font:500 7px/1 DM Mono,monospace}.pitch--up{top:38px}.pitch--center{top:75px;width:110px;margin-left:-55px}.pitch--down{top:112px}.reticle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px}.reticle i{width:48px;height:10px;border-top:2px solid var(--amber)}.reticle i:first-child{border-left:2px solid var(--amber);transform:skew(26deg)}.reticle i:last-child{border-right:2px solid var(--amber);transform:skew(-26deg)}.reticle b{width:6px;height:6px;border:1px solid var(--amber);border-radius:50%}.flight-path{position:absolute;left:calc(50% - 9px);top:calc(50% - 9px);width:18px;height:18px;border:1px solid rgba(255,255,255,.7);border-radius:50%;transition:transform 90ms linear}.compass{position:absolute;z-index:4;top:72px;left:50%;display:flex;align-items:center;gap:7px;transform:translate(-50%);font:500 9px/1 DM Mono,monospace}.compass span{color:var(--muted);font-size:7px;letter-spacing:.12em}.compass b{min-width:26px}.compass__caret{position:absolute;left:50%;top:18px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--amber)}.objective{position:absolute;z-index:4;left:50%;bottom:max(40px,env(safe-area-inset-bottom));min-width:290px;display:grid;gap:4px;padding:12px 18px 13px;border:1px solid var(--line);border-radius:12px;background:#050e1694;backdrop-filter:blur(16px);text-align:center;transform:translate(-50%)}.objective__eyebrow{color:var(--amber);font:500 8px/1 DM Mono,monospace;letter-spacing:.16em}.objective strong{font-size:13px}.objective em{color:var(--muted);font: 500 8px/1 DM Mono,monospace}.radar{position:absolute;z-index:4;right:max(24px,env(safe-area-inset-right));bottom:max(34px,env(safe-area-inset-bottom));width:170px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#050e1687;backdrop-filter:blur(14px)}.radar__label{display:flex;justify-content:space-between;color:var(--muted);font:500 7px/1 DM Mono,monospace;letter-spacing:.12em}.radar__label b{color:var(--ink)}.radar canvas{width:100%;height:105px;display:block;margin-top:4px}.warning{position:absolute;z-index:8;left:50%;top:29%;display:grid;gap:4px;justify-items:center;opacity:0;transform:translate(-50%,-12px) scale(.92);transition:.18s ease}.warning.is-visible{opacity:1;transform:translate(-50%) scale(1);animation:warn .7s infinite alternate}.warning span{padding:5px 11px;color:#1b0905;background:#ff7354;font:800 14px/1 DM Mono,monospace;letter-spacing:.18em}.warning small{color:#ffd1c7;font:600 8px/1 DM Mono,monospace;letter-spacing:.12em}@keyframes warn{to{filter:brightness(1.45)}}.toast{position:absolute;z-index:8;left:50%;top:19%;display:flex;align-items:center;gap:14px;padding:10px 13px 10px 16px;border:1px solid rgba(255,189,92,.32);border-radius:999px;background:#0c1418ad;backdrop-filter:blur(16px);opacity:0;transform:translate(-50%,-15px) scale(.94);transition:.3s ease}.toast.is-visible{opacity:1;transform:translate(-50%) scale(1)}.toast span{font-size:11px}.toast b{color:var(--amber);font:500 13px/1 DM Mono,monospace}.toast[data-tone=danger]{border-color:#ff644b66}.toast[data-tone=danger] b{color:#ff7b62}.panel{position:absolute;z-index:20;inset:0;pointer-events:none}.intro{display:grid;grid-template-columns:minmax(0,1fr) 70px;opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease;pointer-events:auto}.intro.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro__wash{position:absolute;inset:0;background:linear-gradient(90deg,#030a11e0,#040c1494 38%,#040c1414 72%)}.intro__content{position:relative;z-index:2;align-self:center;width:min(600px,72vw);margin-left:clamp(34px,8vw,132px)}.kicker{color:var(--amber);font:500 9px/1 DM Mono,monospace;letter-spacing:.17em}.kicker i{display:inline-block;width:24px;height:1px;margin:0 9px 3px 0;background:var(--amber)}.intro h1{margin:17px 0 10px;font-size:clamp(82px,12vw,174px);line-height:.78;letter-spacing:-.085em;font-weight:800}.intro h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55)}.intro p{width:min(460px,80%);margin:26px 0 30px;color:#f2f5f2b3;font-size:clamp(14px,1.4vw,17px);line-height:1.6}.mission-spec{display:flex;gap:36px;margin-bottom:32px}.mission-spec div{display:grid;gap:6px}.mission-spec span,.result-score span,.result-stats span{color:var(--muted);font:500 8px/1 DM Mono,monospace;letter-spacing:.13em}.mission-spec b{font:500 11px/1 DM Mono,monospace;letter-spacing:.04em}.primary-button{width:230px;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 20px;border:0;border-radius:4px;background:var(--amber);color:#16110a;font-size:11px;font-weight:800;letter-spacing:.09em;cursor:pointer;pointer-events:auto;transition:transform .18s,filter .18s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary-button i{width:40px;height:40px;display:grid;place-items:center;border-radius:3px;background:#140c041a;font-style:normal;font-size:17px}.controls-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;color:var(--muted);font:500 7px/1 DM Mono,monospace;letter-spacing:.1em}.controls-legend span{display:flex;align-items:center;gap:6px}kbd{padding:4px 6px;border:1px solid var(--line);border-radius:3px;color:#ffffffd9;background:#ffffff0f;font:inherit}.intro__side{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:18px;border-left:1px solid var(--line);writing-mode:vertical-rl;padding:24px 0}.intro__side span{color:var(--muted);font:500 8px/1 DM Mono,monospace;letter-spacing:.18em}.intro__side i{flex:1;width:1px;max-height:130px;background:var(--line)}.intro__side b{font:500 18px/1 DM Mono,monospace}.cinema-bars{position:absolute;z-index:14;inset:0;pointer-events:none}.cinema-bars i{position:absolute;left:0;right:0;height:5.5vh;background:#03070a;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.cinema-bars i:first-child{top:0}.cinema-bars i:last-child{bottom:0}.game-running .cinema-bars i:first-child{transform:translateY(-100%)}.game-running .cinema-bars i:last-child{transform:translateY(100%)}.pause-panel,.result-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#03090ec2;backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:.35s ease}.pause-panel.is-visible,.result-panel.is-visible{opacity:1;visibility:visible;pointer-events:auto}.pause-panel h2,.result-panel h2{margin:14px 0 22px;font-size:clamp(48px,7vw,92px);letter-spacing:-.055em;line-height:.9}.text-button{margin-top:20px;border:0;color:var(--muted);background:transparent;text-decoration:underline;cursor:pointer}.result-panel p{margin:0 0 27px;color:var(--muted)}.result-score{display:grid;gap:6px;margin-bottom:25px}.result-score b{color:var(--amber);font:500 clamp(40px,6vw,70px)/1 "DM Mono",monospace}.result-stats{display:flex;gap:48px;padding:19px 30px;margin-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats div{display:grid;gap:7px}.result-stats b{font:500 14px/1 DM Mono,monospace}.result-panel[data-result=crash] .kicker,.result-panel[data-result=crash] .result-score b{color:#ff7d62}.renderer-chip{position:absolute;z-index:4;top:auto;right:max(24px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;color:#ffffff6b;font:500 7px/1 DM Mono,monospace;letter-spacing:.14em}.game-running .renderer-chip{right:auto;left:max(24px,env(safe-area-inset-left))}.damage-flash{position:absolute;z-index:30;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 30%,rgba(255,52,26,.66))}.damage-flash.is-visible{animation:damage .68s ease-out}@keyframes damage{0%{opacity:.9}to{opacity:0}}.touch-controls{display:none}@media(max-width:800px),(hover:none)and (pointer:coarse){.topbar{top:max(12px,env(safe-area-inset-top));left:14px;right:14px}.brand em,.mission-clock span{display:none}.mission-clock{top:5px}.flight-data{top:63px;left:12px;right:12px;grid-template-columns:repeat(3,1fr) 30px;gap:8px;padding:11px}.instrument strong{font-size:18px}.instrument--vertical strong{font-size:14px}.instrument small{font-size:6px}.score-panel{top:128px;right:14px}.score-panel strong{font-size:23px}.compass{top:130px}.radar{display:none}.objective{bottom:calc(max(16px,env(safe-area-inset-bottom)) + 112px);min-width:250px;padding:9px 13px}.attitude{width:170px;transform:translate(-50%,-45%)}.reticle i{width:34px}.toast{top:24%}.renderer-chip{display:none}.intro{grid-template-columns:1fr}.intro__side{display:none}.intro__content{width:auto;margin:0 26px}.intro h1{font-size:clamp(68px,24vw,105px)}.intro p{width:95%;margin:20px 0 24px}.mission-spec{gap:15px;margin-bottom:24px}.mission-spec b{font-size:9px}.controls-legend{display:none}.primary-button{width:100%;max-width:310px}.touch-controls.is-visible{display:flex}.touch-controls{position:absolute;z-index:7;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));align-items:flex-end;justify-content:space-between;pointer-events:none}.joystick{position:relative;width:98px;height:98px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#040c1252;backdrop-filter:blur(7px);pointer-events:auto}.joystick:before,.joystick:after{content:"";position:absolute;background:#ffffff1a}.joystick:before{left:50%;top:12px;bottom:12px;width:1px}.joystick:after{top:50%;left:12px;right:12px;height:1px}.joystick>span{position:absolute;left:50%;bottom:-11px;color:#ffffff61;font:500 6px/1 DM Mono,monospace;transform:translate(-50%);white-space:nowrap}.joystick i{position:absolute;left:calc(50% - 19px);top:calc(50% - 19px);width:38px;height:38px;border:1px solid rgba(255,190,92,.6);border-radius:50%;background:#ffbb5b29;box-shadow:0 0 20px #ffbb5b1f}.touch-actions{display:grid;grid-template-columns:repeat(3,50px);gap:7px;pointer-events:auto}.touch-actions button{height:52px;display:grid;place-items:center;gap:1px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fffc;background:#040c125c;backdrop-filter:blur(7px);font:500 6px/1 DM Mono,monospace}.touch-actions button span{font:500 15px/1 Manrope,sans-serif}.touch-actions button.is-held{border-color:var(--amber);background:#ffbb5b33}.result-stats{gap:20px;padding:16px 10px}}@media(max-height:620px)and (orientation:landscape){.intro__content{transform:scale(.82);transform-origin:left center}.flight-data{top:56px}.score-panel{top:62px}.objective,.radar{bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}