html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;touch-action:none}canvas{display:block;touch-action:none}@keyframes pulse{0%{transform:scale(1);opacity:.75}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.75}}.pulse{animation:pulse 2s infinite}.interact-prompt{position:absolute;bottom:25%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:10;pointer-events:auto;font-family:system-ui,sans-serif;animation:prompt-fade .2s ease-out;background-color:transparent;border:none;outline:none}.keycap{width:56px;height:56px;display:grid;place-items:center;font-size:24px;font-weight:700;color:#3a4a5a;background:linear-gradient(#fff,#d4dde6);border-radius:10px;border:1px solid #b3c0cc;box-shadow:0 4px #9aa9b6,0 6px 8px #00000059}.interact-prompt span{color:#fff;font-size:15px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:.3px}@keyframes prompt-fade{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.song-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;padding:22px;z-index:20;display:flex;flex-direction:column;gap:8px;background:#12141cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 50px #00000080;font-family:system-ui,sans-serif;animation:menu-pop .18s ease-out}.song-menu__title{color:#fff;font-size:18px;font-weight:700;margin-bottom:8px;text-align:center;letter-spacing:.5px}.song-menu__item{padding:12px 16px;border:none;border-radius:10px;background:#ffffff0f;color:#e8edf2;font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s,transform .1s}.song-menu__item--active{background:#ff8c2859;box-shadow:inset 0 0 0 1px #ff8c2899}.song-menu__item:hover{background:#ff8c28d9;transform:translate(3px)}.song-menu__close{margin-top:8px;padding:9px;border:none;border-radius:8px;background:transparent;color:#ffffff80;font-size:13px;cursor:pointer;transition:color .15s}.song-menu__close:hover{color:#fff}.song-menu__stop{margin-top:4px;padding:11px;border:none;border-radius:10px;background:#c83c3cd9;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.song-menu__stop:hover{background:#dc4646}.song-menu__stop:disabled{background:#78788240;color:#ffffff59;cursor:not-allowed}.song-menu__stop:disabled:hover{background:#78788240}@keyframes menu-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.touch-joystick,.touch-jump{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.touch-joystick{position:absolute;left:30px;bottom:30px;width:120px;height:120px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.4);z-index:100;touch-action:none;display:grid;place-items:center}.touch-knob{width:50px;height:50px;border-radius:50%;background:#fff9;pointer-events:none;transition:transform .05s}.touch-jump{position:absolute;right:40px;bottom:60px;width:72px;height:72px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:#ffffff26;color:#fff;font-size:28px;z-index:15;touch-action:none;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.touch-jump:active{background:#ffffff59}.loading-screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#643c8c1f,#000);color:#fff;z-index:1;transition:opacity 1.5s ease-in-out;font-family:Georgia,serif;overflow:hidden}.loading-screen-overlay--fading{opacity:0;pointer-events:none}.loading-screen-cover{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:420px;max-width:90vw;z-index:2}.loading-screen__progress-label{font-size:13px;opacity:.5;margin-bottom:8px;text-align:center;letter-spacing:.15em;text-transform:uppercase}.loading-screen__progress-track{height:1px;background:#ffffff14;overflow:hidden;margin-bottom:10px}.loading-screen__progress-bar{height:100%;background:linear-gradient(90deg,#c8a0ff99,#8c64dc99);transition:width .3s ease}.loading-screen__asset-name{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;opacity:.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.loading-screen__errors{color:#ff9aa2;margin-top:8px;font-size:12px;text-align:center}.loading-screen__enter{text-align:center;cursor:pointer;font-size:14px;letter-spacing:.2em;text-transform:uppercase;opacity:.6;transition:opacity .3s;background:none;border:none;color:inherit;font-family:inherit;padding:0}.loading-screen__enter:hover,.loading-screen__enter:focus-visible{opacity:1}@keyframes loading-screen-pulse{0%,to{opacity:.4}50%{opacity:.8}}