/* Qibla */
.qibla-screen{max-width:700px;margin:0 auto}.qibla-panel{background:#023e33;color:#fff;border-radius:32px 32px 22px 22px;position:relative;overflow:hidden;text-align:center;min-height:630px;padding:0 18px 0;box-shadow:0 15px 30px #063f3540}.qibla-arch{position:absolute;top:0;left:0;right:0;height:43%;background:url('../../assets/design/backgrounds/qibla_green_arch.webp') center 23%/cover no-repeat;opacity:.62;mix-blend-mode:screen}.qibla-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,#16695140,#002d2e40 60%,#002f2aa3)}.qibla-top-icon{position:relative;margin:6px auto 9px;width:67px;height:67px;border-radius:14px;overflow:hidden;filter:drop-shadow(0 3px 7px #001a12)}.qibla-top-icon img{width:100%;height:100%;object-fit:cover}.compass-shell{width:min(390px,85vw);height:min(390px,85vw);position:relative;margin:8px auto 6px;border-radius:50%;background:radial-gradient(circle,#004c3e,#06493d 62%,#00352d 80%);border:2px solid #a38f56;box-shadow:0 0 0 10px #073e3355,0 0 0 14px #ad9e5940,inset 0 0 32px #00000070}.compass-shell:before{content:"";position:absolute;inset:15px;border-radius:50%;border:1px solid #7f9a764b}.compass-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.compass-arrow{position:absolute;inset:0;display:grid;place-items:center;transition:transform .25s ease;transform:rotate(0deg)}.needle-shape{width:58px;height:230px;filter:drop-shadow(0 4px 8px #001d1799)}.kaaba-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border-radius:50%;background:#f8f1de;padding:7px;box-shadow:0 2px 9px #00130dbb;overflow:hidden}.kaaba-center img{width:100%;height:100%;object-fit:cover;border-radius:50%}.compass-cardinals{position:absolute;inset:0;pointer-events:none;font-weight:800;font-size:19px;color:#fff6d9}.compass-cardinals span{position:absolute}.compass-cardinals .n{top:26px;left:50%;transform:translateX(-50%)}.compass-cardinals .s{bottom:26px;left:50%;transform:translateX(-50%)}.compass-cardinals .w{left:22px;top:50%;transform:translateY(-50%)}.compass-cardinals .e{right:22px;top:50%;transform:translateY(-50%)}.bearing-value{font:700 49px var(--serif);line-height:1.05;position:relative;margin:15px 0 4px;color:#f6efdd}.bearing-label{position:relative;font-size:17px}.bearing-note{position:relative;font-size:12px;opacity:.78;margin-top:5px}.kaaba-bottom{width:calc(100% + 36px);height:124px;margin:8px -18px 0;background:url('../../assets/design/backgrounds/qibla_kaaba_scene.webp') center 65%/cover no-repeat;mask-image:linear-gradient(transparent 0%,#000 40%);-webkit-mask-image:linear-gradient(transparent 0%,#000 40%)}.qibla-status{margin:-3px 0 0;padding:13px;border:1px solid var(--line);background:var(--ivory);border-radius:18px;display:grid;gap:10px}.status-location{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:17px;padding:12px;text-align:left}.status-symbol{background:#e4f0e6;color:var(--green);width:43px;height:43px;border-radius:50%;display:grid;place-items:center}.status-location strong{font-size:14px}.status-location small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.status-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.status-mini{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--line);border-radius:16px;padding:10px 8px;font-size:11px}.status-mini strong{display:block;font-size:11px}.status-mini small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.sensor-action{margin-top:8px;text-align:center}.sensor-action button{border:1px solid #dccead;background:#f9f1e3;color:#655129;padding:9px 13px;border-radius:99px;font-weight:700;font-size:11px}.accuracy-note{font-size:11px;line-height:1.65;color:var(--muted);margin:16px 4px}