:root{text-rendering:geometricprecision;color:#f8fbff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-tap-highlight-color:transparent;touch-action:none;background:#06101d;font-family:Inter,ui-rounded,Avenir Next,SF Pro Display,Hiragino Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}.shell{background:linear-gradient(#06101d,#07182a 48%,#03101a);width:100%;height:100%;position:relative}canvas{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0e2137b3,#040f1c80);border:1px solid #d3efff2e;box-shadow:0 24px 70px #00000052,inset 0 1px #ffffff14}.hud{top:calc(12px + env(safe-area-inset-top));pointer-events:none;grid-template-columns:1fr auto;gap:10px;display:grid;position:absolute;left:12px;right:12px}.brand{border-radius:22px;padding:12px 14px}.brand b{letter-spacing:-.03em;font-size:18px;display:block}.brand span{color:#a8c7df;font-size:12px}.stats{border-radius:22px;grid-template-columns:repeat(3,58px);gap:4px;padding:8px;display:grid}.stats div{text-align:center;background:#ffffff0d;border-radius:15px;padding:6px}.stats span{color:#91adca;text-transform:uppercase;letter-spacing:.08em;font-size:10px;display:block}.stats b{font-size:15px}.panel{z-index:5;background:radial-gradient(circle at 50% 42%,#7df9ff1f,#0000 22rem);place-items:center;padding:18px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.panel[hidden]{display:none}.card{border-radius:32px;width:min(520px,100vw - 28px);padding:24px}.eyebrow{color:#7df9ff;text-transform:uppercase;letter-spacing:.16em;margin:0 0 8px;font-size:11px;font-weight:900}.card h1,.card h2{letter-spacing:-.08em;margin:0;font-size:clamp(44px,13vw,78px);line-height:.84}.lead{color:#d7e8ff;font-size:15px;line-height:1.55}.how{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.how div{background:#ffffff0e;border-radius:18px;padding:12px}.how b{display:block}.how span{color:#9fb8d2;margin-top:3px;font-size:12px;display:block}.primary{color:#06101d;background:linear-gradient(135deg,#7df9ff,#fff6c8 55%,#8aa7ff);border:0;border-radius:999px;width:100%;padding:15px 18px;font:900 15px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue;box-shadow:0 18px 48px #7df9ff3b}.bottom{bottom:calc(12px + env(safe-area-inset-bottom));text-align:center;color:#b4cce3;pointer-events:none;border-radius:22px;padding:11px 13px;font-size:12px;position:absolute;left:12px;right:12px}.toast{pointer-events:none;border-radius:999px;padding:10px 14px;font-weight:900;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.toast[hidden]{display:none}@media (max-width:520px){.hud{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.how{grid-template-columns:1fr}.card{padding:21px}}button{font-family:inherit}.primary{transition:transform .14s,filter .14s}.primary:active{filter:brightness(1.14);transform:scale(.975)}.stats b{font-variant-numeric:tabular-nums}.brand b,.card h1,.card h2{font-family:Inter,ui-rounded,Avenir Next,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.card{animation:.32s cubic-bezier(.2,1.25,.35,1) pop}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}.toast{animation:.2s toastPop}@keyframes toastPop{0%{opacity:.45;transform:translate(-50%,-50%)scale(.86)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}canvas{will-change:transform;touch-action:none}.bottom,.objective{max-width:760px;margin-inline-start:auto;margin-inline-end:auto}.glass{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2)}