.visible-planet-guide-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:40px;margin-top:12px;border:1px solid #bcdce8;border-radius:10px;background:#edf8fc;color:#175d7d;font-size:12px;font-weight:800;cursor:pointer}
.visible-planet-guide-button:hover,.visible-planet-guide-button:focus{background:#dff2f9;border-color:#83c2db;outline:none}
.visible-planet-guide-button[aria-expanded="true"]{background:#d9f0f9;border-color:#65b6d4}
.visible-sky-guide{margin:22px 0 6px;padding:24px;border-radius:16px;background:radial-gradient(circle at 12% 0,rgba(61,166,207,.18),transparent 35%),linear-gradient(145deg,#0e2b40,#173e58);color:#eaf8ff;box-shadow:0 16px 36px rgba(14,55,79,.2)}
.visible-sky-guide[hidden]{display:none!important}
.visible-sky-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.visible-sky-guide .visible-planets-kicker{color:#72d5fa}
.visible-sky-guide h3{margin:0;color:#fff;font-size:clamp(22px,3vw,29px);line-height:1.2}
.visible-sky-guide-close{flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.visible-sky-guide-intro{max-width:760px;margin:12px 0 18px;color:#bcd4e0;font-size:14px;line-height:1.65}
.visible-sky-guide-static{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:560px;margin-bottom:16px}
.visible-sky-guide-static>div,.visible-sky-guide-readouts>div{padding:11px 13px;border:1px solid rgba(164,220,243,.16);border-radius:10px;background:rgba(255,255,255,.06)}
.visible-sky-guide-static span,.visible-sky-guide-readouts span{display:block;color:#8fb3c4;font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.visible-sky-guide-static strong,.visible-sky-guide-readouts strong{display:block;margin-top:4px;color:#fff;font-size:15px}
.visible-sky-guide-activate{min-height:44px;border:0;border-radius:999px;padding:0 18px;background:#75d8f8;color:#0c3348;font-size:13px;font-weight:900;cursor:pointer}
.visible-sky-guide-activate:hover,.visible-sky-guide-activate:focus{background:#9be5fb;outline:none}
.visible-sky-guide-message{min-height:20px;margin:12px 0 0;color:#bcd4e0;font-size:12px;line-height:1.5}
.visible-sky-guide-message.is-error{color:#ffd2a8}
.visible-sky-guide-live{display:grid;grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:24px;align-items:center;margin-top:20px}
.visible-sky-compass{position:relative;width:min(220px,70vw);aspect-ratio:1;margin:auto;border:2px solid rgba(138,220,248,.36);border-radius:50%;background:radial-gradient(circle,rgba(92,181,218,.14) 0 7%,transparent 8% 49%,rgba(255,255,255,.045) 50% 51%,transparent 52%);box-shadow:inset 0 0 0 12px rgba(255,255,255,.025);overflow:hidden}
.visible-sky-compass-rose{position:absolute;inset:0;border-radius:50%;transform:rotate(0deg);transform-origin:50% 50%;transition:transform .12s linear}
.visible-sky-compass-rose::before,.visible-sky-compass-rose::after{content:"";position:absolute;left:50%;top:50%;background:rgba(181,226,245,.18);transform:translate(-50%,-50%)}
.visible-sky-compass-rose::before{width:1px;height:84%}
.visible-sky-compass-rose::after{width:84%;height:1px}
.visible-sky-compass-n,.visible-sky-compass-e,.visible-sky-compass-s,.visible-sky-compass-w{position:absolute;color:#b9dbe8;font-size:12px;font-weight:900}
.visible-sky-compass-n{top:8px;left:50%;transform:translateX(-50%);color:#ff9b9b}
.visible-sky-compass-e{right:10px;top:50%;transform:translateY(-50%)}
.visible-sky-compass-s{bottom:8px;left:50%;transform:translateX(-50%)}
.visible-sky-compass-w{left:10px;top:50%;transform:translateY(-50%)}
.visible-sky-compass-target{position:absolute;inset:0;z-index:2;transform:rotate(0deg);transform-origin:50% 50%;transition:transform .12s linear;pointer-events:none}
.visible-sky-compass-target>span{position:absolute;left:50%;top:22px;width:14px;height:14px;border:2px solid #ffd36b;border-radius:50%;background:#12364d;box-shadow:0 0 0 3px rgba(255,211,107,.12),0 0 9px rgba(255,211,107,.45);transform:translateX(-50%)}
.visible-sky-compass-arrow{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-88%);transform-origin:50% 88%;color:#7de5ff;font-size:68px;line-height:1;filter:drop-shadow(0 0 7px rgba(79,213,255,.46))}
.visible-sky-compass-center{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);color:#fff;font-size:21px}
.visible-sky-guide-readouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.visible-sky-guide-readouts p{grid-column:1/-1;margin:0;padding:8px 0 0;color:#c3d9e3;font-size:14px;font-weight:700}
.visible-sky-guide-readouts p.is-ready{color:#8df0be}
.visible-sky-guide-lock{margin:18px 0 0;padding:12px 14px;border-radius:10px;background:rgba(90,226,160,.14);border:1px solid rgba(111,234,174,.35);color:#a6f5ce;font-size:14px;font-weight:900;text-align:center}
.visible-sky-guide-caution{margin:16px 0 0;color:#8facbb;font-size:11px;line-height:1.55}
.visible-sky-guide.is-locked .visible-sky-compass{border-color:#73e8ae;box-shadow:0 0 0 4px rgba(94,226,159,.09),inset 0 0 0 12px rgba(255,255,255,.025)}
.visible-sky-guide.is-locked .visible-sky-compass-arrow{color:#82f3b9;filter:drop-shadow(0 0 9px rgba(91,230,161,.55))}
.visible-sky-guide.is-locked .visible-sky-compass-target>span{border-color:#82f3b9;box-shadow:0 0 0 4px rgba(91,230,161,.12),0 0 10px rgba(91,230,161,.5)}
@media(max-width:720px){
  .visible-sky-guide{padding:20px 16px}
  .visible-sky-guide-live{grid-template-columns:1fr}
  .visible-sky-guide-readouts{grid-template-columns:1fr}
  .visible-sky-guide-readouts p{grid-column:auto}
}
@media(max-width:420px){
  .visible-sky-guide-static{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .visible-sky-compass-rose,.visible-sky-compass-target{transition:none}
}