:root{--bg: #000;--fg: #f2f2f2;--accent: #ffa800;--overlay-fade-ms: .9s}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--fg);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#intro-screen{position:fixed;inset:0;z-index:20;background:#000;display:flex;align-items:center;justify-content:center}#intro-screen.hidden{display:none}#intro-video{width:100%;height:100%;object-fit:cover}.intro-overlay{position:absolute;inset:0;pointer-events:none}.intro-overlay .intro-start-btn{position:static}.intro-actions{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px}.intro-start-btn,.intro-vr-btn{border:1px solid #2fa34a;border-radius:10px;background:#122c16eb;color:#ecffee;font:inherit;font-size:1.15rem;font-weight:600;letter-spacing:.04em;padding:16px 36px;cursor:pointer;pointer-events:auto;transition:background .2s ease,border-color .2s ease}.intro-start-btn:hover,.intro-vr-btn:hover{background:#1e4624f2;border-color:#5fd97a}.intro-start-btn.hidden,.intro-vr-btn.hidden{display:none}#vr-canvas{width:100%;height:100%;display:block;background:#030303}#overlay{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity var(--overlay-fade-ms) ease}#reticle{position:fixed;left:50%;top:50%;width:28px;height:28px;margin-left:-14px;margin-top:-14px;pointer-events:none;z-index:6;opacity:1;transition:opacity .12s ease}#reticle:before,#reticle:after{content:"";position:absolute;left:50%;top:50%;background:#ffffffe6;box-shadow:0 0 2px #000000a6;transform:translate(-50%,-50%)}#reticle:before{width:2px;height:20px}#reticle:after{width:20px;height:2px}#reticle.hidden{opacity:0}#overlay.active{opacity:1}#ui-layer{position:fixed;inset:0;display:block;pointer-events:none;padding:0;z-index:7}.panel{pointer-events:none;width:100%;height:100%}.splash-title{position:fixed;top:34px;left:50%;transform:translate(-50%);color:#7eebacf5;font-size:clamp(1.45rem,3.8vw,2.35rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.7);opacity:1;transition:opacity 1.1s ease}.splash-title.fade-out{opacity:0}.title{margin:0 0 20px;font-size:clamp(1.4rem,2.4vw,2.1rem)}.actions{display:grid;gap:12px}.hint{margin:0 0 14px;color:#d0d0d0;font-size:.95rem}.error{position:fixed;top:16px;left:50%;transform:translate(-50%);width:min(720px,calc(100vw - 32px));padding:12px;border:1px solid #5a2222;border-radius:10px;background:#370c0cbf;pointer-events:auto}.error p{margin:0 0 10px;color:#ffd6d6}.loading{position:fixed;left:16px;bottom:16px;width:min(220px,calc(100vw - 32px));padding:0;border:0;border-radius:0;background:transparent;pointer-events:none}.loading p{margin:0 0 6px;color:#cfe8ff;font-size:.75rem;line-height:1.2}.loading-track{width:100%;height:4px;border-radius:999px;background:#ffffff38;overflow:hidden}.loading-bar{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#49a7ff,#7be7ff);transition:width .15s ease}button{border:1px solid #3c3c3c;border-radius:10px;background:#101010e6;color:var(--fg);font:inherit;font-size:1rem;padding:14px 18px;cursor:pointer}button.primary{border-color:var(--accent)}.music-toggle{position:fixed;bottom:16px;right:16px;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#00000080;color:#fff;font-size:1.2rem;line-height:44px;text-align:center;cursor:pointer;pointer-events:auto;z-index:8;opacity:.7;transition:opacity .2s ease}.music-toggle:hover{opacity:1}.vr-toggle{position:fixed;top:16px;right:16px;height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#00000094;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.02em;cursor:pointer;pointer-events:auto;z-index:8;opacity:.78;transition:opacity .2s ease,border-color .2s ease}.vr-toggle:hover{opacity:1;border-color:#ffffff73}