:root{color-scheme:dark;font-family:Space Grotesk,Segoe UI,sans-serif;background:#000}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%}body{min-height:100vh;overflow:hidden}button{font:inherit}.bg-music-audio{position:absolute;width:0;height:0;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%)}.app-shell{position:relative;width:100%;height:100vh;overflow:hidden}.scene-host,.scene-canvas{position:absolute;inset:0}.live-location-badge{position:absolute;top:auto;left:auto;bottom:clamp(.65rem,2vh,1.25rem);right:clamp(.65rem,2vw,1.15rem);z-index:80;display:flex;align-items:center;gap:.5rem;max-width:min(22rem,calc(100vw - 2rem));pointer-events:none;font-family:Palatino Linotype,Palatino,Book Antiqua,Times New Roman,Times,serif;font-size:clamp(.7rem,1.35vw,.9rem);font-weight:400;letter-spacing:.02em;color:#f8fafff5}.live-location-badge__dot{flex-shrink:0;width:.55rem;height:.55rem;border-radius:50%;background:#ff2020;box-shadow:0 0 0 2px #00000059,0 0 14px #ff2828f2;animation:live-location-badge-blink 1.1s ease-in-out infinite}.live-location-badge__text{line-height:1.25}@keyframes live-location-badge-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.88)}}.scan-phase-active .live-location-badge{opacity:0;visibility:hidden}.intro-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:1.5rem;padding-bottom:clamp(1.35rem,5vh,3rem);transition:opacity .32s ease,visibility .32s ease}.intro-video-wrap{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#000}.intro-video-scrim{position:absolute;inset:0;z-index:1;background:#02050c94;pointer-events:none}.intro-title-art{position:absolute;top:clamp(1.75rem,6.5vh,3.75rem);left:50%;transform:translate(-50%);z-index:2;width:min(96vw,64rem);max-width:96vw;height:auto;max-height:min(72vh,900px);object-fit:contain;object-position:center top;pointer-events:none}.intro-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 48%;transform:scale(1.06) translateY(.5vh) rotate(180deg);transform-origin:center center;z-index:0}.intro-panel{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:auto;max-width:min(28rem,100%);padding:0;margin:0;background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.intro-eyebrow{margin:0 0 .65rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#85cdfd}.intro-copy{margin:1rem 0 1.2rem;max-width:28rem;color:#eaf2ffcc;font-size:1rem;line-height:1.5}.start-button{padding:.85rem 1.35rem;border:0;border-radius:9999px;background:#fff;color:#04101c;font-weight:600;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.start-button:hover:not(:disabled){transform:translateY(-1px)}.start-button:disabled{opacity:.56;cursor:default}.intro-status{margin:.75rem 0 0;min-height:1.35rem;max-width:28rem;text-align:center;color:#d7e9ffb8;font-size:.92rem}.status-pill{position:absolute;top:1rem;left:50%;z-index:2;transform:translate(-50%);padding:.65rem .9rem;border-radius:999px;border:1px solid rgba(154,220,255,.18);background:#040a12b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ebf4ffcc;font-size:.88rem;white-space:nowrap;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}.status-pill.is-hidden{opacity:0;visibility:hidden;transform:translate(-50%) translateY(-10px)}.reset-button{position:absolute;left:50%;bottom:1.2rem;z-index:3;transform:translate(-50%);padding:.82rem 1.15rem;border:0;border-radius:999px;background:#fff;color:#04101c;font-weight:500;cursor:pointer;transition:opacity .22s ease,transform .22s ease,visibility .22s ease}.reset-button.is-hidden{opacity:0;visibility:hidden;transform:translate(-50%) translateY(10px);pointer-events:none}.experience-live .intro-overlay{opacity:0;visibility:hidden;pointer-events:none}.experience-live .live-location-badge{display:none}.scan-phase-active .intro-overlay{opacity:0;visibility:hidden;pointer-events:none}.scan-phase-active .camera-preview{inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;border-radius:0;border:none;box-shadow:none;padding:0;object-fit:cover;z-index:60;transform:scaleX(-1)}.scan-phase-active .music-mute-button,.scan-phase-active .status-pill,.scan-phase-active .reset-button{opacity:0;visibility:hidden;pointer-events:none}.scan-hud-corners{position:absolute;inset:0;z-index:74;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.app-shell.scan-phase-active .scan-hud-corners{opacity:1;visibility:visible}.scan-hud-corners__bracket{position:absolute;width:clamp(2.35rem,7vw,3.5rem);height:clamp(2.35rem,7vw,3.5rem);border:0 solid #ff2020;box-sizing:border-box;filter:drop-shadow(0 0 3px rgba(255,70,70,1)) drop-shadow(0 0 10px rgba(255,30,30,.85)) drop-shadow(0 0 22px rgba(255,0,40,.45))}.scan-hud-corners__bracket--tl{top:calc(1rem + env(safe-area-inset-top,0px));left:calc(1rem + env(safe-area-inset-left,0px));border-top-width:2px;border-left-width:2px}.scan-hud-corners__bracket--tr{top:calc(1rem + env(safe-area-inset-top,0px));right:calc(1rem + env(safe-area-inset-right,0px));border-top-width:2px;border-right-width:2px}.scan-hud-corners__bracket--bl{bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:calc(1rem + env(safe-area-inset-left,0px));border-bottom-width:2px;border-left-width:2px}.scan-hud-corners__bracket--br{bottom:calc(1rem + env(safe-area-inset-bottom,0px));right:calc(1rem + env(safe-area-inset-right,0px));border-bottom-width:2px;border-right-width:2px}.scan-phase-overlay{position:absolute;inset:0;z-index:70;pointer-events:none;background:linear-gradient(180deg,rgba(2,6,12,.08) 0%,transparent 18%,transparent 82%,rgba(2,6,12,.08) 100%)}.scan-phase-overlay.is-hidden{display:none}.face-detected-overlay{position:absolute;inset:0;z-index:75;display:flex;align-items:center;justify-content:center;pointer-events:none}.face-detected-overlay.is-hidden{display:none}.face-detected-label{margin:0;padding:0 1rem;font-size:clamp(1.35rem,5vw,2.85rem);font-weight:700;letter-spacing:.22em;text-indent:.22em;text-transform:uppercase;color:#fffcf8f5;text-shadow:0 0 18px rgba(255,60,80,.55),0 0 42px rgba(255,20,40,.38),0 2px 14px rgba(0,0,0,.88)}.scan-phase-line{position:absolute;left:0;right:0;top:0;height:6px;transform:translateY(-50%);background:linear-gradient(90deg,transparent 0%,rgba(255,0,0,.2) 15%,rgba(255,240,240,.95) 42%,#ff1a1a 50%,rgba(255,240,240,.95) 58%,rgba(255,0,0,.2) 85%,transparent 100%);box-shadow:0 0 18px 4px #ff2828,0 0 36px 8px #ff1414bf,0 0 72px 16px #ff003c73,0 0 120px 28px #ff005038;animation:scan-phase-sweep var(--scan-sweep-duration, 5s) linear forwards}@keyframes scan-phase-sweep{0%{top:0%}50%{top:100%}to{top:0%}}.music-mute-button{position:absolute;left:1rem;bottom:1rem;z-index:5;display:flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;padding:0;border-radius:999px;border:1px solid rgba(154,220,255,.22);background:#040a12c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ebf4ffeb;cursor:pointer;transition:background .16s ease,transform .16s ease}.music-mute-button svg{display:block;flex-shrink:0}.music-mute-button:hover{background:#0c1624e0;transform:translateY(-1px)}.camera-preview{position:absolute;right:1rem;bottom:1rem;z-index:2;width:min(18rem,30vw);aspect-ratio:4 / 3;object-fit:contain;object-position:center;border-radius:1.25rem;border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 48px #0000006b;transform:scaleX(-1);background:#02060ce0;padding:.18rem}.camera-preview.is-scene-mirror-source{z-index:4}@media(max-width:820px){.intro-overlay{padding:.85rem;padding-bottom:clamp(1.1rem,4.5vh,2.75rem)}.intro-panel{padding:0}.status-pill{top:.65rem;max-width:calc(100vw - 1rem);text-align:center;white-space:normal}.camera-preview{width:8.5rem;right:.5rem;bottom:.5rem}.music-mute-button{left:.5rem;bottom:.5rem;width:2.45rem;height:2.45rem}}