:root{color:#eaf6ff;font-synthesis:none;background:#070c17;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{width:100%;height:100%;position:fixed;inset:0}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer;color:#eaf6ff;background:#152537b8;border:1px solid #5d71865c;border-radius:7px;padding:10px 15px;transition:all .15s}button:hover{background:#294356;border-color:#93e8e1}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #91e9dc}button.primary{color:#08252b;background:#8be3cf;border:0;padding:15px 23px;font-weight:700}button.primary:hover{background:#b6ffeb}button.small{padding:7px 10px;font-size:12px}kbd{color:#90a4b6;margin-left:9px;font-family:inherit;font-size:10px}#hud{pointer-events:none;background:linear-gradient(#070e1ddd,#0000 25% 85%,#070e1ddd);padding:24px 30px;position:fixed;inset:0}#hud button,#hud a{pointer-events:auto}.topline{justify-content:space-between;align-items:center;gap:20px;display:flex}.topline a{color:#a6f2e1;letter-spacing:-1px;font-size:25px;font-weight:700;text-decoration:none}.topline a span{letter-spacing:2px;color:#aebfcb;margin-left:14px;font-size:11px}.topline>span{letter-spacing:1px;color:#a6becd;font-size:12px}.topline button{padding:7px 11px;font-size:12px}.telemetry{align-items:flex-start;gap:35px;margin-top:24px;display:flex}.telemetry small{color:#8ca5b9;letter-spacing:2px;margin-bottom:6px;font-size:9px;display:block}.telemetry strong{font-size:27px;line-height:1}.telemetry span{color:#7f99b1;margin-top:4px;font-size:10px;display:block}.meter{width:150px}.meter b{float:right;color:#d8e8ee;letter-spacing:0;font-size:10px}.meter i{background:#264055;border-radius:2px;height:5px;margin-top:13px;display:block;overflow:hidden}.meter em{background:#93e2d1;width:100%;height:100%;transition:width .1s;display:block}.meter:nth-child(3) em{background:#78b9ef}.bottomline{color:#91aabb;letter-spacing:1px;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:25px;left:30px;right:30px}#surface{color:#b3dfd7}#notice{color:#c5f4e9;opacity:0;text-align:center;background:#0b2033cc;border-radius:6px;max-width:80%;padding:10px 20px;font-size:13px;transition:opacity .2s;position:absolute;top:160px;left:50%;transform:translate(-50%)}#overlay{background:linear-gradient(90deg,#060d1bf0,#060d1b70);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.panel{width:min(960px,100%);max-height:92vh;overflow:auto}.eyebrow{color:#94e4d3;letter-spacing:3px;margin:0 0 22px;font-size:11px}h1{letter-spacing:-4px;margin:0 0 22px;font-size:clamp(42px,7vw,80px);font-weight:600;line-height:.98}h1 span{color:#98e8d8}h2{letter-spacing:-1px;margin:0 0 16px;font-size:32px}p{color:#9fb6c9;max-width:560px;font-size:14px;line-height:1.7}.actions{flex-wrap:wrap;gap:12px;margin-top:27px;display:flex}.home-layout{grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;display:grid}.mission{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101e2caa;border:1px solid #6a8ba34a;border-radius:14px;padding:26px}.mission h3{margin:9px 0 13px;font-size:18px}.mission .meta{border-top:1px solid #375069;gap:24px;margin-top:20px;padding-top:20px;display:flex}.mission .meta span{color:#8da6ba;font-size:11px}.mission .meta b{color:#d5eee9;margin-bottom:5px;font-size:21px;display:block}.badge{color:#83dece;letter-spacing:2px;font-size:10px}.footer{color:#5e7e99;letter-spacing:2px;margin-top:50px;font-size:10px}.grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.level{text-align:left;background:#132334b8;min-height:115px;padding:18px}.level .num{color:#82cabd;font-size:11px}.level strong{margin:9px 0;font-size:17px;display:block}.level small{color:#8ca2b6;font-size:11px}.group-title{text-transform:uppercase;color:#88b4bb;letter-spacing:2px;margin:22px 0 10px;font-size:11px}.legend{grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;display:grid}.legend article{background:#132235c2;border:1px solid #54768a35;border-radius:8px;gap:14px;padding:15px;display:flex}.swatch{color:#fff;text-shadow:0 1px 3px #000;border-radius:4px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:23px;display:grid}.legend h3{margin:0 0 6px;font-size:14px}.legend p{margin:0;font-size:12px;line-height:1.5}.volume{color:#9eb9c9;gap:20px;margin:20px 0;font-size:12px;display:flex}.volume input{vertical-align:middle;accent-color:#8be3cf;width:100px}#touch{pointer-events:none;justify-content:space-between;gap:6px;display:none;position:fixed;bottom:55px;left:15px;right:15px}#touch button{pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:none;background:#12243bcc;min-height:55px;font-size:11px}body.playing #overlay{display:none}body.menu .telemetry,body.menu .bottomline,body.menu .topline>span{opacity:0}@media (pointer:coarse){body.playing #touch{display:flex}.bottomline span:last-child{display:none}}@media (width<=700px){#hud{padding:15px}.topline a span{display:none}.topline>span{font-size:10px}.telemetry{flex-wrap:wrap;gap:14px;margin-top:17px}.meter{width:90px}.telemetry strong{font-size:20px}.home-layout{grid-template-columns:1fr;gap:20px}h1{letter-spacing:-2px}.mission{padding:18px}.footer{margin-top:22px}.grid{grid-template-columns:1fr 1fr}.legend{grid-template-columns:1fr}#overlay{padding:24px 18px}.bottomline{bottom:15px;left:15px;right:15px}.volume{flex-wrap:wrap}.topline button{padding:6px}}@keyframes supply-pulse{0%{box-shadow:inset 0 0 110px #73ceff88}to{box-shadow:inset 0 0 #0000}}.supply-flash{animation:.65s ease-out supply-pulse}#hud{padding:20px 24px}.topline{gap:12px}.topline a span{font-size:10px}.telemetry{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1a2bd6;border:1px solid #7799b02b;border-radius:14px;align-items:center;gap:24px;width:fit-content;margin-top:18px;padding:14px 20px;display:flex;box-shadow:0 8px 28px #0002}.telemetry>div:first-child{min-width:65px}.telemetry strong{font-variant-numeric:tabular-nums;font-size:27px}.telemetry .meter{width:128px}.telemetry small{letter-spacing:1.4px}.meter em{transition:width .18s linear,background .2s}.bottomline{letter-spacing:.6px;font-size:10px}#clock{font-variant-numeric:tabular-nums}#speedGauge{background:#243d50;width:63px;height:3px;margin-top:7px;display:block;overflow:hidden}#speedGauge em{transform-origin:0;background:#94e4d3;width:100%;height:100%;transition:transform .14s linear;display:block}#notice{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b2033c9;border:1px solid #80b7bd1f;border-radius:10px;padding:8px 15px;font-size:12px;top:155px}#overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{animation:.22s ease-out panel-in}button{transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}button:active,button.pressed{background:#315969;border-color:#93e8e1;transform:translateY(1px);box-shadow:inset 0 0 14px #8be3cf20}#desktopBoost{pointer-events:auto;background:#153d43dd;border:1px solid #91e9dc80;border-radius:12px;padding:15px 24px;display:none;position:absolute;bottom:70px;right:24px}#desktopBoost span{letter-spacing:1px;font-weight:700}#desktopBoost small{color:#a7cec7;margin-top:5px;font-size:10px;display:block}body.playing #desktopBoost{display:block}body.boosting #hud{box-shadow:inset 0 0 80px #75dddc20}body.boosting #speedGauge em{background:#d6ffee}body.boosting [data-key=boost]{border-color:#a4ffe7;box-shadow:0 0 25px #8ff1dc50;color:#082d35!important;background:#9cf0dd!important}#touch{gap:8px;bottom:46px}#touch button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #8bacbf55;border-radius:12px;min-height:61px;box-shadow:0 5px 20px #0003}#touch [data-key=boost]{color:#b6fbe8;background:#26574ecc;border-color:#88dfca88;font-weight:700}#touch [data-key=jump]{background:#234360dd}.mission{border-radius:18px}.level{border-radius:12px}@keyframes panel-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (pointer:coarse){body.playing #desktopBoost{display:none}}@media (width<=700px){#hud{padding:12px}.topline a{font-size:23px}.topline>span{letter-spacing:.3px;font-size:9px}.topline button{padding:7px 9px;font-size:10px}.topline>div{gap:4px;display:flex}.topline kbd{display:none}.telemetry{border-radius:12px;grid-template-columns:60px 1fr 1fr 42px 40px;gap:10px;width:100%;margin-top:12px;padding:12px 11px;display:grid}.telemetry strong{font-size:22px}.telemetry small{letter-spacing:.5px;font-size:8px}.telemetry .meter{width:auto}.telemetry .meter b{font-size:8px}.telemetry .meter i{margin-top:10px}.telemetry span{font-size:8px}.telemetry>div:first-child{min-width:0}.telemetry>div:last-child strong{font-size:17px}.telemetry>div:nth-last-child(2) span{display:none}#speedGauge{width:40px}#notice{width:fit-content;max-width:85%;font-size:11px;top:145px}.bottomline{font-size:9px;left:12px;right:12px}.bottomline span:last-child{display:none}.bottomline #clock{margin-left:auto}#touch{gap:6px;left:10px;right:10px}#touch button{flex:1;padding:9px 5px;font-size:9px}#touch [data-key=boost]{flex:1.3}#touch [data-key=left],#touch [data-key=right]{flex:.7}.footer{letter-spacing:1px;font-size:9px}.volume input{width:80px}#desktopBoost{bottom:55px;right:12px}}@media (prefers-reduced-motion:reduce){.panel{animation:none}button{transition:none}}body.boosting #desktopBoost small{color:#245c52}body.playing #touch button{min-width:0}