:root{text-rendering:geometricprecision;color:#f8fbff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-tap-highlight-color:transparent;touch-action:none;background:#080713;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:radial-gradient(circle at 50% 28%,#7df9ff2b,#0000 25rem),radial-gradient(circle at 70% 78%,#ff5bd626,#0000 22rem),#080713;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(#13142fb8,#09081885);border:1px solid #dcf5ff2b;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 minmax(180px,240px);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:#adc0df;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,.vitalTop span{color:#93a5c9;text-transform:uppercase;letter-spacing:.08em;font-size:10px;display:block}.stats b{font-size:15px}.vitals{border-radius:22px;align-content:center;align-self:stretch;gap:6px;padding:10px 12px;display:grid}.vitalTop{justify-content:space-between;align-items:center;display:flex}.vitalTop b{font-size:14px}.hpTrack{background:#ffffff14;border-radius:999px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.hpTrack b,.hpTrack i{border-radius:999px;transition:width .18s;position:absolute;top:0;bottom:0;left:0}.hpTrack b{z-index:2;background:linear-gradient(90deg,#39ff88,#fff174)}.hpTrack i{z-index:1;background:linear-gradient(90deg,#7df9ff73,#7df9ffdb);box-shadow:0 0 18px #7df9ff73}.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(46px,14vw,82px);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:#9fb2d2;margin-top:3px;font-size:12px;display:block}.primary{color:#090916;background:linear-gradient(135deg,#7df9ff,#fff174 48%,#ff5bd6);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 #7df9ff3d}.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}.bottom{bottom:calc(12px + env(safe-area-inset-bottom));text-align:center;color:#9fb2d2;pointer-events:none;font-size:12px;position:absolute;left:12px;right:12px}@media (max-width:620px){.hud{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}.vitals{min-height:50px}.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)}.nameForm{grid-template-columns:1fr auto;gap:8px;margin:14px 0;display:grid}.nameForm input{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#ffffff14;border:1px solid #dcf5ff38;border-radius:999px;outline:none;min-width:0;padding:13px 14px;font:900 15px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue}.nameForm input:focus{border-color:#7df9ff;box-shadow:0 0 0 3px #7df9ff29}.primary.small{width:auto;min-width:116px;padding:13px 16px}.boardTitle{justify-content:space-between;align-items:end;gap:12px;margin:12px 0 8px;display:flex}.boardTitle b{text-transform:uppercase;letter-spacing:.1em;color:#fff174;font-size:13px}.boardTitle span{color:#93a5c9;font-size:11px}.leaderboard{gap:6px;max-height:232px;margin:0 0 14px;padding:0;list-style:none;display:grid;overflow:auto}.leaderboard li{font-variant-numeric:tabular-nums;background:#ffffff0e;border-radius:15px;grid-template-columns:28px 1fr auto auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.leaderboard li.me{background:linear-gradient(90deg,#7df9ff2e,#ff5bd621);box-shadow:inset 0 0 0 1px #7df9ff40}.leaderboard span{color:#7df9ff;font-weight:950}.leaderboard b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard strong{color:#fff174}.leaderboard em{color:#7f91b5;font-size:11px;font-style:normal}.emptyBoard{color:#9fb2d2;background:#ffffff0e;border-radius:16px;margin:0 0 14px;padding:12px;font-size:12px}@media (max-width:420px){.leaderboard li{grid-template-columns:24px 1fr auto}.leaderboard em{display:none}.nameForm{grid-template-columns:1fr}.primary.small{width:100%}}