:root{color:#f7fbff;-webkit-font-smoothing:antialiased;touch-action:none;background:#050711;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{background:#050711;width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}canvas{touch-action:none;width:100%;height:100%;display:block}.shell{background:radial-gradient(circle at 50% 0,#5bc1ff33,#0000 34rem),#050711;width:100vw;height:100dvh;position:relative;overflow:hidden}.hud{left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:5;pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute}.glass{-webkit-backdrop-filter:blur(16px)saturate(1.25);background:linear-gradient(135deg,#090d1fbd,#111f398a);border:1px solid #c9ecff29;box-shadow:0 18px 64px #00000057,inset 0 1px #ffffff14}.brand,.stats{border-radius:22px;padding:10px 12px}.brand b{letter-spacing:-.055em;font-size:20px;display:block}.brand span{color:#a9c8df;margin-top:2px;font-size:11px;font-weight:800;display:block}.stats{text-align:center;grid-template-columns:repeat(4,minmax(50px,1fr));gap:4px;display:grid}.stats span{color:#9fb8cf;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:950;display:block}.stats b{color:#fff;letter-spacing:-.04em;font-size:17px;display:block}.mission{z-index:6;text-align:center;pointer-events:none;border-radius:24px;width:min(480px,100vw - 28px);padding:12px 15px;position:absolute;top:96px;left:50%;transform:translate(-50%)}.mission b{display:block}.mission span{color:#cde8ff;margin-top:3px;font-size:12px;line-height:1.35;display:block}.controls{left:14px;right:14px;bottom:max(13px,env(safe-area-inset-bottom));z-index:6;pointer-events:none;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute}.controls div{text-align:center;border-radius:22px;padding:11px 8px}.controls b{font-size:13px;display:block}.controls span{color:#acc7dc;font-size:10px;display:block}.panel{z-index:20;background:radial-gradient(circle at 50% 18%,#55d8ff2e,#0000008f 48%,#000000c7);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.panel[hidden]{display:none}.card{border-radius:34px;width:min(560px,100%);max-height:min(760px,100dvh - 40px);padding:25px;overflow:auto}.eyebrow{color:#5ee9ff;text-transform:uppercase;letter-spacing:.16em;margin:0 0 9px;font-size:11px;font-weight:950}.card h1,.card h2{color:#fff;letter-spacing:-.075em;margin:0;line-height:.9}.card h1{font-size:clamp(48px,14vw,92px)}.card h2{font-size:clamp(34px,9vw,60px)}.lead{color:#dceeff;margin:16px 0;font-size:16px;line-height:1.5}.how{grid-template-columns:1fr 1fr;gap:9px;margin:18px 0;display:grid}.how div{background:#ffffff0f;border:1px solid #ffffff21;border-radius:20px;padding:12px}.how b{display:block}.how span{color:#bbd2e4;margin-top:3px;font-size:13px;display:block}.primary{color:#07101d;cursor:pointer;background:linear-gradient(135deg,#6df2ff,#ffce5a 55%,#ff5cad);border:0;border-radius:20px;width:100%;padding:15px 16px;font-weight:1000;box-shadow:0 20px 55px #6df2ff33}.fine{color:#a7bfd2;font-size:12px;line-height:1.4}.toast{z-index:12;text-align:center;border-radius:999px;padding:12px 16px;font-weight:950;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.rank{color:#07101d;letter-spacing:-.08em;background:linear-gradient(135deg,#6df2ff,#ffce5a,#ff5cad);border-radius:32px;place-items:center;width:104px;height:104px;margin:18px auto;font-size:62px;font-weight:1000;display:grid}@media (width<=560px){.brand{max-width:48vw}.brand b{font-size:17px}.brand span{font-size:10px}.stats{grid-template-columns:repeat(4,39px);padding:8px}.stats b{font-size:14px}.mission{padding:10px 12px;top:88px}.controls div{border-radius:18px;min-height:52px}.controls b{font-size:12px}.how{grid-template-columns:1fr}.card{border-radius:28px;padding:21px}.lead{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}