.qibla-live{position:relative;min-height:100dvh;justify-content:center;gap:var(--space-4);padding:var(--space-5) var(--space-4) calc(var(--space-5) + 4.5rem);text-align:center}.qibla-bloom{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease-calm);background:radial-gradient(ellipse 120% 90% at 50% 40%,color-mix(in oklab,var(--color-gold-hi) 38%,transparent),transparent 72%)}.qibla-live[data-locked=true] .qibla-bloom{opacity:1}.qibla-head{position:relative;display:flex;flex-direction:column;gap:var(--space-1)}.qibla-eyebrow{font-size:.85rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold-deep)}.qibla-title{font-family:var(--font-display);font-size:clamp(1.9rem,7vw,2.6rem);font-weight:600;color:var(--color-ivory);line-height:1.1}.qibla-mute{position:absolute;top:calc(env(safe-area-inset-top, 0px) + var(--space-3));right:var(--space-3);z-index:5;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--color-night-border);background:var(--color-night-raised);color:var(--color-ivory-dim);font-size:1.25rem;line-height:1;cursor:pointer}.qibla-stage{position:relative;width:min(76vw,20rem);aspect-ratio:1;flex-shrink:0}.qibla-dial{position:absolute;inset:0;border-radius:50%;border:2px solid color-mix(in oklab,var(--color-gold) 55%,transparent);background:radial-gradient(circle at 50% 45%,color-mix(in oklab,var(--color-gold-hi) 12%,var(--color-night-raised)),var(--color-night-raised) 75%);box-shadow:0 1.2rem 3rem color-mix(in oklab,var(--color-gold-deep) 14%,transparent);transition:transform .5s var(--ease-calm);will-change:transform}.qibla-live[data-locked=true] .qibla-dial{border-color:var(--color-gold)}.qibla-tick{position:absolute;inset:0}.qibla-tick:before{content:"";position:absolute;top:.55rem;left:50%;width:2px;height:.75rem;margin-left:-1px;border-radius:2px;background:color-mix(in oklab,var(--color-gold) 45%,transparent)}.qibla-wind{position:absolute;inset:0;font-size:1.05rem;font-weight:700;color:var(--color-ivory-faint)}.qibla-wind span{position:absolute;top:1.6rem;left:50%;transform:translateX(-50%)}.qibla-wind[data-dir=N] span{color:var(--color-gold-deep)}.qibla-kaaba-arm{inset:0;will-change:transform}.qibla-kaaba,.qibla-kaaba-arm{position:absolute;transition:transform .5s var(--ease-calm)}.qibla-kaaba{top:-1.35rem;left:50%;width:2.7rem;height:2.7rem;margin-left:-1.35rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.45rem;background:var(--color-night-raised);border:2px solid var(--color-gold);box-shadow:0 .35rem 1rem color-mix(in oklab,var(--color-gold-deep) 25%,transparent)}.qibla-live[data-locked=true] .qibla-kaaba{border-color:var(--color-gold-hi)}.qibla-beam{position:absolute;left:calc(50% - .3rem);top:8%;bottom:50%;width:.6rem;border-radius:999px;background:linear-gradient(to top,color-mix(in oklab,var(--color-gold) 85%,transparent),color-mix(in oklab,var(--color-gold) 25%,transparent));pointer-events:none}.qibla-beam:before{content:"";position:absolute;top:-1rem;left:50%;margin-left:-.85rem;border-left:.85rem solid transparent;border-right:.85rem solid transparent;border-bottom:1.15rem solid var(--color-gold)}.qibla-beam-glow{position:absolute;left:calc(50% - .3rem);top:8%;bottom:50%;width:.6rem;border-radius:999px;background:linear-gradient(to top,var(--color-gold-hi),color-mix(in oklab,var(--color-gold-hi) 35%,transparent));opacity:0;transition:opacity .9s var(--ease-calm);pointer-events:none}.qibla-live[data-locked=true] .qibla-beam-glow{opacity:1}.qibla-hub{position:absolute;left:50%;top:50%;width:1.1rem;height:1.1rem;margin:-.55rem 0 0 -.55rem;border-radius:50%;background:var(--color-gold-deep);border:2px solid var(--color-night-raised)}.qibla-guide{font-size:clamp(1.5rem,5.5vw,1.9rem);font-weight:600;color:var(--color-ivory);line-height:1.3;max-width:22ch}.qibla-degrees{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;font-size:clamp(4.2rem,19vw,6.5rem);line-height:1;color:var(--color-gold-deep)}.qibla-degrees .turn{font-family:var(--font-ui);font-size:clamp(1.15rem,4vw,1.4rem);font-weight:700;color:var(--color-ivory-dim)}.qibla-locked-title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.1rem,9vw,3rem);line-height:1.15;color:var(--color-gold-deep)}.qibla-locked-sub{font-size:1.2rem;color:var(--color-ivory-dim);margin-top:var(--space-1)}.qibla-meta{font-size:1.15rem;color:var(--color-ivory-dim);line-height:1.5}.qibla-prayer{font-size:1rem;color:var(--color-ivory-faint)}.qibla-hint{font-size:1.05rem;color:var(--color-ivory-dim);line-height:1.55;max-width:30ch}.qibla-big-btn{font-size:1.25rem;padding:1rem 2.2rem;border-radius:999px}.qibla-masjids{font-size:1.05rem;font-weight:600;color:var(--color-gold-deep);text-decoration:none}.qibla-calib{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-5);text-align:center;background:color-mix(in oklab,var(--color-night) 94%,var(--color-gold))}.calib-title{font-family:var(--font-display);font-size:clamp(1.8rem,7vw,2.4rem);font-weight:600;color:var(--color-ivory)}.calib-text{font-size:1.35rem;color:var(--color-ivory-dim);line-height:1.5;max-width:24ch}.calib-eight{position:relative;width:13rem;height:8rem}.calib-eight svg{position:absolute;inset:0;width:100%;height:100%}.calib-phone{position:absolute;top:50%;left:50%;width:2rem;height:3.4rem;border-radius:.45rem;border:3px solid var(--color-gold-deep);background:var(--color-night-raised);animation:calib-eight-path 3.6s ease-in-out infinite;will-change:transform}.calib-phone:after{content:"";position:absolute;bottom:.25rem;left:50%;width:.6rem;height:2px;margin-left:-.3rem;border-radius:2px;background:var(--color-gold-deep)}@keyframes calib-eight-path{0%{transform:translate(-50%,-50%) translate(0) rotate(0deg)}12.5%{transform:translate(-50%,-50%) translate(3.2rem,1.5rem) rotate(8deg)}25%{transform:translate(-50%,-50%) translate(4.5rem) rotate(0deg)}37.5%{transform:translate(-50%,-50%) translate(3.2rem,-1.5rem) rotate(-8deg)}50%{transform:translate(-50%,-50%) translate(0) rotate(0deg)}62.5%{transform:translate(-50%,-50%) translate(-3.2rem,1.5rem) rotate(-8deg)}75%{transform:translate(-50%,-50%) translate(-4.5rem) rotate(0deg)}87.5%{transform:translate(-50%,-50%) translate(-3.2rem,-1.5rem) rotate(8deg)}to{transform:translate(-50%,-50%) translate(0) rotate(0deg)}}@media (prefers-reduced-motion:reduce){.calib-phone{animation:none}.qibla-dial,.qibla-kaaba,.qibla-kaaba-arm{transition:none}}.qibla-live{height:calc(100dvh - var(--nav-h));min-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.35rem;padding:.6rem 1.25rem;box-sizing:border-box}.qibla-head{margin:0}.qibla-title{font-size:clamp(1.3rem,3.2dvh,1.7rem);margin:0}.qibla-eyebrow{margin:0}.qibla-stage{width:min(76vw,40dvh);height:min(76vw,40dvh);flex:0 0 auto;margin:0 auto}.qibla-degrees{font-size:clamp(2.4rem,7dvh,4.5rem);margin:0}.qibla-guide{font-size:clamp(1.15rem,2.6dvh,1.5rem);margin:0}.qibla-locked-title{font-size:clamp(1.5rem,3.6dvh,2.2rem);margin:0}.qibla-locked-sub{margin:0}.qibla-meta,.qibla-prayer{margin:0;font-size:clamp(.85rem,2dvh,1rem)}.qibla-big-btn,.qibla-masjids{margin:0}.qibla-stage{filter:drop-shadow(0 1.6rem 2.4rem color-mix(in oklab,var(--color-gold-deep) 22%,transparent))}.qibla-dial:before{content:"";position:absolute;inset:-.7rem;border-radius:50%;background:conic-gradient(from 210deg,color-mix(in oklab,var(--color-gold-hi) 70%,transparent),color-mix(in oklab,var(--color-gold-deep) 60%,transparent) 25%,color-mix(in oklab,var(--color-gold-hi) 80%,transparent) 50%,color-mix(in oklab,var(--color-gold-deep) 55%,transparent) 75%,color-mix(in oklab,var(--color-gold-hi) 70%,transparent));z-index:-1;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-gold-hi) 60%,transparent),0 .5rem 1.4rem color-mix(in oklab,var(--color-gold-deep) 30%,transparent);opacity:.55}.qibla-dial{box-shadow:inset 0 2px 6px color-mix(in oklab,var(--color-gold-hi) 30%,transparent),inset 0 -10px 24px color-mix(in oklab,var(--color-gold-deep) 20%,transparent),0 1.2rem 3rem color-mix(in oklab,var(--color-gold-deep) 18%,transparent)}.qibla-dial:after{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 32% 26%,color-mix(in oklab,white 22%,transparent),transparent 42%);pointer-events:none}.qibla-kaaba{box-shadow:0 .5rem 1.2rem color-mix(in oklab,var(--color-gold-deep) 35%,transparent),inset 0 1px 2px color-mix(in oklab,white 30%,transparent)}.qibla-kaaba:before{content:"";position:absolute;inset:-.55rem;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--color-gold-hi) 55%,transparent),transparent 70%);z-index:-1;animation:qibla-halo 3.4s var(--ease-calm,ease-in-out) infinite alternate}@keyframes qibla-halo{0%{opacity:.35;transform:scale(.9)}to{opacity:.75;transform:scale(1.12)}}.qibla-live[data-locked=true] .qibla-dial:before{opacity:.9}@media (prefers-reduced-motion:reduce){.qibla-kaaba:before{animation:none}}.qibla-modes{display:inline-flex;margin-top:var(--space-3,1rem);padding:.25rem;border:1px solid color-mix(in oklab,var(--color-gold) 40%,transparent);border-radius:999px;background:color-mix(in oklab,var(--color-gold) 8%,transparent);gap:.25rem}.qibla-mode-btn{display:inline-flex;align-items:center;gap:.4em;padding:.5em 1.15em;border:none;border-radius:999px;background:transparent;color:var(--color-gold-deep);font-weight:600;font-size:.95rem;cursor:pointer;transition:background var(--duration-normal,.2s) ease,transform var(--duration-fast,.12s) ease}.qibla-mode-btn[data-active=true]{background:color-mix(in oklab,var(--color-gold) 26%,transparent)}.qibla-mode-btn:focus-visible,.qibla-mode-btn:hover{background:color-mix(in oklab,var(--color-gold) 18%,transparent)}.qibla-mode-btn:active{transform:scale(.97)}.qibla-share{display:inline-flex;align-items:center;gap:.5em;margin-top:var(--space-3,1rem);padding:.65em 1.3em;border:1px solid color-mix(in oklab,var(--color-gold) 55%,transparent);border-radius:999px;background:color-mix(in oklab,var(--color-gold) 12%,transparent);color:var(--color-gold-deep);font-weight:600;font-size:.98rem;cursor:pointer;transition:background var(--duration-normal,.2s) ease,transform var(--duration-fast,.12s) ease}.qibla-share:focus-visible,.qibla-share:hover{background:color-mix(in oklab,var(--color-gold) 22%,transparent)}.qibla-share:active{transform:scale(.97)}.install-hint{margin-top:var(--space-3,1rem);max-width:22rem;padding:.9rem 1.1rem;border:1px solid color-mix(in oklab,var(--color-gold) 35%,transparent);border-radius:14px;background:color-mix(in oklab,var(--color-gold) 7%,var(--color-surface,#fbf8f1));color:var(--color-ink,#2c2416);text-align:center}.install-hint-text{margin:0 0 .6rem;font-size:.9rem;line-height:1.5}.install-hint-actions{display:flex;justify-content:center;gap:.6rem}.install-hint-btn{padding:.5em 1.1em;background:var(--color-gold-deep,#8a6d1f);color:#fffdf6;font-weight:600}.install-hint-btn,.install-hint-later{border:none;border-radius:999px;font-size:.9rem;cursor:pointer}.install-hint-later{padding:.5em .9em;background:transparent;color:var(--color-muted,#7a6f5c)}.qibla-beam-rot{position:absolute;inset:0;transform-origin:50% 50%;transition:transform .5s var(--ease-calm);will-change:transform;pointer-events:none;z-index:2}