:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f1f7ff;background:#080c19}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #fff;outline-offset:5px}#game{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;isolation:isolate;background:#080c19}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:calc(24px + env(safe-area-inset-top)) 32px 0;pointer-events:none}.brand{font-size:17px;font-weight:900;letter-spacing:-.5px}.brand span{color:#bdfe6b;margin-left:3px}.score{text-align:center;font-variant-numeric:tabular-nums}.score small{display:block;font-size:11px;letter-spacing:2.5px;color:#a3afc6;margin-bottom:5px}.score strong{font-size:32px;font-weight:800;letter-spacing:-1px}.score>span{color:#99a6be;font-size:14px;margin-left:5px}.tools{display:flex;gap:8px;pointer-events:auto}.icon{background:#151e32aa;border:1px solid #ffffff20;border-radius:50%;width:46px;height:46px;font-size:20px;display:flex;align-items:center;justify-content:center;gap:2px}.icon span{font-size:8px;font-weight:bold}.flight-info{position:absolute;top:calc(110px + env(safe-area-inset-top));left:32px;right:32px;display:flex;justify-content:space-between;color:#aab9d3;font-size:12px;letter-spacing:2px;pointer-events:none}#lives{color:#bdfe6b;letter-spacing:4px}#notice{position:absolute;top:25%;left:0;right:0;text-align:center;pointer-events:none;color:#bdfe6b;font-size:15px;letter-spacing:2px;font-weight:bold;opacity:0;transition:opacity .2s}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#080c1966,transparent,#080c1966);padding:100px 24px 125px}.overlay[hidden]{display:none}.panel{text-align:center;width:420px;max-width:100%}.eyebrow{font-size:11px;letter-spacing:3px;color:#afbbd3;margin-bottom:20px}h1{font-size:clamp(54px,9vw,100px);font-weight:900;font-style:italic;line-height:.86;letter-spacing:-5px;margin:0;text-shadow:0 8px 40px #020711}h1 span{color:#bdfe6b}p{font-size:16px;line-height:1.6;color:#bdc7dc;margin:24px 0}.primary{border:0;border-radius:14px;background:#bdfe6b;color:#12210b;padding:20px 25px;min-width:260px;max-width:100%;font-weight:800;letter-spacing:1px;box-shadow:0 5px 36px #bdfe6b20}.primary span{margin-left:40px;font-size:22px}.primary:hover{background:#d5ff9f;transform:translateY(-1px)}.instructions{display:flex;justify-content:center;gap:32px;margin-top:26px}.instructions div{display:flex;flex-direction:column;gap:8px}.instructions b{font-size:10px;color:#8795b0;letter-spacing:2px}.instructions span{font-size:13px}.tip{font-size:12px;color:#99a8c1;margin:18px 0 0;line-height:1.5}.text-button{background:none;border:0;border-bottom:1px solid #67748c;font-size:13px;padding:6px 0;margin-top:16px;color:#bbc8df}.controls{position:absolute;bottom:0;left:0;right:0;padding:0 32px calc(25px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.hint{font-size:11px;letter-spacing:2px;color:#8595b3;padding-bottom:10px}.hint small{display:block;margin-top:10px;color:#c7d3e7;font-size:11px;letter-spacing:1px}.boost-wrap{width:152px;pointer-events:auto}.fuel-track{height:4px;background:#ffffff20;border-radius:3px;margin:0 10px 12px;overflow:hidden}#fuel{height:100%;width:100%;background:#bdfe6b;transform-origin:left}#boost{width:100%;height:64px;border-radius:18px;border:1px solid #bdfe6b77;background:#172623bb;box-shadow:inset 0 0 20px #bdfe6b08;color:#c5ff86;font-size:24px;font-weight:bold;touch-action:none;user-select:none;-webkit-user-select:none}#boost span{font-size:14px;letter-spacing:1px}#boost small{font-size:9px;display:block;letter-spacing:2px;margin-top:2px}#boost.active{background:#bdfe6b;color:#13220d;box-shadow:0 0 45px #bdfe6b44}#boost.depleted{border-color:#8b6770;color:#b7a0a6}.touch-copy{display:none}#results{font-size:36px;color:#fff;font-weight:800;margin:20px 0}#results small{font-size:14px;font-weight:normal;color:#a9bad6;display:block;margin-top:8px}@media(pointer:coarse){.touch-copy{display:initial}.desktop-copy{display:none!important}.instructions .touch-copy{display:block}}@media(max-width:600px){.hud{padding:calc(18px + env(safe-area-inset-top)) 20px 0}.brand{font-size:13px;width:88px}.score strong{font-size:28px}.icon{width:40px;height:40px}.tools{gap:6px}.flight-info{left:22px;right:22px;top:calc(95px + env(safe-area-inset-top))}.controls{padding:0 22px calc(23px + env(safe-area-inset-bottom))}.boost-wrap{width:133px}h1{font-size:76px}.eyebrow{font-size:10px;letter-spacing:2.5px}.overlay{padding-top:120px}.panel p{margin:20px 0}.panel .tip{margin:14px 0 0}.primary{min-width:245px;padding:18px 22px}}@media(max-height:680px){h1{font-size:54px;letter-spacing:-3px}.eyebrow{margin-bottom:12px}.panel p{margin:12px 0}.instructions{margin-top:16px}.text-button{margin-top:8px}.overlay{padding-top:100px;padding-bottom:110px}.primary{padding:14px 22px}.panel .tip{margin-top:10px}}@media(max-height:480px) and (orientation:landscape){.panel{width:650px}h1{font-size:42px}h1 br{display:none}h1 span{margin-left:12px}.eyebrow,.instructions,.panel>.tip{display:none}.overlay{padding:70px 130px 20px}.panel p{font-size:14px;margin:10px 0}.primary{padding:10px 20px}.text-button{display:block;margin:8px auto}.hud{padding-top:12px}.flight-info{top:75px}.controls{padding-bottom:14px}.score strong{font-size:24px}#results{font-size:26px;margin:10px 0}}

