.qibla-hero{padding-bottom:54px}.qibla-main{padding-top:26px}.qibla-command{display:grid;grid-template-columns:minmax(300px,520px) 1fr;gap:20px;align-items:end;margin-bottom:18px}.qibla-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qibla-buttons{margin:0;justify-content:flex-end}.qibla-privacy{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.qibla-map-card{position:relative;min-height:640px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#d8e5df;box-shadow:var(--shadow);isolation:isolate}.qibla-map{position:absolute;inset:0;z-index:1}.map-loading{height:100%;display:grid;place-items:center;color:#49635a;font-weight:800;background:linear-gradient(135deg,#dce9e3,#c9dbd2)}.leaflet-container{font-family:inherit;background:#d8e5df}.leaflet-control-zoom a{color:#17372d!important}.leaflet-control-attribution{font-size:10px!important}.map-topbar{position:absolute;z-index:500;top:18px;inset-inline:18px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.map-topbar>*{pointer-events:auto}.map-status{display:inline-flex;align-items:center;gap:8px;background:rgba(10,28,22,.86);color:#fff;padding:9px 13px;border-radius:999px;backdrop-filter:blur(14px);font-size:12px;font-weight:850;box-shadow:0 10px 30px rgba(0,0,0,.18)}.map-status i{width:8px;height:8px;border-radius:50%;background:#68e2b6;box-shadow:0 0 0 5px rgba(104,226,182,.13)}.map-topbar button{border:1px solid rgba(255,255,255,.3);background:rgba(10,28,22,.86);color:#fff;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer;backdrop-filter:blur(14px)}.map-legend{position:absolute;z-index:500;bottom:18px;left:18px;display:flex;gap:13px;flex-wrap:wrap;background:rgba(255,255,255,.91);color:#17372d;border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:10px 13px;box-shadow:0 16px 42px rgba(0,0,0,.18);backdrop-filter:blur(14px);font-size:12px;font-weight:750}.map-legend>span{display:flex;align-items:center;gap:7px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-dot.user{background:#0b5b49;box-shadow:0 0 0 4px rgba(11,91,73,.15)}.legend-dot.kaaba-dot{background:#151515;border:2px solid #d0a348;box-shadow:0 0 0 3px rgba(208,163,72,.16)}.legend-line{width:24px;border-top:3px dashed #c4973d}.map-compass-panel{position:absolute;z-index:500;right:18px;bottom:18px;width:220px;background:rgba(8,22,18,.9);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:17px;box-shadow:0 20px 55px rgba(0,0,0,.3);backdrop-filter:blur(18px);text-align:center}.mini-compass{width:118px;height:118px;border-radius:50%;margin:0 auto 12px;position:relative;border:1px solid rgba(255,255,255,.28);background:radial-gradient(circle,rgba(255,255,255,.08) 0 54%,rgba(255,255,255,.03) 55%);box-shadow:inset 0 0 0 12px rgba(255,255,255,.025)}.mini-n{position:absolute;top:7px;left:50%;transform:translateX(-50%);font-weight:900;color:#7ee5c2;font-size:12px}.mini-kaaba{position:absolute;top:21px;left:50%;transform:translateX(-50%);color:#d6a84b;font-size:16px;z-index:3}.mini-needle{position:absolute;inset:18%;transition:transform .25s ease;transform-origin:50% 50%}.mini-needle:before{content:"";position:absolute;left:50%;top:2px;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:40px solid #6de0b7;filter:drop-shadow(0 6px 8px rgba(0,0,0,.32))}.mini-needle:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#081612;border:5px solid #6de0b7;left:50%;top:50%;transform:translate(-50%,-50%)}.map-compass-panel strong{display:block;font-size:14px;line-height:1.35}.map-compass-panel small{display:block;margin-top:5px;color:rgba(255,255,255,.62)}.qibla-metrics{margin-top:18px}.qibla-metrics .metric{background:var(--paper);box-shadow:0 12px 30px rgba(5,40,31,.07)}.qibla-metrics .metric span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.qibla-marker{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#fff;border:3px solid #0b5b49;box-shadow:0 12px 32px rgba(0,0,0,.26);font-size:20px}.kaaba-marker{width:44px;height:44px;position:relative;filter:drop-shadow(0 12px 14px rgba(0,0,0,.35))}.kaaba-marker:before{content:"";position:absolute;inset:5px;background:linear-gradient(#151515 0 62%,#c89e45 63% 74%,#101010 75%);border:2px solid #e1bc68;border-radius:4px;transform:perspective(70px) rotateX(-4deg) rotateY(7deg)}.kaaba-marker:after{content:"";position:absolute;left:13px;right:13px;top:16px;height:2px;background:#f2d897}.qibla-line-glow{filter:drop-shadow(0 0 5px rgba(205,157,62,.65))}.leaflet-popup-content-wrapper{border-radius:14px}.leaflet-popup-content{font-family:inherit;font-weight:750}html[dir="rtl"] .map-legend{left:auto;right:18px}html[dir="rtl"] .map-compass-panel{right:auto;left:18px}@media(max-width:900px){.qibla-command{grid-template-columns:1fr}.qibla-buttons{justify-content:flex-start}.qibla-map-card{min-height:590px}.map-compass-panel{width:190px}.qibla-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.qibla-fields{grid-template-columns:1fr 1fr}.qibla-map-card{min-height:620px;border-radius:22px}.map-compass-panel{right:12px;bottom:70px;width:168px;padding:12px}.mini-compass{width:92px;height:92px}.map-legend{left:12px;right:12px;bottom:12px;justify-content:center}.map-topbar{top:12px;inset-inline:12px}.qibla-metrics{grid-template-columns:1fr}.qibla-buttons button{flex:1 1 150px}}@media(max-width:480px){.qibla-fields{grid-template-columns:1fr}.qibla-map-card{min-height:650px}.map-compass-panel{top:68px;right:12px;bottom:auto}.map-legend{font-size:11px;gap:8px}.map-topbar button{font-size:11px}.qibla-command{padding:17px}}