/* earthmoonsky — interactive globe (paired with assets/globe.js) */

.globe-stage{
  position:relative;max-width:920px;margin:0 auto;width:100%;
  height:min(74vh,640px);
  border:1px solid #1b2440;border-radius:16px;
  background:radial-gradient(ellipse at 50% 40%,#0c1426 0%,#05080f 70%);
  overflow:hidden;touch-action:none;cursor:grab;
}
.globe-stage.is-dragging{cursor:grabbing;}
.globe-stage canvas{display:block;}

.globe-tip{
  position:absolute;top:0;left:0;z-index:6;min-width:140px;max-width:230px;
  background:rgba(8,12,22,.96);border:1px solid var(--panel-edge);border-radius:9px;
  padding:8px 11px;font:12px/1.45 Inter,system-ui,sans-serif;color:var(--ink);
  box-shadow:0 8px 22px rgba(0,0,0,.5);pointer-events:none;
}
.globe-tip .gt-coord{font-size:11px;color:var(--dim);margin-bottom:3px;}
.globe-tip .gt-val{font:600 15px "Source Serif 4",Georgia,serif;}
.globe-tip .gt-note{font-size:11px;color:var(--dim);margin-top:2px;}

.globe-prov{
  position:absolute;left:14px;top:12px;z-index:5;
  font:11px Inter,sans-serif;color:#8fa0bd;
  background:rgba(8,12,22,.6);padding:4px 9px;border-radius:999px;
}
.globe-hint{
  position:absolute;left:0;right:0;bottom:12px;z-index:5;text-align:center;
  font:11.5px Inter,sans-serif;color:#7e8aa3;pointer-events:none;
}
.globe-fallback{
  position:absolute;inset:0;display:none;align-items:center;justify-content:center;
  text-align:center;padding:24px;color:#aebadd;font-size:14px;
}

.globe-detail{
  position:absolute;top:12px;right:12px;bottom:12px;width:min(300px,84%);z-index:8;
  background:rgba(8,12,22,.97);border:1px solid var(--panel-edge);border-radius:14px;
  padding:16px;overflow:auto;transform:translateX(calc(100% + 20px));
  transition:transform .28s ease;box-shadow:0 14px 44px rgba(0,0,0,.55);
}
.globe-detail.is-open{transform:none;}
.globe-detail .gd-close{
  position:absolute;top:8px;right:11px;background:none;border:none;
  color:var(--dim);font-size:23px;line-height:1;cursor:pointer;
}
.globe-detail .gd-close:hover{color:var(--ink);}
.globe-detail .gd-tag{
  display:inline-block;font:600 10px Inter,sans-serif;letter-spacing:.1em;
  text-transform:uppercase;padding:3px 9px;border-radius:999px;margin-bottom:9px;
}
.globe-detail h3{margin:0 0 12px;font:600 17px/1.3 "Source Serif 4",Georgia,serif;color:var(--ink);padding-right:16px;}
.globe-detail .gd-desc{margin:0 0 12px;font:400 13px/1.55 Inter,system-ui,sans-serif;color:#c3cee0;}
.globe-detail .gd-row{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06);}
.globe-detail .gd-row .k{color:var(--dim);}
.globe-detail .gd-row .v{color:var(--ink);text-align:right;}
.globe-detail .gd-link{
  display:inline-block;margin-top:15px;font:600 13px Inter,sans-serif;
  color:#0a0f1c;background:#e8ddc8;padding:8px 15px;border-radius:999px;text-decoration:none;
}
.globe-detail .gd-link:hover{background:#fff;}
.globe-detail .gd-src{font-size:11px;color:var(--dim);margin-top:7px;}

.globe-legend{
  display:flex;gap:16px;flex-wrap:wrap;justify-content:center;
  margin:14px 0 0;font-size:12px;color:var(--dim);
}
.globe-legend span{display:inline-flex;align-items:center;gap:7px;}
.globe-legend i{width:11px;height:11px;display:inline-block;}
.globe-legend i.lg-circle{border-radius:50%;}
.globe-legend i.lg-triangle{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:11px solid currentColor;background:none !important;}
.globe-legend i.lg-diamond{transform:rotate(45deg);}
.globe-legend i.lg-flame{border-radius:50% 50% 50% 50%/60% 60% 40% 40%;}

/* map-layer switcher */
.globe-layers{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin:15px 0 0;}
.gl-btn{
  font:600 12px Inter,system-ui,sans-serif;color:var(--dim);
  background:rgba(127,180,232,.06);border:1px solid #1b2440;border-radius:999px;
  padding:6px 13px;cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.gl-btn:hover{color:var(--ink);background:rgba(127,180,232,.12);}
.gl-btn.is-active{color:#0a0f1c;background:#e8ddc8;border-color:#e8ddc8;}
.gl-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}
.globe-datalegend{
  display:flex;align-items:center;gap:10px;justify-content:center;
  margin:11px auto 0;max-width:440px;font:11.5px Inter,sans-serif;color:var(--dim);
}
.globe-datalegend[hidden]{display:none;} /* override flex so the hidden attribute works */
.globe-datalegend .dl-bar{flex:1;height:9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);}
.globe-datalegend .dl-lab{white-space:nowrap;}