.compass-topbar{justify-content:space-between}.module-title{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1.4px}.compass-page{max-width:1050px}.compass-hero{padding:38px}.compass-layout{display:grid;grid-template-columns:minmax(330px,1fr) minmax(280px,.8fr);gap:54px;align-items:center;margin-top:28px}.compass-stage{position:relative;width:min(100%,470px);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle,#102a42 0 18%,#091a2a 19% 57%,#0c2135 58%);border:1px solid #ffffff1c;box-shadow:inset 0 0 0 10px #ffffff04,inset 0 0 55px #0008,0 24px 80px #0006}.compass-stage:after{content:"";position:absolute;inset:8%;border:1px solid #ffffff14;border-radius:50%;pointer-events:none}.compass-dial{position:absolute;inset:7%;border-radius:50%;transition:transform .12s linear;background:repeating-conic-gradient(from 0deg,#ffffff46 0 1deg,transparent 1deg 10deg);mask:radial-gradient(circle,transparent 0 77%,#000 78%)}.cardinal{position:absolute;font-size:24px;font-weight:900;color:#dcefff;z-index:2}.north{top:3%;left:50%;transform:translateX(-50%);color:#ff786d}.east{right:5%;top:50%;transform:translateY(-50%)}.south{bottom:3%;left:50%;transform:translateX(-50%)}.west{left:5%;top:50%;transform:translateY(-50%)}.north-marker{position:absolute;z-index:5;top:-3px;left:50%;transform:translateX(-50%);font-size:30px;color:var(--blue);filter:drop-shadow(0 0 9px #4fc3ff)}.compass-center{position:absolute;z-index:4;inset:34%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#071624;border:1px solid #ffffff16;box-shadow:0 12px 35px #0008}.compass-center strong{font-size:clamp(31px,5vw,50px);letter-spacing:-2px;font-variant-numeric:tabular-nums}.compass-center span{color:var(--cyan);font-weight:700}.primary-btn{width:100%;border:0;border-radius:15px;padding:15px 20px;background:linear-gradient(135deg,var(--blue),#526cf5);color:white;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 12px 32px #248dd944}.primary-btn.active{background:linear-gradient(135deg,#38ca98,#258d75)}.compass-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.compass-grid article,.location-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:#ffffff05}.compass-grid strong{display:block;margin-top:4px}.location-card h2{margin-top:5px}.sensor-note{font-size:12px;color:var(--muted);padding:12px 14px;border-left:2px solid var(--blue)}@media(max-width:800px){.module-title{display:none}.compass-hero{padding:24px}.compass-layout{grid-template-columns:1fr;gap:30px}.compass-stage{max-width:390px}.compass-center{inset:32%}}@media(max-width:430px){.compass-grid{grid-template-columns:1fr 1fr}.compass-stage{width:94%}.compass-center strong{font-size:34px}}