html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#060d15;font-family:Avenir Next,Segoe UI,Hiragino Sans,sans-serif}canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at center,#0b1a29,#04090f 70%);color:#e8f4fa;z-index:100;transition:opacity .6s ease}.splash--done{opacity:0;pointer-events:none}.splash h1{margin:0;font-size:28px;font-weight:700;letter-spacing:.42em;color:#67e8f9;text-shadow:0 0 24px rgba(103,232,249,.45)}.splash p{margin:0;font-size:13px;color:#bed7e699;letter-spacing:.12em}.splash__spinner{width:34px;height:34px;border-radius:50%;border:2px solid rgba(103,232,249,.18);border-top-color:#67e8f9;animation:splash-spin 1.1s linear infinite}@keyframes splash-spin{to{transform:rotate(360deg)}}.splash__error-detail{max-width:340px;text-align:center;line-height:1.6;color:#ffb0b0d9}.splash__reload{margin-top:6px;padding:8px 26px;border:1px solid rgba(103,232,249,.5);border-radius:999px;background:#67e8f91f;color:#67e8f9;letter-spacing:.18em;cursor:pointer}.dock{position:fixed;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom,0px));display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:0 max(10px,env(safe-area-inset-left,0px)) 0 max(10px,env(safe-area-inset-right,0px));z-index:50;color:#d8ebf4;font-size:13px;pointer-events:none}.dock[hidden],.hud[hidden],.beat-bar[hidden],.controls-card[hidden],.preset-menu[hidden]{display:none}.dock__cluster{display:flex;align-items:center;flex-wrap:wrap;align-content:flex-end;gap:6px 5px;flex:0 1 auto;min-width:0;pointer-events:none}.dock__left{justify-content:flex-start}.dock__right{justify-content:flex-end}.dock .hud-chip,.dock button{pointer-events:auto}.hud{display:contents}.hud-chip{padding:5px 10px;border-radius:999px;background:#06121cc7;border:1px solid rgba(103,232,249,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600;font-size:11.5px;letter-spacing:.02em;white-space:nowrap}.hud-chip--preset{color:#67e8f9;border-color:#67e8f973}.hud-chip--tap{cursor:pointer;color:#67e8f9;border-color:#67e8f973;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease}.hud-chip--tap:hover{border-color:#67e8f9bf;background:#0c1e2ad9}.hud-chip--tap:active{background:#67e8f92e}.hud-chip--grounded{color:#34d399;border-color:#34d39966}.hud-chip--freefly{color:#c4b5fd;border-color:#c4b5fd66}.dock-toggle{padding:5px 10px;border-radius:999px;background:#06121cc7;border:1px solid rgba(130,168,192,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#bed7e6b8;font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s ease}.dock-toggle:hover{color:#67e8f9}.dock-toggle.is-active{color:#67e8f9;border-color:#67e8f999;background:#0f5c73e6}.preset-menu{position:fixed;display:flex;flex-direction:column;gap:2px;min-width:168px;padding:6px;border-radius:12px;background:#06121cf0;border:1px solid rgba(103,232,249,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:52}.preset-menu__item{padding:7px 10px;border-radius:8px;background:transparent;border:none;color:#d8ebf4e0;font-weight:600;font-size:12px;text-align:left;cursor:pointer}.preset-menu__item:hover{background:#0f5c7399}.preset-menu__item.is-active{color:#67e8f9;background:#0f5c73e6}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:51;background:transparent}.controls-card{position:fixed;display:flex;flex-direction:column;gap:8px;width:min(420px,calc(100vw - 24px));max-width:min(560px,calc(100vw - 24px));padding:14px 18px;border-radius:14px;background:#06101af5;border:1px solid rgba(103,232,249,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 40px #00000080;z-index:52;pointer-events:none;opacity:1;transition:opacity .4s ease}.controls-card.is-fading{opacity:0}.controls-card__summary{text-align:center;font-size:11.5px;color:#bed7e6b8}.controls-card__columns{display:flex;gap:28px}.controls-card__column{flex:1;min-width:0}.controls-card__column h4{margin:10px 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#67e8f9}.controls-card__column h4:first-child{margin-top:0}.controls-card__row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:12.5px}.controls-card__row span:first-child{color:#bed7e6b8}.controls-card__row span:last-child{color:#d8ebf4eb;font-weight:600;text-align:right}.beat-bar{display:contents}.beat-bar[hidden]{display:none}.beat-bar .beat-label{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:#cee2eed1;text-shadow:0 1px 4px rgba(2,8,14,.85)}.beat-bar .beat-btn{background:#163040b8;color:#dff3fb;border:1px solid rgba(103,232,249,.4);border-radius:10px;padding:6px 11px;font-weight:600;font-size:12.5px;cursor:pointer;transition:background .15s ease}.beat-bar .beat-btn:active{background:#0f5c73e6}.beat-bar .beat-btn:disabled{opacity:.4;cursor:default}.beat-bar .beat-btn--on{background:#186984eb;border-color:#93f0ffd9}.beat-bar .beat-btn--step{min-width:32px;font-size:16px;line-height:1;padding:4px 9px}.beat-bar .beat-readout{font-weight:600;font-size:12.5px;letter-spacing:.02em;white-space:nowrap;min-width:120px;text-align:center;color:#9fd6ef}.beat-bar .beat-sep{width:1px;align-self:stretch;background:#67e8f92e;margin:2px 3px}.mobile-controls{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));right:max(12px,env(safe-area-inset-right,0px));display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));z-index:1000;pointer-events:none}.mobile-controls button{pointer-events:auto;background:#06121ec7;color:#dff3fb;border:1px solid rgba(103,232,249,.45);border-radius:14px;padding:13px 17px;font-weight:600;font-size:15px;min-width:58px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .15s ease}.mobile-controls button:active{background:#0f5c73e6}.mobile-controls button.is-active{background:#0f5c73e6;border-color:#67e8f9e6;color:#67e8f9}.mobile-controls button.is-hidden{display:none}.mobile-controls.is-hidden,.mobile-stick.is-hidden{display:none!important}.mobile-stick{position:fixed;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;border:1.5px solid rgba(103,232,249,.4);background:#06121e52;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;pointer-events:none;display:none}.mobile-stick.is-active{display:block}.mobile-stick-nub{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#67e8f980;transform:translate(-50%,-50%)}.fullscreen-toggle{width:34px;height:34px;display:grid;place-items:center;background:#06121ec7;color:#dff3fb;border:1px solid rgba(103,232,249,.45);border-radius:11px;font-size:16px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .15s ease}.fullscreen-toggle:hover{background:#0f5c73e6}.fullscreen-toggle.is-active{border-color:#67e8f9e6;color:#67e8f9}#VRButton{position:static!important;inset:auto!important;transform:none!important;margin:0!important;width:auto!important;height:auto!important;padding:8px 12px!important;font-family:inherit!important;font-weight:600!important;font-size:12px!important;background:#06121ec7!important;border:1px solid rgba(103,232,249,.45)!important;border-radius:12px!important;color:#dff3fb!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.is-vr-entry #VRButton{position:fixed!important;left:50%!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%);width:auto!important;min-width:240px!important;padding:20px 32px!important;font-size:19px!important;letter-spacing:.14em!important;opacity:1!important;border-color:#67e8f9e6!important;background:#081826eb!important;box-shadow:0 0 44px #67e8f947;z-index:1200!important}@media(max-width:680px){.hud-chip--metric,.beat-bar .beat-label{display:none}}@media(pointer:coarse)and (max-width:1100px){.hud-chip{padding:4px 9px;font-size:11px}.dock-toggle{padding:4px 9px;font-size:10px}.splash h1{font-size:28px}.mobile-controls button{padding:12px 13px;min-width:48px;min-height:44px;font-size:14px}}