:root{color:#f5f1e6;font-synthesis:none;text-rendering:optimizelegibility;background:#122018;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:none}button,select,input{font:inherit}button{color:inherit}.experience,.render-mount{width:100%;height:100%;position:relative;overflow:hidden}.render-mount canvas{cursor:grab;width:100%;height:100%;display:block}.render-mount canvas:active{cursor:grabbing}.vignette{pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 48%,#070f0b29 78%,#060a0859 110%);position:absolute;inset:0}.brand{z-index:4;text-shadow:0 2px 25px #03080559;pointer-events:none;max-width:540px;position:absolute;top:clamp(22px,4vw,58px);left:clamp(22px,5vw,72px)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.brand h1{letter-spacing:-.04em;white-space:nowrap;margin:0;font:500 clamp(28px,2.6vw,38px)/1 Georgia,serif}.tagline{letter-spacing:.035em;opacity:.84;margin:15px 0 0;font-size:13px}.controls{z-index:5;align-items:center;gap:10px;display:flex;position:absolute;top:24px;right:28px}.control-cluster,.quality-control{-webkit-backdrop-filter:blur(15px)saturate(120%);backdrop-filter:blur(15px)saturate(120%);background:#1b2a21ad;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex;box-shadow:0 8px 28px #040a072e}.pill,.time-button{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:10px 13px;font-size:12px;transition:background .2s,color .2s}.pill span{opacity:.68;margin-left:4px}.pill:hover,.time-button:hover,.pill.is-active,.time-button.is-active{color:#294436;background:#f1f5e5eb}.aperture-control{color:#ffffffbd;grid-template-columns:auto 58px;align-items:center;gap:7px;padding:0 9px;font-size:10px;display:grid}.aperture-control input{accent-color:#d8e8ce;width:58px}.quality-control{text-transform:uppercase;letter-spacing:.08em;gap:6px;padding:7px 9px 7px 13px;font-size:10px}.quality-control select{color:#ecf5eb;background:#355443;border:0;border-radius:999px;outline:none;padding:6px 8px}.hud{z-index:4;text-shadow:0 2px 12px #00000080;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:18px;font-size:11px;display:flex;position:absolute;bottom:25px;left:clamp(18px,4vw,58px);right:clamp(18px,4vw,58px)}.hud p{margin:0}.hud span{opacity:.54;margin:0 7px}.runtime-status{opacity:.82;margin-left:auto!important}.quality-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121f1880;border-radius:999px;padding:7px 10px}.loading{z-index:20;background:radial-gradient(circle at 50% 35%,#345442 0,#17271e 42%,#0c1510 100%);place-items:center;transition:opacity .55s,visibility .55s;display:grid;position:absolute;inset:0}.loading.is-hidden{opacity:0;visibility:hidden}.loading-card{text-align:center;width:min(420px,100% - 46px)}.loading-kicker{text-transform:uppercase;letter-spacing:.24em;color:#adcab6;font-size:11px}.loading h2{margin:12px 0 30px;font:500 36px/1.05 Georgia,serif}.loading-track{background:#ffffff26;height:2px;overflow:hidden}.loading-bar{transform-origin:0;background:#dbe8d5;height:100%;transition:transform .45s;transform:scaleX(0)}.loading-text{color:#9eb2a3;font-size:12px}.error-stack{z-index:30;gap:8px;display:grid;position:absolute;bottom:64px;left:20px}.error-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#3e2119e0;border:1px solid #ffb49661;border-radius:12px;max-width:420px;margin:0;padding:12px 14px;font-size:12px}.touch-pad{display:none}.unsupported{text-align:center;background:#102017;place-content:center;min-height:100%;padding:32px;display:grid}.unsupported p{color:#a9b9ad}.unsupported h1{max-width:700px;margin:8px auto;font:500 clamp(34px,8vw,70px)/1 Georgia,serif}@media (width<=980px){.controls{flex-wrap:wrap;justify-content:flex-end;top:16px;left:14px;right:14px}.brand{top:105px;left:18px}.brand h1{font-size:44px}.tagline{max-width:270px}.aperture-control{display:none}.time-cluster{order:3;justify-content:center;width:100%;overflow-x:auto}.hud>p:first-child{display:none}}@media (hover:none),(pointer:coarse){.camera-cluster [data-action=pointer-lock]{display:none}.touch-pad{z-index:6;color:#ffffff9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);touch-action:none;-webkit-user-select:none;user-select:none;background:#15241b30;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;bottom:65px}.touch-pad span{letter-spacing:.12em;text-transform:uppercase;pointer-events:none;font-size:10px}.move-pad{left:22px}.look-pad{right:22px}.hud{justify-content:center;bottom:20px}.runtime-status{margin-left:0!important}.quality-status{display:none}}@media (width<=520px){.controls{align-items:flex-start}.control-cluster{max-width:100%}.pill,.time-button{padding:9px 10px;font-size:10px}.quality-control{margin-left:auto}.brand{top:138px}.brand h1{font-size:34px}.tagline{font-size:11px}}.interaction-prompt{z-index:5;color:#edf1e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;touch-action:manipulation;white-space:nowrap;background:#22382bba;border:1px solid #e6eddb66;border-radius:24px;padding:10px 18px;font:12px system-ui;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}@media (width<=720px){.interaction-prompt{bottom:calc(190px + env(safe-area-inset-bottom));max-width:92%;font-size:11px}}