:root{--orange:#ff8a1f;--violet:#7b3fe4;--nuit:#120a24;--creme:#fff4e0;--vert:#7dff6a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--nuit);overflow:hidden;overscroll-behavior:none}body{font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--creme);user-select:none;-webkit-user-select:none}#app,#app *{touch-action:none}#scene{position:fixed;inset:0;width:100vw;height:100vh;display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui .clickable,#ui button{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 30%,#7b3fe48c,#120a24eb 70%);pointer-events:auto;text-align:center;padding:20px}.title{font-size:clamp(34px,7vw,76px);font-weight:900;letter-spacing:1px;color:var(--orange);text-shadow:0 4px 0 #6a2a00,0 0 28px rgba(255,138,31,.7);margin:0;line-height:1}.subtitle{font-size:clamp(14px,2.4vw,22px);color:#d9c8ff;margin:0}.btn{font:inherit;font-weight:900;font-size:clamp(18px,3vw,26px);color:#2a1200;background:linear-gradient(#ffb347,#ff7a00);border:none;border-radius:999px;padding:14px 38px;box-shadow:0 6px #7a3300,0 0 24px #ff8a1f99;cursor:pointer}.btn:active{transform:translateY(3px);box-shadow:0 3px #7a3300}.btn.secondary{background:linear-gradient(#b48cff,#7b3fe4);color:#fff;box-shadow:0 6px #3a1580}.help{max-width:640px;font-size:clamp(12px,2vw,16px);color:#e8dcff;line-height:1.45}.bar{width:min(60vw,420px);height:14px;border-radius:8px;background:#2b1b4d;overflow:hidden;border:2px solid #6c4cc0}.bar>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff7a00,#ffd36b);transition:width .2s}.credits{font-size:11px;color:#a99bd0;max-width:680px;line-height:1.4}.hud-top{position:absolute;top:max(8px,env(safe-area-inset-top));left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start}.pill{background:#120a24b8;border:2px solid #6c4cc0;border-radius:16px;padding:6px 12px;font-weight:900;font-size:clamp(14px,2.2vw,20px)}.pill b{color:var(--orange)}.timer{text-align:center}.timer .clock{font-size:clamp(18px,3vw,28px)}.combo{color:var(--vert);font-size:clamp(14px,2vw,18px)}.toast{position:absolute;left:50%;top:22%;transform:translate(-50%);font-weight:900;font-size:clamp(22px,4.5vw,44px);color:var(--orange);text-shadow:0 3px 0 #5a2200,0 0 18px rgba(255,138,31,.8);white-space:nowrap;animation:pop 1.4s ease-out forwards}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}15%{opacity:1;transform:translate(-50%) scale(1.1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-30px) scale(1)}}.marker{position:absolute;font-weight:900;font-size:30px;transform:translate(-50%,-100%);text-shadow:0 2px 0 #000,0 0 10px #000}.marker.q{color:#ffe066}.marker.x{color:#ff4545;font-size:36px}.prompt{position:absolute;transform:translate(-50%,-100%);background:#ff8a1ff2;color:#2a1200;font-weight:900;padding:4px 10px;border-radius:10px;font-size:14px}.joy{position:absolute;left:0;bottom:0;width:45vw;height:65vh;pointer-events:auto}.joy .base{position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.25);transform:translate(-50%,-50%);display:none}.joy .knob{position:absolute;width:54px;height:54px;border-radius:50%;background:#ff8a1fd9;transform:translate(-50%,-50%);display:none}.pad{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:210px;height:210px;pointer-events:none}.pad button{position:absolute;border-radius:50%;border:3px solid rgba(255,255,255,.35);font:inherit;font-weight:900;color:#fff;pointer-events:auto}.pad .act{width:96px;height:96px;right:0;bottom:0;background:#ff7a00d9;font-size:18px}.pad .run{width:70px;height:70px;right:104px;bottom:4px;background:#7b3fe4cc;font-size:12px}.pad .sneak{width:62px;height:62px;right:20px;bottom:106px;background:#28785acc;font-size:11px}.pad .sneak.on{background:#50dca0f2;color:#032}.pad .dance{width:54px;height:54px;right:110px;bottom:88px;background:#ff50a0bf;font-size:10px}.stamina{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:228px;width:120px;height:8px;border-radius:6px;background:#2b1b4d;overflow:hidden}.stamina i{display:block;height:100%;background:#b48cff}.desktop .pad,.desktop .joy{display:none}.keys{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:12px;color:#bfaee8;background:#120a2499;padding:4px 10px;border-radius:8px}.flash{position:absolute;inset:0;background:radial-gradient(circle,#f000 40%,#ff000073);opacity:0;transition:opacity .2s}.flash.on{opacity:1}.rotate{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:var(--nuit);font-size:22px;font-weight:900;text-align:center;padding:30px;pointer-events:auto;z-index:9}@media(orientation:portrait)and (max-width:900px){.rotate.mobile{display:flex}}.stars{font-size:44px;letter-spacing:6px}.stars .off{opacity:.25}