/* Cockpit: keep the flight window clear and instruments near the canopy edge. */
.hud{background:linear-gradient(#060c19bb,transparent);padding-bottom:20px}.controls{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.hint{font-size:10px;letter-spacing:1px}.hint small{font-size:10px}.boost-wrap{width:132px}#boost{height:58px;border-radius:13px}#notice{top:calc(145px + env(safe-area-inset-top));font-size:12px;text-shadow:0 2px 10px #000}.overlay{background:radial-gradient(ellipse at center,#060c1977,transparent 75%)}.panel{text-shadow:0 2px 15px #050a14}.panel p{color:#d7e4ef}.eyebrow{color:#a8e1e9}.score small{font-size:10px}.flight-info{font-size:11px}.hint{max-width:100px}.primary{text-shadow:none}@media(max-width:600px){.controls{padding-left:16px;padding-right:16px}.boost-wrap{width:112px}#boost{height:54px}.hint{max-width:88px;font-size:9px}.hint small{font-size:9px}.panel{transform:translateY(-12px)}}@media(max-height:480px) and (orientation:landscape){.controls{padding-bottom:10px}.boost-wrap{width:120px}#boost{height:45px}.panel{transform:none}#notice{top:95px}}

/* Lightspeed mission instruments */
.mission{position:absolute;top:calc(143px + env(safe-area-inset-top));left:32px;width:240px;pointer-events:none;font:12px monospace;color:#a4cfda;letter-spacing:.4px}#speedTrack{height:4px;background:#ffffff20;margin:9px 0;border-radius:4px;overflow:hidden}#speedFill{height:100%;background:#83f7f2;transform:scaleX(.01);transform-origin:left}#missionStats{color:#acb7ce;font-size:12px}#notice{top:calc(205px + env(safe-area-inset-top));padding:0 16px}#bossHud{position:absolute;top:calc(145px + env(safe-area-inset-top));right:32px;width:220px;font:12px monospace;color:#ffb075;text-align:right}.boss-track{height:5px;background:#442134;margin-top:10px}#bossFill{height:100%;background:#ff9d76;transform-origin:left}.weapon-wrap{pointer-events:auto;width:132px;position:absolute;left:32px;bottom:calc(18px + env(safe-area-inset-bottom))}.heat-track{height:4px;background:#ffffff20;margin:8px 10px 12px;overflow:hidden}#heatFill{height:100%;background:#e39bff;transform:scaleX(0);transform-origin:left}#fire{width:100%;height:58px;background:#291c3cdd;border:1px solid #df94ff99;border-radius:13px;color:#e5b7ff;font-weight:bold;touch-action:none;user-select:none;-webkit-user-select:none}#fire>span{font-size:17px}#fire small{display:block;font-size:11px;letter-spacing:1px;margin-top:4px}#fire.hot{border-color:#ff6985;color:#ff8da3}#autoFire{width:100%;font-size:12px;letter-spacing:.6px;background:#0b1721d9;border:1px solid #779aa64d;border-radius:6px;padding:8px 0;color:#adc8d7}#autoFire[aria-pressed=true]{color:#93ffef;border-color:#68e7d3}.controls .hint{position:absolute;left:50%;transform:translateX(-50%);bottom:5px;text-align:center;max-width:none;white-space:nowrap}.hint>span{display:none}.hint small{font-size:11px}.controls{justify-content:flex-end}.instructions{gap:23px}.instructions b{font-size:12px}.instructions span{font-size:13px}.eyebrow{font-size:12px}.panel p{font-size:16px}.overlay{overflow-y:auto}.overlay .panel{padding:20px 0}.panel a{font-size:14px!important;margin-top:14px!important}.panel .tip{font-size:13px}.score small{font-size:12px}.flight-info{font-size:12px}.mission,#bossHud{z-index:1}#notice{z-index:2}.overlay{z-index:3}.controls{z-index:4}.overlay:not([hidden])~.controls .weapon-wrap,.overlay:not([hidden])~.controls .boost-wrap{visibility:hidden}
@media(max-width:600px){.mission{left:20px;top:calc(125px + env(safe-area-inset-top));width:185px;font-size:11px}#missionStats{font-size:11px}#bossHud{right:20px;top:calc(188px + env(safe-area-inset-top));width:160px;font-size:11px}#notice{top:calc(226px + env(safe-area-inset-top));font-size:11px}.weapon-wrap{left:16px;width:112px}#fire{height:54px}.overlay{padding:210px 20px 80px;align-items:flex-start}.panel{transform:none}.overlay .panel{padding:20px 0}h1{font-size:65px}.panel p{margin:16px 0}.instructions{gap:14px}.instructions span{font-size:12px}.hud{padding-left:16px;padding-right:16px}.score strong{font-size:25px}.score>span{font-size:12px}.brand{width:76px;font-size:12px}}
@media(min-width:601px){.overlay{padding-top:215px;padding-bottom:60px}.panel{width:470px}h1{font-size:min(11vh,85px)}}
@media(max-height:500px) and (orientation:landscape){.mission{top:93px;left:20px;width:170px;font-size:10px}#missionStats{font-size:10px}#bossHud{top:98px;right:20px;width:165px}#notice{top:165px;font-size:11px}.overlay{padding:75px 180px 20px;align-items:center}.overlay .panel{padding:0}.panel p{font-size:13px}.panel a{font-size:12px!important;margin-top:8px!important}.panel .tip{display:none}.weapon-wrap{left:20px;bottom:10px;width:120px}#fire{height:45px}.primary{min-width:190px}.panel .instructions{display:none}h1{font-size:42px}.panel{width:500px}}

/* Hide the pointer on the flight surface while the menu is closed. */
#game:has(#overlay[hidden]) #space{cursor:none}

.back-to-games{display:inline-block;color:#c7d8e5;font-size:13px;text-decoration:none;margin:0 0 18px;text-underline-offset:4px}.back-to-games:hover{text-decoration:underline}
