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__report{margin-top:14px;color:#67e8f9bf;font-size:11px;letter-spacing:.16em;text-decoration:none;border-bottom:1px solid rgba(103,232,249,.35)}.splash__report:hover{color:#67e8f9;border-bottom-color:#67e8f9}.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-more{display:none}.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{box-sizing:border-box;position:fixed;display:flex;flex-direction:column;gap:2px;min-width:168px;max-width:calc(100vw - 16px);overflow-y:auto;overscroll-behavior:contain;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{min-height:44px;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__heading{padding:7px 10px 3px;color:#aacad5bf;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.preset-menu__item:hover{background:#0f5c7399}.dock button:focus-visible,.preset-menu__item:focus-visible{outline:2px solid #b5e8f2;outline-offset:2px}.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__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}.stats-overlay{position:fixed;top:max(10px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));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);color:#d8ebf4;font-family:SF Mono,Cascadia Mono,ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap;z-index:60;pointer-events:none}.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:49;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:48;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%)!important;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(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}}.outing-panel{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:19;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 28px);padding:9px 12px;background:#172422e8;color:#f7ead3;border:1px solid #acbca650;border-radius:10px;font:13px system-ui;box-shadow:0 4px 20px #0003;pointer-events:auto}.outing-panel[hidden],.outing-panel [hidden],.outing-mode[hidden]{display:none}.outing-panel strong,.outing-panel span:not(.outing-arrow){display:block;white-space:nowrap}.outing-panel strong{font-size:14px;margin-bottom:3px}.outing-panel div>span{color:#ccd5c6;font-size:12px}.outing-arrow{font-size:27px;line-height:1;width:24px;text-align:center}.outing-panel button,.outing-mode{min-height:40px;padding:8px 12px;background:#2a4039;color:#f7ead3;border:1px solid #acbca650;border-radius:8px;cursor:pointer}.outing-panel button:focus-visible,.outing-mode:focus-visible{outline:2px solid #eed4a7;outline-offset:2px}@media(max-width:600px){.outing-panel{top:max(10px,env(safe-area-inset-top));gap:8px;padding:8px}.outing-panel strong{font-size:13px}.outing-panel div>span{font-size:11px}.outing-panel button{padding:8px;min-width:40px}}:root{--ui-surface: rgba(22, 30, 29, .95);--ui-line: rgba(192, 204, 184, .24);--ui-text: #f1eee4;--ui-muted: #b9c3ba;--ui-accent: #d8e7b9}.dock--quiet{align-items:center;flex-direction:row;gap:6px;color:var(--ui-text);font:13px system-ui,sans-serif}.dock__status{margin-right:auto}.dock__primary{display:flex;gap:4px}.dock--quiet button,.ui-panel button,.controls-card button{box-sizing:border-box;min-height:44px;min-width:44px;padding:10px 14px;border:1px solid var(--ui-line);border-radius:10px;color:var(--ui-text);background:var(--ui-surface);font:500 13px system-ui,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;touch-action:manipulation;pointer-events:auto}.dock--quiet button:hover,.ui-panel button:hover,.controls-card button:hover{background:#35443a}.dock--quiet button.is-active,.ui-panel button.is-active,.ui-panel button[aria-pressed=true]{background:#364537;color:var(--ui-accent);border-color:#b4c89180}.dock--quiet button:focus-visible,.preset-menu button:focus-visible,.controls-card button:focus-visible,.tour-notice button:focus-visible,.mobile-controls button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.hud-live{box-sizing:border-box;min-width:88px;padding:6px 12px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);font-variant-numeric:tabular-nums}.hud-live strong{display:block;font-size:14px;font-weight:550;line-height:18px}.hud-live span{display:block;color:var(--ui-muted);font-size:10px;line-height:13px}.preset-menu,.controls-card{background:var(--ui-surface);border-color:var(--ui-line);color:var(--ui-text);box-shadow:0 8px 32px #0005;font-family:system-ui,sans-serif}.preset-menu__item{flex-shrink:0;font-size:13px;color:var(--ui-text)}.preset-menu__item:hover,.preset-menu__item.is-active{background:#35443a;color:var(--ui-accent)}.preset-menu__item:disabled{opacity:.4;cursor:default}.ui-panel{width:340px;padding:16px;gap:6px}.ui-panel h2,.controls-card h2{font-size:16px;font-weight:600;margin:0 0 4px}.ui-panel__hint{margin:0 0 8px;color:var(--ui-muted);font-size:12px;line-height:1.5}.ui-section{padding:12px 0;border-bottom:1px solid var(--ui-line)}.ui-section:last-child{padding-bottom:0;border-bottom:0}.ui-section h3{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ui-muted);margin:0 0 8px}.ui-panel .dock__cluster{pointer-events:auto;gap:6px}.ui-panel .hud-chip:not(button){display:inline-block;background:none;border:none;border-radius:0;color:var(--ui-muted);padding:6px 4px;font-size:11px}.ui-panel .beat-label{display:none}.ui-panel .environment-label{font-size:12px;margin-right:2px;color:var(--ui-muted)}.ui-panel button{background:#ffffff06;padding:10px 12px;flex-shrink:0}.ui-panel button:disabled{opacity:.4;cursor:default}.ui-panel .preset-menu__item{border:0;text-align:left}.place-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #c0ccb814;flex-shrink:0}.place-row:last-child{border-bottom:0}.places-menu{gap:2px}.places-menu.ui-panel>h2{background:#161e1d}.ui-panel .place-guide,.place-label{flex:1;min-width:0;text-align:left;padding:12px 4px;border:0;background:transparent}.place-label{color:var(--ui-muted);font-size:13px}.place-guide span{float:right;padding-left:8px;color:var(--ui-accent)}.ui-panel .place-visit{font-size:11px;padding:10px;background:transparent}.ui-panel .fullscreen-toggle{width:44px;height:44px}.ui-panel #VRButton{min-height:44px!important;background:transparent!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}.controls-card{box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;padding:16px}.controls-card__header{display:flex;justify-content:space-between;align-items:center}.controls-card__header h2{margin:0}.controls-card__summary{text-align:left;color:var(--ui-muted);font-size:12px;line-height:1.5}.controls-card__column h4{color:var(--ui-accent)}.controls-card__row{line-height:1.5}.controls-card__row span:first-child{color:var(--ui-muted)}.tour-notice{box-sizing:border-box;position:fixed;left:max(14px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));width:min(330px,calc(100vw - 28px));padding:16px 48px 16px 16px;z-index:18;color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:12px;font:13px/1.55 system-ui,sans-serif}.tour-notice strong{display:block;font-size:13px;margin-bottom:6px}.tour-notice p{margin:0 0 4px;color:var(--ui-muted)}.tour-notice p:last-child{margin:0}.tour-notice button{position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:var(--ui-muted);font-size:20px;cursor:pointer}.tour-notice button:hover{color:var(--ui-text);background:#ffffff0b}.mobile-controls button{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-line)}.outing-panel button{min-width:44px;min-height:44px}.ui-panel [hidden],.hud-live[hidden],.tour-notice[hidden],.dock--quiet [hidden]{display:none!important}@media(max-width:400px){.dock--quiet button{padding:10px 11px;font-size:12px}.hud-live{min-width:80px;padding:6px 9px}.controls-card__columns{flex-direction:column;gap:14px}}@media(max-height:460px){.tour-notice{max-height:46vh;overflow-y:auto}}.ui-panel .beat-bar .beat-btn{background:#ffffff06;border-color:var(--ui-line);color:var(--ui-text);font-size:13px;padding:10px 12px}.ui-panel .beat-bar .beat-btn:hover{background:#35443a}.ui-panel .beat-bar .beat-btn[aria-pressed=true]{background:#364537;border-color:#b4c89180;color:var(--ui-accent)}body.has-ui-popup .tour-notice{visibility:hidden}.controls-card{width:min(560px,calc(100vw - 24px))}.controls-card__columns{gap:24px}.controls-card__row span:first-child{flex-shrink:0;max-width:90px}.ui-panel>h2{position:sticky;top:-16px;z-index:1;background:var(--ui-surface);padding:6px 0}@media(max-width:600px){.controls-card__columns{flex-direction:column;gap:14px}}