:root{color:#eff6ff;background:linear-gradient(#020617 0%,#071a2f 100%);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#57d7ff1f,#0000 30%),linear-gradient(#020617 0%,#071a2f 100%);min-height:100vh;margin:0}button{font:inherit}.stage-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem}.hero-panel{position:relative}.mobile-launcher-link{color:#04121f;background:linear-gradient(135deg,#0ea5e9,#38bdf8);border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:opacity .2s;position:absolute;top:1.5rem;right:1.5rem}.mobile-launcher-link:hover{opacity:.85}.hero-panel,.instructions-panel,.status-grid article,.viewport-shell{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172abf;border:1px solid #94a3b833;border-radius:24px;box-shadow:0 20px 60px #02061759}.hero-panel,.instructions-panel,.viewport-shell{padding:1.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#56d0ff;margin:0 0 .5rem;font-size:.8rem}.hero-panel h1,.instructions-panel h2,.status-grid h2{margin:0 0 .75rem}.hero-copy{color:#cbd5e1;max-width:65ch}.mode-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.primary,.secondary{cursor:pointer;border:none;border-radius:999px;padding:.8rem 1.2rem;transition:transform .2s,opacity .2s}.primary{color:#04121f;background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.secondary{color:#eff6ff;background:#1e293be6;border:1px solid #94a3b840}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}.status-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.status-grid article{padding:1.25rem}.status-grid ul,.instructions-panel ol{color:#cbd5e1;margin:0;padding-left:1.1rem}.instructions-panel{margin-top:1rem}.viewport-shell{margin-top:1rem;position:relative}.viewport-label{text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;margin-bottom:.75rem;font-size:.85rem}.canvas-host{background:linear-gradient(#0ea5e926,#0f172ae6);border-radius:20px;min-height:420px;position:relative;overflow:hidden}.canvas-host canvas{display:block;width:100%!important;height:100%!important}.overlay-host{pointer-events:none;position:absolute;inset:auto 2rem 2rem}.overlay-card{color:#e2e8f0;background:#020617bf;border:1px solid #94a3b833;border-radius:16px;flex-direction:column;gap:.35rem;max-width:360px;padding:.9rem 1rem;display:inline-flex}.warning{color:#fecaca;margin-top:.75rem}.xr-guidance{margin-top:.75rem}.xr-guidance p{color:#cbd5e1;margin:0 0 .6rem}.xr-guidance-action{font-weight:700;text-decoration:none;display:inline-block}.xr-guidance-hint{color:#94a3b8;margin:.6rem 0 0;font-size:.85rem}.xr-guidance .secondary{margin-top:.6rem}@media (width<=768px){.stage-shell{width:min(100% - 1rem,100%);padding-top:1rem}.canvas-host{min-height:300px}.overlay-host{inset:auto 1rem 1rem}}