*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;overscroll-behavior:none;background:#030307;color:#f8f4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}button:focus-visible{outline:2px solid #6cecff;outline-offset:3px}.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100dvh;touch-action:none;background:radial-gradient(circle at 72% 18%,rgba(255,79,216,.16),transparent 28%),radial-gradient(circle at 28% 10%,rgba(68,228,255,.12),transparent 30%),#05050d}.game-shell.lite-mode{background:radial-gradient(circle at 74% 16%,rgba(255,79,216,.09),transparent 24%),radial-gradient(circle at 26% 8%,rgba(68,228,255,.08),transparent 26%),#040408}.game-shell canvas{display:block;width:100%;height:100%;touch-action:none}.scene-loading-overlay{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,#1410222e,#030309bd)}.scene-loading{position:relative;display:grid;width:132px;height:132px;place-items:center;border:1px solid rgba(108,236,255,.28);border-radius:50%;color:#f8f4ff;background:linear-gradient(135deg,#ff4fd82e,#6cecff1a),#030309c2;box-shadow:0 0 38px #ff4fd852,inset 0 0 34px #6cecff1f}.scene-loading:before{position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1px solid rgba(248,244,255,.16);border-top-color:#6cecffbd;border-radius:inherit;animation:load-spin 1.2s linear infinite;content:""}.scene-loading span{position:relative;font-size:.72rem;font-weight:800;letter-spacing:0}@keyframes load-spin{to{transform:rotate(1turn)}}.hud{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,280px);align-items:start;align-content:start;gap:18px;padding:clamp(14px,3vw,28px);background:linear-gradient(180deg,#0303096b,#03030900 30%)}.hud-brand{max-width:340px;text-shadow:0 0 18px rgba(255,79,216,.32)}.hud-brand p{max-width:430px;margin:0 0 8px;color:#f8f4ffb8;font-size:clamp(.68rem,1.8vw,.82rem);line-height:1.35;text-transform:uppercase;letter-spacing:0}.hud-brand h1{margin:0;font-size:clamp(2.1rem,5vw,3.6rem);line-height:.9;letter-spacing:0}.hud-panel,.status-card{pointer-events:auto;border:1px solid rgba(248,244,255,.18);border-radius:8px;background:#080812b8;box-shadow:0 18px 56px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hud-panel{display:grid;gap:8px;padding:12px}.hud-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:.76rem;color:#f8f4ffa8;text-transform:uppercase}.hud-row strong{color:#fff;font-size:.95rem}.hud-action{padding-top:2px;border-top:1px solid rgba(248,244,255,.12)}.hud-action strong{color:#6cecff;text-transform:uppercase}.meter{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#ffffff1c}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4fd8,#6cecff);box-shadow:0 0 18px #ff4fd88c;transition:width .16s ease}.meter.combo{height:5px}.meter.combo span{background:linear-gradient(90deg,#f8f4ff,#b18aff)}.reset-button,.song-button,.status-card button{min-height:34px;border:1px solid rgba(248,244,255,.24);border-radius:8px;color:#f8f4ff;background:#f8f4ff14;cursor:pointer}.status-card .play-run-button{min-height:44px;border-color:#f8f4ffb8;color:#05050d;background:#f8f4ff;font-weight:900}.reset-button:hover,.song-button:hover,.status-card button:hover,.touch-button:hover{background:#f8f4ff24}.status-card .play-run-button:hover{background:#fff}.song-button{border-color:#6cecff52;color:#dffbff}.hud-level{display:grid;grid-template-columns:auto auto;align-items:end}.hud-level em{grid-column:1 / -1;color:#f8f4ff94;font-size:.68rem;font-style:normal;line-height:1.1;text-transform:uppercase}.status-card{position:fixed;left:50%;top:50%;display:grid;width:min(330px,calc(100vw - 32px));gap:10px;padding:18px;transform:translate(-50%,-50%);text-align:center}.status-card strong{font-size:1.3rem}.status-card span{color:#f8f4ffb8}.touch-controls{pointer-events:none;position:fixed;inset:auto 0 max(14px,env(safe-area-inset-bottom)) 0;display:flex;align-items:end;justify-content:space-between;gap:14px;padding:0 16px}.touch-cluster{display:flex;gap:10px}.touch-actions{justify-content:flex-end}.touch-button{pointer-events:auto;display:grid;min-width:58px;min-height:52px;place-items:center;border:1px solid rgba(248,244,255,.2);border-radius:8px;color:#f8f4ff;background:#080812ad;box-shadow:0 14px 36px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.touch-button:active{border-color:#f8f4ff6b;background:#f8f4ff2e;transform:translateY(1px)}.touch-button.accent{border-color:#ff4fd86b}.touch-button.cool{border-color:#6cecff6b}.token-total{position:fixed;right:clamp(14px,3vw,28px);bottom:clamp(80px,14vh,116px);color:#f8f4ff94;font-size:.72rem;text-shadow:0 0 12px rgba(108,236,255,.4)}@media(hover:hover)and (pointer:fine){.token-total{bottom:24px}.touch-controls{justify-content:center}.touch-button{min-width:68px}}@media(max-width:760px){.hud{grid-template-columns:1fr;gap:8px;padding:9px 10px;background:linear-gradient(180deg,#0303098f,#03030900 22%)}.hud-brand{max-width:300px}.hud-brand p:first-child{display:none}.hud-brand h1{font-size:clamp(1.72rem,10vw,2.76rem);line-height:.82}.hud-brand p{max-width:310px;margin-bottom:0;font-size:.56rem;line-height:1.25}.hud-panel{width:min(100%,365px);grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:6px;padding:8px;background:#08081294}.hud-row{display:grid;gap:2px;font-size:.62rem}.hud-row strong{font-size:.84rem}.meter{height:6px}.meter.combo{height:4px}.hud-level{grid-column:1 / -1;grid-template-columns:auto auto 1fr}.hud-level em{grid-column:auto;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.meter,.reset-button,.song-button{grid-column:1 / -1}.reset-button,.song-button{min-height:28px}.touch-button{min-width:58px;min-height:54px;font-size:.82rem}}@media(max-width:430px){.touch-controls{gap:8px;padding-inline:10px}.touch-cluster{gap:7px}.touch-button{min-width:52px;min-height:52px}}@media(prefers-reduced-motion:reduce){.scene-loading:before{animation-duration:2.2s}}