:root{--deep: #06283d;--ink: #f3f8fb;--muted: #b9cfdb;--accent: #ffd166;--accent-ink: #1b1400}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--deep);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}[hidden]{display:none!important}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.overlay{background:#06283df0;z-index:10}.panel{width:100%;max-width:440px}.eyebrow{margin:0 0 8px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}h1{margin:0 0 20px;font-size:2rem;line-height:1.15}h2{margin:0 0 12px;font-size:1.4rem}.steps{margin:0 0 28px;padding-left:1.2em;line-height:1.5;color:var(--muted)}.steps li{margin-bottom:12px}.steps strong{color:var(--ink)}.primary{width:100%;min-height:56px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-ink);font-size:1.15rem;font-weight:700;cursor:pointer}.primary:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.fineprint{margin:14px 0 0;font-size:.85rem;color:var(--muted);text-align:center}#experience{padding:0;background:#000}#ar,#camera-test{width:100%;height:100%;object-fit:cover;display:block}.banner{position:absolute;left:12px;right:12px;top:max(12px,env(safe-area-inset-top));padding:12px 14px;border-radius:12px;background:#06283de0;color:var(--ink);font-size:.95rem;line-height:1.4}.spinner{width:44px;height:44px;margin:0 auto 16px;border:4px solid rgba(255,255,255,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}#loading .panel,#problem .panel{text-align:center}#problem-text{margin:0 0 24px;line-height:1.5;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}