@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--mint:#a5ffe0;--muted:#78909e}*{box-sizing:border-box}body{margin:0;background:#060d18;color:#e4f0f0;font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}main{min-height:100svh;display:grid;grid-template-columns:minmax(230px,1fr) minmax(320px,450px) minmax(220px,1fr);gap:6vw;max-width:1550px;margin:auto;padding:35px 5vw;align-items:center}.intro,.notes{height:min(830px,90svh);display:flex;flex-direction:column;justify-content:space-between}.brand{text-decoration:none;color:var(--mint);font-weight:700;letter-spacing:5px;font-size:19px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--mint);font-weight:700}h1{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:clamp(52px,5.8vw,86px);line-height:.95;letter-spacing:-1px;margin:23px 0}.lede{font-size:15px;line-height:1.9;color:#8ea5b3}.mission{border-top:1px solid #25333f;margin-top:35px;padding-top:24px}.mission span{font-size:11px;letter-spacing:2px}.mission p{font-size:14px;color:#9aafba}.mission small{font-size:9px;letter-spacing:1.6px;color:#6d8493}footer{font-size:8px;letter-spacing:1px;line-height:2.4;color:#759090}footer span{letter-spacing:0;color:#506774}.cabinet{position:relative;width:100%;height:min(850px,92svh);min-height:560px;border:1px solid #30404d;box-shadow:0 24px 100px #0008;border-radius:14px;overflow:hidden;background:#071322;isolation:isolate}canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}.hud,.status,.bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.hud{top:24px}.hud small{display:block;font-size:8px;letter-spacing:2px;color:#90aebd}.hud strong{font-size:22px;letter-spacing:3px;font-variant-numeric:tabular-nums}.hudright{display:flex;align-items:center;gap:10px}.hud button{pointer-events:auto;border:1px solid #52707a66;background:#0b1a29aa;color:#b3d4db;border-radius:6px;height:36px;padding:0 10px;font-size:8px;letter-spacing:1px}#pause{font-size:18px}.status{top:81px;font-size:9px;letter-spacing:1.4px;color:#91adba}#lives{color:var(--mint);font-size:14px}.bottom{bottom:max(20px,env(safe-area-inset-bottom));align-items:end}.bottom small{display:block;font-size:9px;letter-spacing:1.4px;color:var(--mint)}.bottom>div>span{display:block;font-size:8px;letter-spacing:1.2px;color:#65808f;margin-top:8px}#pulse{pointer-events:auto;border:1px solid #96fcd084;color:var(--mint);background:#153433d9;padding:12px 17px;border-radius:8px;font-size:11px;letter-spacing:1.5px}#pulse span{font-size:23px;vertical-align:middle;margin-right:6px}#pulse small{font-size:7px;margin:3px 0 0 23px}#pulse:disabled{opacity:.4;cursor:default}.overlay{position:absolute;inset:110px 0 95px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(transparent,#071522e8 35%,#071522eb 75%,transparent);padding:16px 28px}.overlay[hidden]{display:none}.emblem{font-size:56px;color:var(--mint);text-shadow:0 0 40px #63ffb866;line-height:1.1}h2{font-family:'Barlow Condensed',sans-serif;font-size:66px;line-height:.9;letter-spacing:3px;margin:10px 0 16px}#description{font-size:12px;color:#a1b6c2;margin:0 0 18px}.brief{text-align:left;font-size:10px;line-height:1.8;color:#91aab9;margin-bottom:20px}.brief b{color:var(--mint);margin-right:12px;font-size:9px}.primary{width:100%;background:var(--mint);color:#102c2b;border:0;border-radius:5px;padding:18px 20px;font-weight:700;letter-spacing:1.8px;font-size:11px;text-align:left}.primary span{float:right;font-size:18px}.record{font-size:8px;letter-spacing:1.7px;color:#718f9c;margin-top:19px}.tag{font-size:8px;letter-spacing:1.5px;color:#8ba3af}.tag i{display:inline-block;background:var(--mint);width:5px;height:5px;border-radius:50%;margin-right:8px}.notes svg{width:150px;display:block;margin:25px auto;filter:drop-shadow(0 8px 18px #7dffd625)}h3{font-size:24px;font-weight:500;margin-bottom:12px}.notes p:not(.eyebrow){font-size:12px;line-height:1.9;color:#7e99a9}.spec{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;border-top:1px solid #25333f;padding-top:24px;font-size:10px}.spec span{font-size:8px;letter-spacing:1px;color:#688291}.spec b{font-weight:400;color:#adc6d0}.desktop{border-top:1px solid #25333f;padding-top:16px}#bossbar{position:absolute;top:110px;left:24px;right:24px;font-size:8px;letter-spacing:3px;color:#ffac8d}#bossbar i{display:block;margin-top:8px;background:#573a3a;height:4px}#bosshp{display:block;background:#ffac8d;height:100%;width:100%}button:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:1050px){main{gap:4vw;padding:24px 4vw;grid-template-columns:1fr minmax(320px,440px)}.notes{display:none}}@media(max-width:650px){body{overflow:hidden}main{display:block;padding:0;height:100dvh;min-height:0}.intro,.notes{display:none}.cabinet{height:100dvh;min-height:0;max-width:500px;margin:auto;border:0;border-radius:0}.hud{top:max(20px,env(safe-area-inset-top))}.overlay{inset:105px 0 90px}.status{top:76px}h2{font-size:64px}}@media(max-height:700px){.emblem{font-size:30px}h2{font-size:48px}.brief{margin-bottom:10px;line-height:1.3}.overlay .eyebrow{margin:6px}.record{margin:10px}.primary{padding:14px 18px}}
/* Flight revision 02 */
body{background:radial-gradient(ellipse at 50% 20%,#112139 0,#050b16 65%)}.cabinet{background:#030713;box-shadow:0 0 0 1px #8fdcff0a,0 24px 100px #0009,0 0 90px #1b5f8a18}.overlay{background:linear-gradient(transparent,#071222d9 35%,#071222df 75%,transparent);backdrop-filter:blur(2px)}.hud strong{text-shadow:0 0 22px #73d8ff55}.hud button{background:#0c1b30b8;backdrop-filter:blur(12px)}.loadout{position:absolute;top:104px;left:22px;right:22px;color:#bed8ef;font-size:8px;letter-spacing:1px;background:#071326a6;border:1px solid #87c4f522;border-radius:4px;padding:7px 8px;pointer-events:none;text-align:center;backdrop-filter:blur(8px)}#bossbar{top:141px}#pickup-toast{position:absolute;bottom:150px;left:15px;right:15px;text-align:center;font-size:12px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 9px #000;pointer-events:none;opacity:0;transition:opacity .15s}.bottom{padding-top:10px}#pulse{box-shadow:inset 0 0 22px #86ffe715,0 0 24px #77ffdb12;backdrop-filter:blur(10px)}.primary{box-shadow:0 8px 36px #7dffd322;background:linear-gradient(120deg,#c3fff0,#7ae9e2)}.emblem{text-shadow:0 0 35px #62dfff90}.brief{font-size:10px}.notes .desktop p:not(.eyebrow){font-size:11px}.overlay{inset:135px 0 100px}@media(max-width:650px){.loadout{top:100px;font-size:8px}.overlay{inset:131px 0 99px}#bossbar{top:138px}}@media(max-height:700px){.overlay{padding-top:0;padding-bottom:0}.brief p{margin:8px 0}.overlay .emblem{font-size:24px}h2{font-size:42px}#description{margin-bottom:10px}.record{font-size:7px}}@media(prefers-reduced-motion:reduce){#pickup-toast{transition:none}}
#hangar{display:block;width:170px;height:149px;margin:20px auto;filter:drop-shadow(0 12px 20px #5bdfff30);touch-action:auto}
/* Cinematic hangar / flight build 0.4 */
.home[hidden]{display:none}.home{position:absolute;inset:0;z-index:5;padding:24px 24px 18px;display:flex;flex-direction:column;background:linear-gradient(180deg,#02081575,#030b1b05 35%,#02091655 65%,#030917f2);overflow:hidden}.hangar-mode .cabinet>.hud,.hangar-mode .cabinet>.status,.hangar-mode .cabinet>.loadout,.hangar-mode .cabinet>.bottom{visibility:hidden}.home-top{display:flex;justify-content:space-between;align-items:center;letter-spacing:1.4px;font-size:8px;color:#c1d9e8}.online-dot{color:#8bdfca;font-size:7px}.online-dot:before{content:'';display:inline-block;width:4px;height:4px;background:#8bffda;border-radius:50%;margin-right:5px;box-shadow:0 0 7px #8bffda}.home-title{text-align:center;margin-top:26px;position:relative;z-index:2}.home-title p{font-size:8px;letter-spacing:4px;color:#90b7ca;margin:0 0 9px}.home-title h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(60px,7vw,82px);font-weight:800;letter-spacing:2px;margin:0;line-height:.9;color:#f2f6fa;text-shadow:0 4px 30px #57bfff55;transform:skew(-6deg)}.home-title h2 span{color:#e8bd82}.home-title>div{font-size:8px;letter-spacing:3px;color:#96b4c8;margin-top:14px}.home-title b{color:#f8b775;padding:0 5px}.ship-showcase{position:relative;flex:1;min-height:130px;display:flex;align-items:center;justify-content:center;margin:0 -10px}.ship-showcase canvas{position:absolute;width:100%;height:100%;object-fit:contain;z-index:2;filter:drop-shadow(0 16px 13px #000b) drop-shadow(0 0 12px #5ac4ff35);animation:ship-hover 6s ease-in-out infinite}.ship-aura{position:absolute;width:75%;height:80%;border-radius:50%;background:radial-gradient(ellipse,#1e9acb30,transparent 65%);filter:blur(10px)}.orbit{position:absolute;width:76%;aspect-ratio:1;border-radius:50%;border:1px solid #7ab7d838;transform:rotateX(35deg);box-shadow:0 0 50px #3c9dd211,inset 0 0 60px #2f74aa11}.orbit:after{content:'';position:absolute;inset:8px;border-radius:50%;border:1px dashed #98d5f535}.orbit-one{animation:orbit-spin 32s linear infinite;border-left:2px solid #ffbe7c99;border-right:2px solid #6acbff99}.orbit-two{width:92%;border-style:dashed;border-color:#89bdd21c;animation:orbit-spin 45s linear infinite reverse}.orbit-cross{position:absolute;width:80%;height:1px;background:linear-gradient(90deg,transparent,#83c8f044,transparent);transform:rotate(-32deg)}.ship-label{position:absolute;left:0;bottom:14%;font-size:10px;letter-spacing:3px;color:#fff;z-index:3;text-shadow:0 2px 10px #000}.ship-label b{font-weight:400;color:#e7ba89;font-size:8px}.ship-label small{display:block;font-size:6px;letter-spacing:1.5px;margin-top:6px;color:#9fb8ca}.ship-number{position:absolute;right:0;top:21%;font-family:'Barlow Condensed',sans-serif;font-size:64px;font-weight:700;color:#d9f1ff16;-webkit-text-stroke:1px #abcce523}.home-actions{position:relative;z-index:4}.mission-strip{display:flex;justify-content:space-between;padding:12px 1px;border-top:1px solid #83bdd02b;margin-bottom:13px;font-size:6px;letter-spacing:1px;color:#7696ad}.mission-strip b{display:block;font-size:9px;letter-spacing:.7px;font-weight:500;margin-top:5px;color:#c9dce8}.mission-strip span:last-child{text-align:right}.launch{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:74px;text-align:left;border:0;padding:13px 20px;color:#fff1d8;background:linear-gradient(105deg,#684121 0,#c2823b 2%,#583a26 3%,#2c2023 48%,#4c3429 93%,#bd8650 94%,#e9b275);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);font-family:'Barlow Condensed',sans-serif;font-size:24px;font-weight:700;letter-spacing:2px;transition:filter .2s,transform .2s;isolation:isolate}.launch:before{content:'';position:absolute;inset:1px;border:1px solid #f6b96c80;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);z-index:-1;background:linear-gradient(110deg,transparent 20%,#ffc87517 45%,transparent 70%);background-size:250% 100%;animation:launch-sheen 4s ease-in-out infinite}.launch small{display:block;font:7px 'DM Sans',sans-serif;letter-spacing:2.3px;color:#d1a16a;margin-bottom:5px}.launch-icon{color:#ffd4a1;font-size:33px;font-weight:400;text-shadow:0 0 20px #ffb76a88}.launch>b{margin-left:auto;color:#ffdcb5;font-size:28px;font-weight:400}.launch:hover{filter:brightness(1.25)}.launch:active{transform:scale(.98)}.home-controls{font-size:6px;letter-spacing:1.3px;text-align:center;color:#86a2b7;margin:12px 0 16px}.music-toggle{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #5b9bb13b;background:linear-gradient(110deg,#14273aa6,#0b1629c9);color:#b6d8ea;padding:11px 13px;text-align:left;border-radius:3px;font-size:8px;letter-spacing:1.4px;backdrop-filter:blur(10px)}.music-toggle small{display:block;font-size:6px;letter-spacing:1px;color:#64869c;margin-top:5px}.music-toggle>b{margin-left:auto;color:#e7b67f}.equalizer{display:flex;align-items:center;height:22px;gap:3px}.equalizer i{display:block;width:2px;height:8px;background:#e6b77f}.equalizer i:nth-child(2){height:20px}.equalizer i:nth-child(3){height:14px}.equalizer i:nth-child(4){height:10px}.is-playing .equalizer i{animation:eq .47s ease-in-out infinite alternate}.is-playing .equalizer i:nth-child(2){animation-delay:-.16s}.is-playing .equalizer i:nth-child(3){animation-delay:-.32s}.home-footer{display:flex;justify-content:space-between;margin-top:13px;color:#4c6a7d;font-size:6px;letter-spacing:1px}.secondary{border:1px solid #54758866;color:#9bb9c9;background:#0a1b2bb0;padding:10px 16px;margin-top:12px;letter-spacing:2px;font-size:8px;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)}.primary{background:linear-gradient(110deg,#452e24,#895f38 70%,#ba8a50);color:#ffe6c4;border:1px solid #e6b06e;box-shadow:0 0 25px #ffb05615;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}#pulse{border-color:#8dd6e380;background:linear-gradient(140deg,#203e50e8,#0a1829e8);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);border-radius:0}.hud button{border-radius:2px;border-color:#88b6d044;background:linear-gradient(140deg,#1b3249e8,#0a1424dd)}.home button:focus-visible{outline:2px solid #fff;outline-offset:-5px}.hangar-mode .cabinet{border-color:#5f7c9580;box-shadow:0 0 100px #165d991f,0 25px 80px #0009}
@keyframes ship-hover{0%,100%{transform:translateY(-4px) rotate(-3deg)}50%{transform:translateY(5px) rotate(2deg)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes launch-sheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}@keyframes eq{to{transform:scaleY(.3)}}
@media(max-width:650px){.home{padding-top:max(22px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}.home-title h2{font-size:72px}}@media(max-height:730px){.home{padding:18px 22px 14px}.home-title{margin-top:18px}.home-title h2{font-size:62px}.home-title p{font-size:7px}.home-title>div{margin-top:9px;font-size:7px}.mission-strip{padding:9px 0;margin-bottom:9px}.launch{min-height:62px;font-size:22px;padding:10px 17px}.home-controls{margin:9px 0 11px}.music-toggle{padding:9px 12px}.home-footer{margin-top:10px}.ship-showcase{min-height:100px}.ship-label{font-size:8px}.orbit{width:65%}.orbit-two{width:80%}}@media(max-height:580px){.home-title{margin-top:10px}.home-title h2{font-size:48px}.home-top{font-size:6px}.home-title p,.home-footer{display:none}.launch{min-height:55px}.home-controls{font-size:5px}.home{padding-top:12px}}@media(prefers-reduced-motion:reduce){.ship-showcase canvas,.orbit,.launch:before,.is-playing .equalizer i{animation:none}.launch{transition:none}}
.energy-track{position:absolute;top:99px;left:22px;right:22px;height:3px;background:#193544;pointer-events:none}.energy-track i{display:block;width:100%;height:100%;background:#8eead4;box-shadow:0 0 8px #66dab966;transition:width .2s}.hangar-mode .energy-track{visibility:hidden}.loadout{top:112px}#bossbar{top:149px}#lives{font-size:9px;letter-spacing:.7px}.hudright{gap:5px}.hud button{padding:0 7px;min-width:34px}#music-combat{font-size:9px}.status{font-size:8px;letter-spacing:.7px}.hud strong{font-size:20px;letter-spacing:2px}@media(max-width:650px){.energy-track{top:95px}.loadout{top:106px}#bossbar{top:143px}.hud small{font-size:7px}.hud button{font-size:7px}}@media(max-width:360px){.hud,.status,.bottom{left:14px;right:14px}.hud strong{font-size:18px}.hud button{padding:0 6px}}