.ar{position:fixed;inset:0;z-index:100;background:#000;overflow:hidden}.ar-video{width:100%;height:100%;object-fit:cover}.ar-scrim,.ar-video{position:absolute;inset:0}.ar-scrim{background:radial-gradient(120% 80% at 50% 40%,transparent 55%,rgba(0,0,0,.45)),linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 70%,rgba(0,0,0,.5));pointer-events:none}.ar-close{position:absolute;top:calc(env(safe-area-inset-top, 0px) + 14px);right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:1.1rem;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ar-marker{position:absolute;top:42%;transform:translate(-50%,-50%);display:grid;place-items:center;transition:left .18s ease-out;will-change:left}.ar-kaaba{position:relative;z-index:2;font-size:3.2rem;filter:drop-shadow(0 6px 16px rgba(0,0,0,.55));animation:ar-bob 3.2s ease-in-out infinite alternate}@keyframes ar-bob{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.ar-halo{position:absolute;width:7rem;height:7rem;border-radius:50%;background:radial-gradient(circle,rgba(212,175,94,.55),transparent 65%);animation:ar-halo 3s ease-in-out infinite alternate}@keyframes ar-halo{0%{opacity:.4;transform:scale(.85)}to{opacity:.85;transform:scale(1.15)}}.ar-marker[data-locked=true] .ar-halo{background:radial-gradient(circle,rgba(231,196,106,.85),transparent 68%)}.ar-marker[data-locked=true] .ar-kaaba{animation-play-state:paused}.ar-marker[data-behind=true]{opacity:.35}.ar-hint{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);padding:.5em 1em;border-radius:999px;background:rgba(0,0,0,.5);color:#f3efe6;font-weight:600;font-size:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.ar-status{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom, 0px) + 28px);text-align:center;padding:0 1.5rem;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}.ar-status p{margin:0;font-size:1.05rem}.ar-locked{color:#e7c46a;font-weight:700}.ar-message{position:absolute;inset:0;display:grid;place-content:center;grid-gap:1.2rem;gap:1.2rem;padding:2rem;text-align:center;color:#f3efe6}.ar-message p{margin:0;font-size:1.1rem;line-height:1.55;max-width:22rem}.ar-btn{justify-self:center;min-height:46px;padding:0 1.4em;border:1px solid rgba(231,196,106,.7);border-radius:12px;background:linear-gradient(160deg,#d4af5e,#b08a3c);color:#1b160c;font-weight:700;cursor:pointer}@media (prefers-reduced-motion:reduce){.ar-halo,.ar-kaaba{animation:none}}