:root{color-scheme:dark;--ink:#eff2ec;--muted:#b4bdbd;--gold:#ebcc8e;--panel:#07171bcf;--line:#ffffff35;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#07161c}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#experience,#canvas-host,#canvas-host canvas{position:absolute;inset:0;width:100%;height:100%}#canvas-host canvas{display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(270deg,rgba(3,15,21,.82) 0,rgba(5,19,26,.56) 28%,transparent 56%),linear-gradient(0deg,rgba(2,13,19,.78) 0,transparent 18%),linear-gradient(180deg,rgba(2,13,19,.34) 0,transparent 22%)}
.topbar{position:absolute;top:0;left:0;right:0;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(26px,4vw,70px);color:var(--ink);border-bottom:1px solid #ffffff28;pointer-events:none}.brand{display:flex;align-items:center;gap:24px}.brand-mark,.loading-emblem{font-weight:850;letter-spacing:-.09em;font-size:26px}.brand-mark span,.loading-emblem span{color:var(--gold);padding:0 2px}.brand-copy,.phase-tag{font-size:11px;letter-spacing:.22em;font-weight:750}.brand-copy b{color:var(--gold);padding:0 8px}.phase-tag{color:#deecedb4}.phase-tag span{color:var(--gold);padding:0 9px}
.intro{position:absolute;top:23%;right:clamp(26px,6vw,110px);max-width:min(490px,43vw);color:var(--ink);transition:opacity .7s,transform .7s}.intro.dismissed{opacity:0;transform:translateY(18px);pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.24em;color:var(--gold);font-weight:800}.eyebrow .line{display:inline-block;width:42px;border-top:1px solid var(--gold);vertical-align:middle;margin:0 4px 4px 12px}.intro h1{font-size:clamp(58px,6vw,112px);line-height:.97;letter-spacing:-.066em;margin:25px 0 27px;font-weight:730;text-shadow:0 5px 32px #0006}.intro h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;color:#ffdf9d}.intro-copy{font-size:clamp(15px,1.15vw,19px);line-height:1.55;max-width:390px;color:#f0f0e9dc;margin:0 0 30px}.actions{display:flex;align-items:center;gap:15px}.primary{height:58px;min-width:245px;border:1px solid #fbe2ac;background:var(--gold);color:#16201e;padding:0 25px;border-radius:4px;display:flex;align-items:center;gap:18px;font-size:12px;font-weight:850;letter-spacing:.13em;box-shadow:0 11px 32px #0005;transition:transform .2s,background .2s}.primary:not(:disabled):hover{transform:translateY(-3px);background:#ffdfa3}.play-icon{font-size:14px}.audio-toggle{height:58px;padding:0 19px;border:1px solid #ffffff55;color:var(--ink);background:#0518205c;border-radius:4px;font-size:11px;letter-spacing:.13em;font-weight:750}.audio-toggle span{font-size:17px;padding-left:12px;color:var(--gold)}.hint{font-size:11px;color:#dde4dfac;margin-top:20px;letter-spacing:.04em}
.telemetry{position:absolute;right:clamp(26px,4vw,70px);top:129px;color:#ecf5e9;font-size:10px;letter-spacing:.17em;font-weight:780;background:#0b1d21a8;border:1px solid #ffffff47;padding:15px 18px;display:flex;align-items:center;gap:13px;backdrop-filter:blur(7px)}.pulse{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 16px var(--gold)}
.bottom-bar{position:absolute;bottom:0;left:0;right:0;min-height:88px;border-top:1px solid #ffffff3a;padding:0 clamp(26px,4vw,70px);display:flex;align-items:center;justify-content:space-between;color:#f2f5ef}.progress{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.2em;font-weight:800}.progress-track{width:100px;height:2px;background:#ffffff55}.progress-track>span{display:block;width:12%;height:100%;background:var(--gold);transition:width .6s}.bottom-actions{display:flex;gap:14px}.bottom-actions button{background:none;border:0;color:#e8eeebbd;font-size:14px;letter-spacing:.12em;font-weight:750;display:flex;align-items:center;gap:9px;padding:12px}.bottom-actions button:hover{color:#ffdf9d}.bottom-actions button span{font-size:10px}.bottom-actions #enter-vr{border:1px solid #ffffff8a;border-radius:3px;color:#fff;padding:12px 17px;margin-left:8px}.bottom-actions #enter-vr:hover{background:#ffffff20}
.quiz{position:absolute;left:clamp(26px,6vw,110px);top:27%;max-width:550px;background:linear-gradient(120deg,#081b22ed,#0e282bdb);color:var(--ink);border:1px solid #d9dcc07a;padding:32px 36px 31px;backdrop-filter:blur(12px);box-shadow:0 22px 60px #0008;transition:opacity .4s,transform .4s}.quiz.hidden{opacity:0;transform:translateY(20px);pointer-events:none}.quiz h2{font-weight:630;font-size:clamp(26px,2.4vw,40px);letter-spacing:-.04em;line-height:1.16;margin:15px 0 25px}.choices{display:flex;gap:12px}.choices button{border:1px solid #e7dfc29d;background:#ffffff0a;color:#fff;padding:15px 19px;min-width:155px;border-radius:3px}.choices button:hover{background:#ebcc8e;color:#142127}.choices button.chosen{background:var(--gold);color:#132026}.feedback{font-size:15px;line-height:1.5;color:#f5dca1;min-height:20px;margin:18px 0 0}.loading{position:absolute;inset:0;background:#07171e;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;color:#fff;transition:opacity .9s;z-index:5}.loading.done{opacity:0;pointer-events:none}.loading-emblem{font-size:48px}.loading-caption{font-size:10px;letter-spacing:.3em;color:#d9e4df}.loading-track{width:160px;height:2px;background:#ffffff3b;overflow:hidden}.loading-track i{display:block;width:32%;height:100%;background:var(--gold);animation:load 1.3s ease-in-out infinite alternate}@keyframes load{from{transform:translateX(0)}to{transform:translateX(220%)}}
#toast{position:absolute;bottom:105px;left:50%;transform:translateX(-50%);padding:10px 16px;color:#fff;background:#0a2026df;border:1px solid #ffffff60;font-size:12px;letter-spacing:.05em;opacity:0;pointer-events:none;transition:opacity .3s}#toast.visible{opacity:1}.xr-active .topbar,.xr-active .intro,.xr-active .telemetry,.xr-active .bottom-bar,.xr-active .quiz,.xr-active .vignette{display:none}
@media(max-width:760px){.topbar{height:72px;padding:0 21px}.brand{gap:10px}.brand-copy{font-size:9px}.phase-tag{display:none}.intro{top:17%;left:24px;max-width:calc(100% - 48px)}.intro h1{font-size:clamp(52px,16vw,78px)}.intro-copy{font-size:15px;max-width:285px}.telemetry{top:79px;right:20px;font-size:8px;padding:9px}.bottom-bar{min-height:72px;padding:0 14px}.progress{display:none}.bottom-actions{width:100%;justify-content:space-between;gap:0}.bottom-actions button{padding:10px 6px}.bottom-actions button span{font-size:9px}.quiz{left:18px;right:18px;padding:23px;top:20%}.choices{flex-direction:column}.vignette{background:linear-gradient(90deg,#061920cc,transparent 90%),linear-gradient(0deg,#031117b8,transparent 25%)}}