:root{--accent: #1f6feb;--ink: #1d2330;--muted: #5b6577}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#e9ecef;color:var(--ink);font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.screen{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#e9eceff0;text-align:center;padding:24px;transition:opacity .3s}#start{background:#e9ecefb8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}.hidden{display:none!important}.brand-mark{letter-spacing:.5em;font-weight:700;color:var(--accent);font-size:13px}h1{margin:6px 0 0;font-weight:300;font-size:clamp(24px,5vw,44px);letter-spacing:.02em}.bar{width:min(420px,80vw);height:6px;border-radius:3px;background:#cfd5dc;overflow:hidden}#bar-fill{height:100%;width:0;background:var(--accent);transition:width .15s}#loading-text{color:var(--muted);font-size:13px}#enter-btn{font:inherit;font-size:18px;padding:14px 36px;border-radius:999px;border:0;cursor:pointer;background:var(--accent);color:#fff;box-shadow:0 6px 20px #1f6feb59}.controls-list{color:var(--muted);display:grid;gap:8px;max-width:640px}.controls-list b{color:var(--ink);font-weight:600}.touch-only{display:none}@media(pointer:coarse){.touch-only{display:block}.desktop-only{display:none}}#hud{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:5;pointer-events:none}#hint,#status{display:inline-block;background:#1418208c;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;margin-top:4px}#status:empty{display:none}#hud>div{display:block;width:fit-content}@media(pointer:coarse){#hint{display:none}}#toast{position:fixed;top:calc(24px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:6;background:#141820b3;color:#fff;padding:8px 18px;border-radius:999px;font-size:15px;opacity:0;transition:opacity .3s;pointer-events:none}#toast.show{opacity:1}#stats{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:8px;z-index:6;background:#000000a6;color:#7cfc9a;font:11px/1.35 ui-monospace,Menlo,monospace;padding:6px 8px;border-radius:4px;white-space:pre;pointer-events:none}#joystick{position:fixed;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;z-index:5;background:#1418202e;border:2px solid rgba(255,255,255,.6);pointer-events:none}#joystick-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#fffc}#VRButton{z-index:7!important}