@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Barlow+Condensed:wght@400;600;700;800&display=swap";:root{color:#fff8df;font-family:Barlow Condensed,sans-serif;font-synthesis:none;background:#79cde8}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#game{position:fixed;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}#game.dragging{cursor:grabbing}.hidden{display:none!important}#menu,.result{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(19,61,75,.24),transparent 45%),radial-gradient(circle at 78% 50%,transparent 0 18%,rgba(10,45,58,.08) 19% 19.5%,transparent 20%),linear-gradient(180deg,#14607d0f,#f5c05b14)}#menu:before,#menu:after{content:"";position:absolute;pointer-events:none}#menu:before{inset:22px;border:1px solid rgba(255,248,223,.55)}#menu:after{width:min(68vw,940px);aspect-ratio:1;right:-22vw;top:-40vw;border:2px solid rgba(255,248,223,.2);border-radius:50%;box-shadow:0 0 0 80px #fff8df0a,0 0 0 160px #fff8df08}.hero-panel{width:min(92vw,680px);text-align:center;filter:drop-shadow(0 4px 0 rgba(18,60,72,.2));animation:rise .8s cubic-bezier(.2,.8,.2,1) both}.sun-mark{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;background:#eead3e;box-shadow:inset -10px -7px #dc7d37,0 0 0 7px #fff8df24}.kicker{margin:0 0 8px;color:#143b4a;font-weight:800;letter-spacing:.28em}h1,h2{margin:0;color:#fff8df;font-family:Archivo Black,sans-serif;line-height:.78;letter-spacing:-.07em;text-shadow:4px 5px 0 #173f4d}h1{font-size:clamp(68px,11vw,126px)}h1 em{color:#b92e2c;font-style:normal;text-shadow:4px 5px 0 #7a201f}.intro{margin:30px 0 24px;color:#153c4a;font-size:clamp(18px,2.4vw,24px);font-weight:600;line-height:1.5}button{min-width:230px;padding:14px 28px;color:#fff8df;border:2px solid #71201f;border-radius:4px;background:#b92e2c;box-shadow:0 6px #71201f;cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}button:hover{background:#cf3c37;transform:translateY(-2px);box-shadow:0 8px #71201f}button:active{transform:translateY(5px);box-shadow:0 1px #71201f}button:disabled,button:disabled:hover,button:disabled:active{color:#fff8df94;border-color:#123f5673;background:#277ca06b;box-shadow:0 4px #123f566b;cursor:not-allowed;transform:none}button span,button small{display:block}button span{font-family:Archivo Black,sans-serif;font-size:22px}button small{margin-top:2px;font-size:14px;letter-spacing:.18em}.secondary-button{display:block;min-width:150px;margin:18px auto 0;padding:8px 18px;color:#153c4a;border:1px solid rgba(20,59,74,.65);background:#fff8df33;box-shadow:0 3px #143b4a66;font-weight:800;letter-spacing:.12em}.secondary-button:hover{color:#fff8df;background:#143b4abf;box-shadow:0 5px #143b4a73}.menu-utility-buttons{display:flex;justify-content:center;gap:10px;margin-top:18px}.menu-utility-buttons .secondary-button{min-width:180px;margin:0}.online-button{display:block;min-width:230px;margin:15px auto 0;border-color:#123f56;background:#277ca0;box-shadow:0 6px #123f56}.online-button:hover{background:#3295bc;box-shadow:0 8px #123f56}.demo-button{display:block;min-width:230px;margin:15px auto 0;border-color:#70531f;background:#b9852d;box-shadow:0 6px #70531f}.demo-button:hover{background:#d09d3d;box-shadow:0 8px #70531f}.notice{margin-top:20px;color:#143b4ab3;font-size:14px;letter-spacing:.14em}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:1px 2px 0 rgba(17,45,55,.5)}.top-bar{display:grid;grid-template-columns:minmax(180px,340px) 1fr minmax(180px,340px);gap:22px;align-items:start;padding:24px 30px}.pilot-card{padding:10px 14px 14px;border-left:4px solid #f8e8bd;background:linear-gradient(90deg,rgba(18,49,61,.72),transparent)}.enemy-card{text-align:right;border-right:4px solid #f8e8bd;border-left:0;background:linear-gradient(-90deg,rgba(18,49,61,.72),transparent)}.eyebrow{display:block;font-size:12px;letter-spacing:.16em;opacity:.75}.pilot-card strong{font-family:Archivo Black,sans-serif;font-size:22px}.health-track{height:7px;margin-top:7px;overflow:hidden;border:1px solid rgba(255,248,223,.7);background:#0b2630a6;transform:skew(-15deg)}.health-track i{display:block;width:100%;height:100%;background:#e9b348;transition:width .18s}.enemy-card .health-track i{margin-left:auto;background:#54b8dc}.mission{text-align:center}.mission span{display:block;font-size:12px;letter-spacing:.22em}.mission strong{display:block;font-family:Archivo Black,sans-serif;font-size:26px}.flight-data{position:absolute;bottom:34px;left:30px;display:flex;gap:9px}.flight-data>div{min-width:98px;padding:9px 11px;border:1px solid rgba(255,248,223,.7);background:#113643a6;transform:skew(-5deg)}.flight-data span,.flight-data small{font-size:10px;letter-spacing:.14em;opacity:.75}.flight-data strong{margin:0 5px;font-family:Archivo Black,sans-serif;font-size:22px}.flight-data .boost-data{min-width:116px}.boost-track{width:100%;height:4px;margin-top:5px;padding:0;overflow:hidden;border:1px solid rgba(255,248,223,.55);background:#08232db3;transform:none}.boost-track i{display:block;width:100%;height:100%;background:#f3c550;box-shadow:0 0 8px #f3c550a6;transition:width .1s,background .16s}.boost-data.depleted .boost-track i{background:#b84a3f}.boundary-warning{position:absolute;top:24%;left:50%;display:grid;place-items:center;color:#ffe6a3;opacity:0;transform:translate(-50%);transition:opacity .18s}.boundary-warning strong{font-family:Archivo Black,sans-serif;font-size:clamp(22px,3vw,36px);letter-spacing:.05em}.boundary-warning span{font-size:15px;font-weight:700;letter-spacing:.14em}.boundary-warning.visible{opacity:1;animation:warning-pulse .8s ease-in-out infinite alternate}.controls-hint{position:absolute;right:30px;bottom:34px;display:flex;gap:8px;align-items:center;padding:9px 12px;color:#fff8dfd1;background:#1136438c;font-size:11px;letter-spacing:.08em}.controls-hint i{font-style:normal}.mobile-controls{display:none}.touch-device #hud:not(.demo-mode) .mobile-controls{position:absolute;inset:0;display:block;pointer-events:none}.mobile-joystick-zone{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));display:grid;place-items:center;gap:5px;pointer-events:auto;user-select:none;-webkit-user-select:none}.mobile-joystick{position:relative;width:132px;height:132px;border:2px solid rgba(255,248,223,.72);border-radius:50%;background:linear-gradient(#fff8df33,#fff8df33) center / 1px 72% no-repeat,linear-gradient(90deg,#fff8df33,#fff8df33) center / 72% 1px no-repeat,#0c2b376b;box-shadow:inset 0 0 24px #071c2457;touch-action:none}.mobile-joystick span{position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);width:50px;height:50px;border:2px solid #fff2c1;border-radius:50%;background:#bf372dd1;box-shadow:0 4px #071c2473;transition:background .1s;will-change:transform}.mobile-joystick.active span{background:#d54b3d}.mobile-joystick-zone small{color:#fff8dfbd;font-size:10px;font-weight:800;letter-spacing:.16em}.mobile-action-buttons{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;gap:12px;align-items:flex-end;pointer-events:auto}.mobile-action{width:82px;height:82px;min-width:0;padding:0;color:#fff8df;border:2px solid rgba(255,248,223,.82);border-radius:50%;background:#113643b8;box-shadow:0 5px #081f2880;text-shadow:1px 2px 0 rgba(17,45,55,.5);touch-action:none;user-select:none;-webkit-user-select:none}.mobile-action strong,.mobile-action small{display:block}.mobile-action strong{font-family:Archivo Black,sans-serif;font-size:15px}.mobile-action small{margin-top:2px;font-size:9px;letter-spacing:.16em;opacity:.68}.mobile-action.active{box-shadow:0 1px #081f2880;filter:brightness(1.25);transform:translateY(4px)}.fire-action{width:94px;height:94px;background:#b3312bcc}.boost-action{margin-bottom:72px;background:#d6972ac7}.settings-icon{position:absolute;right:30px;top:112px;min-width:0;width:auto;height:auto;padding:8px 13px;border:1px solid rgba(255,248,223,.7);border-radius:4px;background:#113643a6;box-shadow:none;font-family:Archivo Black,sans-serif;font-size:11px;pointer-events:auto}.home-button{position:absolute;left:30px;top:112px;min-width:0;padding:8px 13px;border:1px solid rgba(255,248,223,.7);background:#113643a6;box-shadow:none;font-family:Archivo Black,sans-serif;font-size:11px;pointer-events:auto}.home-button:hover{background:#113643e6;box-shadow:none}.demo-camera-button{position:absolute;top:112px;left:50%;min-width:0;padding:8px 14px;border:1px solid rgba(255,248,223,.7);background:#113643b8;box-shadow:none;font-family:Archivo Black,sans-serif;font-size:11px;pointer-events:auto;transform:translate(-50%)}.demo-camera-button:hover{background:#113643f2;box-shadow:none;transform:translate(-50%,-2px)}#hud.demo-mode .controls-hint{display:none}.settings-icon:hover{background:#113643e6;box-shadow:none}kbd{display:inline-block;min-width:19px;margin-right:2px;padding:2px 4px;text-align:center;border:1px solid rgba(255,248,223,.7);border-radius:2px;background:#ffffff1f}.target-ring{position:absolute;width:78px;height:78px;opacity:0;border:2px solid rgba(255,241,192,.9);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .12s}.target-ring:before,.target-ring:after{content:"";position:absolute;inset:50%;width:11px;height:2px;background:#fff2c1;transform:translate(-50%,-50%)}.target-ring:after{transform:translate(-50%,-50%) rotate(90deg)}.target-ring span{position:absolute;inset:-8px;border:1px dashed rgba(255,241,192,.65);border-radius:50%;animation:spin 9s linear infinite}.target-ring small{position:absolute;top:84px;width:100%;text-align:center;font-weight:700}.enemy-indicator{position:absolute;z-index:2;display:grid;min-width:74px;place-items:center;color:#fff2c1;opacity:0;transform:translate(-50%,-50%);transition:opacity .1s}.indicator-arrow{font-family:sans-serif;font-size:32px;line-height:.8;text-shadow:0 2px 0 rgba(13,43,54,.7);transform-origin:50% 50%}.enemy-indicator strong{margin-top:7px;font-family:Archivo Black,sans-serif;font-size:12px;letter-spacing:.08em}.enemy-indicator small,.enemy-indicator em{font-size:10px;font-style:normal;font-weight:700;letter-spacing:.08em}.enemy-indicator em{color:#8de1f3}.message{position:absolute;top:31%;width:100%;text-align:center;font-family:Archivo Black,sans-serif;font-size:clamp(28px,5vw,58px);letter-spacing:.04em;opacity:0;transition:opacity .2s}.result{background:#0f303cb3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.settings-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;overflow-y:auto;background:#0b2732b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.matchmaking{position:fixed;inset:0;z-index:12;display:grid;place-items:center;background:#0a2a37c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.matchmaking section{width:min(480px,88vw);padding:48px;text-align:center;border:2px solid #f8e8bd;background:#72c6df;box-shadow:12px 12px #08222c73}.matchmaking h2{max-width:100%;margin:10px 0 22px;font-size:clamp(38px,5vw,54px);line-height:.92;overflow-wrap:anywhere;letter-spacing:-.06em}.matchmaking p:not(.kicker){color:#143b4a;font-size:19px;font-weight:700}@media(max-width:620px){.matchmaking section{padding:36px 22px}.matchmaking h2{font-size:clamp(32px,11vw,46px)}}.radar-spinner{position:relative;width:90px;height:90px;margin:0 auto 24px;overflow:hidden;border:2px solid rgba(20,59,74,.7);border-radius:50%;background:linear-gradient(90deg,transparent 49%,rgba(20,59,74,.3) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(20,59,74,.3) 50%,transparent 51%)}.radar-spinner:before,.radar-spinner:after{content:"";position:absolute;border:1px solid rgba(20,59,74,.28);border-radius:50%}.radar-spinner:before{inset:20px}.radar-spinner:after{inset:35px}.radar-spinner i{position:absolute;left:50%;bottom:50%;width:45%;height:2px;background:#b92e2c;transform-origin:left center;animation:radar-sweep 1.2s linear infinite}.settings-panel{width:min(520px,100%);max-height:calc(100vh - 48px);padding:40px;overflow-y:auto;color:#153c4a;border:2px solid #f8e8bd;background:#77cbe3;box-shadow:12px 12px #08222c73}.settings-panel h2{margin:8px 0 24px;font-size:clamp(46px,9vw,74px)}.setting-select{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:12px;padding:14px 16px;border:1px solid rgba(20,59,74,.35);background:#fff8df38}.setting-select span{display:grid;gap:3px}.setting-select small{font-size:14px}.setting-select select{min-width:132px;padding:8px 10px;color:#153c4a;border:1px solid rgba(20,59,74,.45);border-radius:3px;background:#fff8df;font:inherit;font-weight:700}.setting-row,.setting-slider,.recovery-tip{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px;padding:14px 16px;border:1px solid rgba(20,59,74,.35);background:#fff8df38}.setting-row strong,.setting-slider strong,.recovery-tip strong{display:block;font-size:19px}.setting-row small,.recovery-tip small{display:block;margin-top:3px;font-size:14px}.setting-row input{width:24px;height:24px;accent-color:#b92e2c}.setting-slider{display:block}.setting-slider>span{display:flex;justify-content:space-between}.setting-slider input{width:100%;margin-top:16px;accent-color:#b92e2c}.recovery-tip{justify-content:flex-start}.recovery-tip kbd{min-width:48px;padding:10px;color:#fff8df;background:#163e4c;font-family:Archivo Black,sans-serif;font-size:20px}.settings-panel>button{display:block;margin:22px auto 0}.about-panel{color:#153c4a;line-height:1.55}.about-panel h2{margin-bottom:28px}.about-panel p{font-size:18px}.credits{margin:24px 0;border-top:1px solid rgba(20,59,74,.18);border-bottom:1px solid rgba(20,59,74,.18)}.credits div{display:grid;grid-template-columns:100px 1fr;padding:10px 0}.credits dt{font-weight:800}.credits dd{margin:0}.credits a{color:#1c6d8b}.fan-project-note{color:#143b4ab8;font-size:14px!important}.result section{min-width:min(540px,88vw);padding:60px;text-align:center;border:2px solid rgba(255,248,223,.72);background:#72c6df;box-shadow:13px 13px #0a273273}.result h2{margin:12px 0 24px;font-size:clamp(56px,9vw,96px);color:#f6e7bd}.result p:not(.kicker){color:#143b4a;font-size:21px;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes warning-pulse{0%{filter:brightness(.85)}to{filter:brightness(1.35)}}@keyframes radar-sweep{to{transform:rotate(360deg)}}@media(max-width:960px){#menu,.result{place-items:start center;overflow-y:auto;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}#menu:before{inset:8px}.hero-panel{width:min(100%,520px);min-height:100%;padding:10px 0}.sun-mark{width:50px;height:50px;margin-bottom:10px}h1{font-size:clamp(54px,18vw,80px)}.intro{margin:16px auto;font-size:16px;line-height:1.35}.hero-panel>button:not(.secondary-button){width:min(86vw,300px);min-width:0;padding:10px 18px}.hero-panel>button span{font-size:18px}.hero-panel>button small{font-size:12px}.menu-utility-buttons{gap:8px;margin-top:12px}.menu-utility-buttons .secondary-button{min-width:0;width:min(42vw,146px);padding:8px 9px;font-size:12px}.notice{margin:13px 0 0;font-size:11px}.top-bar{grid-template-columns:1fr 1fr;gap:8px;padding:max(8px,env(safe-area-inset-top)) 10px 0}.pilot-card{padding:5px 8px 8px}.pilot-card strong{display:block;max-width:38vw;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.eyebrow{font-size:9px}.mission{position:absolute;top:max(76px,calc(env(safe-area-inset-top) + 68px));left:50%;transform:translate(-50%)}.controls-hint{display:none}.settings-icon{top:max(76px,calc(env(safe-area-inset-top) + 68px));right:max(10px,env(safe-area-inset-right))}.home-button{top:max(76px,calc(env(safe-area-inset-top) + 68px));left:max(10px,env(safe-area-inset-left))}.demo-camera-button{top:max(160px,calc(env(safe-area-inset-top) + 152px))}.flight-data{top:max(118px,calc(env(safe-area-inset-top) + 110px));bottom:auto;left:50%;gap:4px;z-index:3;transform:translate(-50%)}.flight-data>div{min-width:72px;padding:5px 7px}.flight-data strong{margin:0 2px;font-size:15px}.flight-data .boost-data{min-width:88px}.intro br{display:none}.settings-overlay{display:block;padding:0;overflow:hidden;touch-action:pan-y}.settings-panel{width:100%;height:100%;height:100dvh;min-height:0;max-height:100dvh;padding:max(22px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:0;box-shadow:none;touch-action:pan-y;-webkit-overflow-scrolling:touch}.settings-panel h2{margin:6px 0 18px;font-size:clamp(38px,13vw,58px)}.setting-select,.setting-row,.setting-slider,.recovery-tip{gap:12px;margin-bottom:8px;padding:10px 12px}.setting-row strong,.setting-slider strong,.recovery-tip strong{font-size:16px}.setting-row small,.setting-select small,.recovery-tip small{font-size:12px}.setting-select select{min-width:108px;max-width:42%}.setting-slider input{margin-top:10px}.recovery-tip{display:none}.settings-panel>button{width:min(100%,300px);margin-top:16px}.about-panel p{margin:12px 0;font-size:16px}.about-panel h2{margin-bottom:20px}.credits{margin:16px 0}.credits div{grid-template-columns:78px minmax(0,1fr)}.credits dd,.credits a{overflow-wrap:anywhere}.result section{width:min(100%,520px);min-width:0;margin:auto;padding:34px 20px}.result h2{margin:10px 0 18px;font-size:clamp(48px,18vw,72px)}.result p:not(.kicker){font-size:17px}.matchmaking{padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));overflow-y:auto}.matchmaking section{width:min(100%,480px);padding:28px 18px}.matchmaking section button{min-width:0;width:min(100%,280px)}}@media(max-width:960px)and (max-height:600px)and (orientation:landscape){#menu{place-items:center}.hero-panel{min-height:0;padding:0}.sun-mark,.notice{display:none}.kicker{margin-bottom:4px;font-size:11px}h1{font-size:clamp(42px,12vh,60px)}.intro{max-width:680px;margin:8px auto 10px;font-size:13px}.hero-panel>button:not(.secondary-button){display:inline-block;width:29%;min-width:0;margin:0 1%;padding:7px 8px}.hero-panel>button span{font-size:15px}.hero-panel>button small{font-size:9px}.menu-utility-buttons{margin-top:9px}.settings-panel:not(.about-panel){display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;align-content:start}.settings-panel:not(.about-panel)>.kicker,.settings-panel:not(.about-panel)>h2,.settings-panel:not(.about-panel)>.recovery-tip,.settings-panel:not(.about-panel)>button{grid-column:1 / -1}.settings-panel:not(.about-panel) h2{margin-bottom:5px;font-size:36px}.setting-select,.setting-row,.setting-slider{margin:0;padding:7px 9px}.setting-row small,.setting-select small{display:none}.settings-panel:not(.about-panel)>button{margin-top:5px}.about-panel{max-width:680px;margin:0 auto}.about-panel h2{font-size:40px}}@media(max-width:760px)and (orientation:portrait){.mobile-joystick{width:118px;height:118px}.mobile-action{width:70px;height:70px}.fire-action{width:82px;height:82px}.boost-action{margin-bottom:64px}}