:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#f6f3e8;background:#0e1825;color-scheme:dark}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none}
button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:not-allowed}
.background{position:fixed;inset:0;background:radial-gradient(ellipse 88% 76% at 63% 57%,#20475a 0%,#122d3b 42%,#101927 85%)}
.background:after{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(#c0d5df22 1px,transparent 1px),linear-gradient(90deg,#c0d5df22 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(transparent 20%,black 92%)}
#stage{position:fixed;inset:0}#stage canvas{display:block;width:100%;height:100%}
#xr-overlay{position:fixed;inset:0;z-index:2;display:flex;flex-direction:column;pointer-events:none;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
#xr-overlay button{pointer-events:auto}
header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.identity{display:flex;gap:12px;align-items:center}.mark{display:grid;place-items:center;border:1px solid #d5bd89;border-radius:50%;color:#dec594;width:37px;height:37px;font-size:31px;transform:rotate(-25deg)}
.identity small{display:block;font-size:9px;letter-spacing:.2em;font-weight:700;color:#d7c397}.identity strong{display:block;margin-top:4px;font-size:15px;letter-spacing:.14em}.eyebrow{text-align:right;font-size:9px;letter-spacing:.14em;line-height:1.6;color:#acc5cf}
.intro{margin-top:min(13vh,110px);max-width:445px}.label{font-size:10px;letter-spacing:.16em;font-weight:700;color:#e2c88d}.intro h1{font-size:clamp(41px,9vw,77px);line-height:.98;letter-spacing:-.05em;margin:18px 0 20px}.intro h1 em{font-style:normal;color:#c1e0db}.intro p{font-size:14px;line-height:1.6;color:#b5c9d1;max-width:330px;margin:0}.spec{font-size:10px;letter-spacing:.07em;color:#d2bf92;margin-top:20px}
.models{position:absolute;right:20px;top:40%;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.models button{border:1px solid #7095a087;border-radius:9px;color:#b8d1d4;background:#172f3be8;padding:10px 12px;text-align:right;font-size:12px}.models button[aria-pressed=true]{border-color:#e2ca90;background:#354b53;color:#f4dcab}
.controls{margin-top:auto;max-width:550px;padding-bottom:21px}.controls #status{font-size:13px;line-height:1.55;min-height:24px;color:#e0e9e9}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{border:1px solid #c3af87b0;padding:13px 21px;min-height:47px;border-radius:12px;background:#1b3844ed;color:#f4e9d3;font-weight:750}.actions .primary{background:#e1c58d;border-color:#f1dbb1;color:#192834;min-width:160px}.tracking{font-size:11px;line-height:1.45;color:#9cbbc5;margin-top:12px}footer{font-size:10px;letter-spacing:.09em;color:#7699a5}
.scan-prompt{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);background:#132f3acb;border:1px solid #89adb0a3;border-radius:12px;text-align:center;line-height:1.5;font-size:12px;width:min(310px,83vw);padding:12px}
body[data-xr=active] .background,body[data-xr=active] .intro,body[data-xr=active] footer{display:none}
body[data-xr=active] .models{top:auto;bottom:188px}
body[data-xr=active] .controls{max-width:100%;padding-bottom:22px}
@media(max-width:520px){.intro{margin-top:7vh}.intro h1{font-size:47px}.models{top:49%}.spec{font-size:9px}.models button{font-size:11px}.eyebrow{font-size:8px}}
@media(max-height:680px){.intro{margin-top:18px}.intro h1{font-size:38px}.spec{display:none}.models{top:46%}.controls{padding-bottom:6px}}