@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700;800&family=Inter:wght@400;600;700&display=swap";:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#050713;color:#f6f8ff;--cyan: #63e8ff;--panel: rgba(9, 14, 34, .78);--line: rgba(137, 174, 255, .2)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#050713}body{touch-action:none;-webkit-user-select:none;user-select:none}button,input,select{font:inherit}button{cursor:pointer}#game-root,#game-root canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle,transparent 45%,rgba(0,0,12,.52) 100%)}.hidden{display:none!important}.panel,.glass{border:1px solid var(--line);background:linear-gradient(145deg,#0f1735e0,#050817cc);box-shadow:0 25px 80px #0000007a,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel{position:fixed;z-index:20;border-radius:22px}.menu-panel{left:clamp(18px,7vw,100px);top:50%;width:min(420px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;padding:34px;transform:translateY(-50%)}.eyebrow{color:#79dff7;font:700 11px/1.2 "Exo 2",sans-serif;letter-spacing:0}h1{margin:8px 0 4px;font:800 clamp(48px,8vw,76px)/.95 "Exo 2",sans-serif;letter-spacing:0}h1 span{text-shadow:0 0 28px rgba(77,134,255,.45)}h1 b{color:var(--cyan)}.tagline{margin:10px 0 26px;color:#aebad7;letter-spacing:0}.field-label{display:block;margin:13px 0 7px;color:#8190b4;font-size:10px;font-weight:700;letter-spacing:0}#player-name{width:100%;height:50px;padding:0 16px;color:#fff;border:1px solid rgba(119,170,255,.3);border-radius:12px;outline:0;background:#030714bf}#player-name:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #63e8ff1a}.skin-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:22px}.skin-option{aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:var(--skin);box-shadow:0 0 16px var(--glow);transition:transform .15s,border-color .15s}.skin-option:hover{transform:scale(1.1)}.skin-option.selected{border:3px solid white;transform:scale(1.13)}.quick-guide{display:grid;gap:8px;margin:0 0 22px}.guide-item{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:9px 10px;border:1px solid rgba(126,223,255,.12);border-radius:10px;background:#0409186b}.guide-item span{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(126,223,255,.28);border-radius:50%;color:#7fefff;font:800 11px "Exo 2";background:#0a162eb8}.guide-item p{margin:0;color:#9fabc9;font-size:12px;line-height:1.35}.guide-item b{color:#edf5ff;font-weight:700}.primary-button,.secondary-button{width:100%;min-height:50px;border-radius:12px;font-weight:800;letter-spacing:0}.primary-button{border:0;color:#06101c;background:linear-gradient(100deg,#78efff,#6685ff);box-shadow:0 10px 28px #3d73ff4d}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary-button{margin-top:10px;border:1px solid rgba(134,174,255,.3);color:#dbe6ff;background:#121b39b3}.controls-hint,.status{margin:16px 0 0;text-align:center;color:#7180a5;font-size:11px}kbd{padding:2px 6px;border:1px solid #3a4668;border-radius:5px;background:#11172b;color:#cfd8ee}.status.error{color:#ff768b}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.glass{border-radius:14px}.stats{position:absolute;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));display:flex;flex-wrap:wrap;max-width:min(760px,calc(100vw - 280px));gap:12px 23px;padding:13px 17px}.stats div{min-width:55px}.stats .task-block{min-width:180px}.stats span,.death-stats span{display:block;color:#7786a9;font-size:9px;font-weight:700;letter-spacing:0}.stats strong{display:block;margin-top:3px;font:700 19px "Exo 2"}.task-block strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.leaderboard{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));width:220px;padding:14px}.leaderboard-title{margin-bottom:8px;color:#7ee9ff;font:700 10px "Exo 2";letter-spacing:0}.leaderboard ol{margin:0;padding:0;list-style:none;counter-reset:rank}.leaderboard li{display:flex;align-items:center;gap:8px;min-height:22px;color:#aeb8d2;font-size:11px}.leaderboard li:before{counter-increment:rank;content:counter(rank,decimal-leading-zero);width:21px;color:#657291;font-size:9px}.leaderboard li.me{color:#7fefff;font-weight:700}.leaderboard .name{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.leaderboard .ai{color:#687896;font-size:8px}.self-rank{margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.08);color:#7fefff;font-size:10px}.dash-meter{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;width:min(300px,48vw);padding:11px 13px;transform:translate(-50%)}.dash-label{display:flex;justify-content:space-between;margin-bottom:7px;color:#8090b2;font-size:9px;font-weight:700;letter-spacing:0}.dash-label b{color:#7fefff}.meter-track{height:5px;overflow:hidden;border-radius:5px;background:#171e34}.meter-fill{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b78ff,#73efff);box-shadow:0 0 12px #5be7ff}.event-toast{position:absolute;top:24%;left:50%;color:#fff;font:800 20px "Exo 2";text-shadow:0 0 16px #58cfff;opacity:0;transform:translate(-50%,8px);transition:opacity .2s,transform .2s}.event-toast.show{opacity:1;transform:translate(-50%)}.death-panel{top:50%;left:50%;width:min(430px,calc(100vw - 36px));padding:32px;transform:translate(-50%,-50%);text-align:center}.death-panel h2,.settings-panel h2{margin:8px 0 20px;font:800 32px "Exo 2"}.death-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.death-stats div{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0000002e}.death-stats strong{display:block;margin-top:5px;font:700 22px "Exo 2"}.near-miss{color:#aebad5;font-size:13px}.settings-panel{top:50%;left:50%;width:min(360px,calc(100vw - 36px));padding:28px;transform:translate(-50%,-50%)}.toggle-row{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid rgba(255,255,255,.08);color:#bec8df}.toggle-row select{min-width:138px;height:34px;padding:0 10px;border:1px solid rgba(134,174,255,.3);border-radius:8px;color:#dbe6ff;background:#121b39;outline:0}.toggle-row select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #63e8ff1a}input[type=checkbox]{accent-color:#65ddff}.mobile-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}.joystick{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));width:118px;height:118px;border:1px solid rgba(126,223,255,.2);border-radius:50%;background:#0a122859;pointer-events:auto}.joystick-knob{position:absolute;top:50%;left:50%;width:48px;height:48px;border:2px solid rgba(255,255,255,.5);border-radius:50%;background:radial-gradient(circle,#83efff,#5177ff);box-shadow:0 0 20px #52beff80;transform:translate(-50%,-50%)}.mobile-dash{position:absolute;right:max(34px,env(safe-area-inset-right));bottom:max(40px,env(safe-area-inset-bottom));width:82px;height:82px;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,#8ef4ff,#4763df 70%);box-shadow:0 0 30px #4b87ff73;font:800 12px "Exo 2";pointer-events:auto}.landscape-hint{display:none;position:fixed;z-index:15;right:16px;bottom:16px;padding:8px 12px;border:1px solid rgba(126,223,255,.2);border-radius:10px;background:#080b18c7;color:#92a1c4;font-size:10px;text-align:center;pointer-events:none}@media(hover:none),(pointer:coarse){.controls-hint{display:none}.leaderboard{width:180px}}@media(max-width:720px){.menu-panel{left:50%;max-height:calc(100dvh - 28px);overflow:auto;padding:22px;transform:translate(-50%,-50%)}.tagline{margin-bottom:18px}.skin-picker{margin-bottom:14px}.quick-guide{gap:6px;margin-bottom:16px}.guide-item{padding:7px 8px}.guide-item p{font-size:11px}.stats{max-width:calc(100vw - 20px);gap:10px 12px;padding:10px 12px}.stats div{min-width:45px}.stats .task-block{min-width:135px}.stats strong{font-size:15px}.task-block strong{max-width:150px;font-size:11px}.leaderboard{top:148px;right:10px;width:155px}.leaderboard li:nth-child(n+6){display:none}.dash-meter{bottom:8px;width:200px}}@media(orientation:portrait)and (max-width:600px){.landscape-hint{display:block}}