*{box-sizing:border-box}html,body{color:#f8f5ef;background:#111318;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}canvas#xr-canvas{touch-action:none;background:#101319;display:block;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.app-shell{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));pointer-events:none;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.topbar,.scan-panel,.map-experience,.back-button{pointer-events:auto}.topbar{justify-content:center;align-items:center;gap:16px;min-height:58px;display:none}.eyebrow,.panel-kicker{color:#b8bec8;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(1.25rem,3vw,1.8rem)}.status-pill{color:#f8f5ef;text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111318bd;border:1px solid #ffffff29;border-radius:999px;max-width:min(86vw,420px);padding:10px 12px;font-size:.84rem}.scan-panel{opacity:1;flex-direction:column;justify-content:center;place-self:center;align-items:center;gap:0;width:100%;min-height:100%;transition:opacity .26s,transform .26s;display:flex;transform:translateY(0)}.app-shell[data-view=map] .scan-panel,.app-shell[data-view=detail] .scan-panel{opacity:0;pointer-events:none;transform:translateY(18px)}.target-card{aspect-ratio:1672/941;background:#1c202857;border:1px solid #ffffff2e;border-radius:8px;width:min(100vw - 28px,1120px);max-height:calc(100vh - 48px);position:relative;overflow:hidden;box-shadow:0 28px 80px #00000059}.target-card img,.map-image{object-fit:contain;width:100%;height:100%;display:block}.target-card img{opacity:.58}.scan-frame{border:2px solid #ffffffb8;border-radius:6px;position:absolute;inset:14px;box-shadow:inset 0 0 0 1px #11131873}.scan-copy{text-align:center;max-width:min(86vw,520px);padding:0;display:none}.scan-copy p{color:#dde2e8;font-size:1rem;line-height:1.45}.action-row{flex-wrap:wrap;gap:10px;display:flex}.primary-button,.ghost-button,.back-button{cursor:pointer;border:0;border-radius:8px;min-height:44px;padding:0 16px}.primary-button{color:#111318;background:#f8f5ef;font-weight:800}.primary-button:disabled{cursor:wait;opacity:.64}.ghost-button,.back-button{color:#f8f5ef;background:#ffffff14;border:1px solid #ffffff2e}.map-experience{opacity:0;pointer-events:none;grid-template-columns:minmax(190px,260px) minmax(280px,68vw) minmax(190px,260px);place-self:center;align-items:center;gap:18px;width:min(100%,1240px);transition:opacity .28s,transform .28s;display:grid;transform:scale(.985)}.app-shell[data-view=map] .map-experience,.app-shell[data-view=detail] .map-experience{opacity:1;pointer-events:auto;transform:scale(1)}.app-shell[data-mode=ar][data-view=map] .map-experience,.app-shell[data-mode=ar][data-view=detail] .map-experience,.app-shell[data-mode=ar][data-view=detail] .back-button{opacity:0;pointer-events:none}.app-shell[data-mode=ar] .map-experience{grid-template-columns:minmax(190px,260px) minmax(220px,1fr) minmax(190px,260px)}.app-shell[data-mode=ar] .map-stage{visibility:hidden;box-shadow:none;background:0 0;border:0}.map-stage{--zoom-x:50%;--zoom-y:50%;--zoom-scale:2.5;--accent:#f2c14e;aspect-ratio:16/9;background:#171a21;border:1px solid #ffffff29;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000006b}.map-image{transform-origin:var(--zoom-x) var(--zoom-y);transition:transform .64s cubic-bezier(.2,.8,.2,1),opacity .42s}.hotspot-layer,.detail-image{position:absolute;inset:0}.detail-image{opacity:0;pointer-events:none;background-repeat:no-repeat;background-size:cover;transition:opacity .44s .16s}.app-shell[data-view=detail] .map-image{opacity:0;transform:scale(var(--zoom-scale))}.app-shell[data-view=detail] .detail-image{opacity:1}.hotspot-button{--accent:#f2c14e;cursor:pointer;color:#111318;background:var(--accent);border:0;border-radius:50%;width:42px;height:42px;font-size:.66rem;font-weight:900;transition:transform .16s,opacity .22s;position:absolute;translate:-50% -50%;box-shadow:0 0 0 7px #ffffff2e,0 10px 22px #00000061}.hotspot-button:hover{transform:scale(1.08)}.app-shell[data-view=detail] .hotspot-button{opacity:0;pointer-events:none}.info-panel{border-left:3px solid var(--accent,#f2c14e);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;background:#111318b8;border-radius:8px;min-height:186px;padding:18px;transition:opacity .28s .22s,transform .28s .22s;transform:translateY(12px)}.app-shell[data-view=detail] .info-panel{opacity:1;transform:translateY(0)}.info-panel h2{letter-spacing:0;margin-bottom:10px;font-size:1.2rem}.info-panel p,.info-panel li{color:#dde2e8;font-size:.92rem;line-height:1.45}.info-panel ul{gap:8px;margin:0;padding-left:18px;display:grid}.back-button{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;position:absolute;transform:translateY(12px)}.app-shell[data-view=detail] .back-button{opacity:1;pointer-events:auto;transform:translateY(0)}.app-shell[data-tracking=lost] .map-stage{border-color:#ef476f80}@media (width<=860px){.app-shell{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.topbar{display:none}.status-pill{max-width:46vw;font-size:.76rem}.scan-panel{gap:0}.target-card{width:min(100vw - 24px,720px);max-height:calc(100vh - 36px)}.map-experience{grid-template-columns:1fr;align-content:center;gap:10px}.map-stage{order:1}.info-panel-left{order:2}.info-panel-right{order:3}.info-panel{min-height:0;padding:14px}}