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--waiting{opacity:.5;pointer-events:none}.interact-prompt--waiting .keycap{background:linear-gradient(#ccc,#999);color:#777;box-shadow:0 4px #777,0 6px 8px #00000040}.interact-prompt--waiting span{color:#ddd}.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:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,90vw);max-height:80vh;overflow-y:auto;box-sizing:border-box;background:#fdf3d3;border-radius:40px;padding:34px 38px;box-shadow:0 10px 30px #0000002e;z-index:50;font-family:"Baloo 2",Quicksand,system-ui,sans-serif;animation:menu-pop .22s cubic-bezier(.2,1.3,.4,1)}.song-menu__title{font-weight:800;font-size:1.4rem;color:#6b6a4f;text-align:center;margin-bottom:14px}.song-menu__item{display:block;width:100%;margin:8px 0;padding:12px 18px;border:none;background:#fff7e0;color:#6b6a4f;border-radius:999px;font-weight:700;font-size:1.05rem;font-family:inherit;cursor:pointer;box-shadow:0 3px #0000001a;transition:transform .08s}.song-menu__item:hover{transform:translateY(-1px)}.song-menu__item--active{background:#7cc6c6;color:#fff}.song-menu__stop{display:block;width:100%;margin-top:12px;padding:10px;border:none;border-radius:999px;font-family:inherit;font-weight:700;background:#f3a0a0;color:#fff;cursor:pointer;box-shadow:0 3px #0000001a}.song-menu__stop:disabled{opacity:.5;cursor:default}.song-menu__close{display:block;margin:14px auto 0;padding:6px 16px;background:transparent;border:none;color:#b3b08f;font-family:inherit;font-weight:700;cursor:pointer}@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}.dialogue{position:fixed;left:50%;bottom:6vh;transform:translate(-50%);width:min(640px,92vw);z-index:50;pointer-events:none}.dialogue__box{position:relative;display:inline-block;width:100%;box-sizing:border-box;background:#fdf3d3;border-radius:32px;padding:30px 40px 26px;box-shadow:0 10px 30px #0000002e;pointer-events:auto;animation:dialoguePop .28s cubic-bezier(.2,1.3,.4,1)}@keyframes dialoguePop{0%{transform:scale(.85) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.dialogue__nametag{position:absolute;top:-22px;left:38px;transform:rotate(-4deg);padding:8px 22px;border-radius:999px;color:#fff;font-family:Seurat,"Baloo 2",Quicksand,system-ui,sans-serif;font-weight:800;font-size:1.15rem;-webkit-text-stroke:1px rgba(255,255,255,0);text-shadow:0 1px 0 rgba(0,0,0,.12);box-shadow:0 4px #0000001f}.dialogue__text{font-family:Rodin Himawari Pro,"Baloo 2",Quicksand,system-ui,sans-serif;font-weight:700;font-size:1.5rem;line-height:1.4;color:#6b6a4f;letter-spacing:.2px}.dialogue__text .hl{color:#19b5b5}.dialogue__close{position:absolute;top:10px;right:16px;border:none;background:transparent;font-size:1.1rem;color:#b3b08f;cursor:pointer;pointer-events:auto}.dialogue__options{display:flex;flex-direction:column;gap:10px;margin-top:18px;pointer-events:auto;animation:dialoguePop .2s ease-out}.dialogue__option{align-self:flex-start;padding:10px 22px;border:none;border-radius:999px;background:#fff7e0;color:#6b6a4f;font-family:inherit;font-weight:700;font-size:1.05rem;cursor:pointer;box-shadow:0 3px #0000001a;transition:transform .08s,background .1s}.dialogue__option:hover{transform:translateY(-1px);background:#ffefc2}.dialogue__option:active{transform:translateY(1px)}@media (max-width: 600px){.song-menu{width:92vw;padding:24px 20px;border-radius:28px;max-height:78vh}.song-menu__title{font-size:1.2rem}.song-menu__item{padding:14px 16px;font-size:1rem}.dialogue{width:94vw;bottom:4vh}.dialogue__box{padding:24px 22px 22px;border-radius:26px}.dialogue__nametag{font-size:.95rem;left:20px;top:-18px;padding:6px 16px}.dialogue__text{font-size:1.1rem;line-height:1.35;padding-right:24px}.dialogue__option{font-size:.95rem;padding:12px 16px;width:100%;align-self:stretch}.dialogue__close{top:8px;right:12px;font-size:1.3rem;padding:4px 8px}}@supports (padding: max(0px)){.dialogue{bottom:max(5vh,env(safe-area-inset-bottom))}}.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}}