.globe-stage canvas{touch-action:pan-y}
.globe-stage::marker{display:none}
.globe-stage .globe-hint{
  right:50%;
  bottom:8%;
  width:max-content;
  max-width:72%;
  padding:8px 13px;
  border:1px solid rgba(7,26,53,.14);
  border-radius:999px;
  background:rgba(255,253,246,.78);
  backdrop-filter:blur(8px);
  transform:translateX(50%);
  text-align:center;
  pointer-events:none;
}
.globe-stage .globe-zoom{
  left:50%;
  bottom:15%;
  transform:translateX(-50%);
  padding:5px;
  border-radius:999px;
  background:rgba(255,253,246,.72);
  backdrop-filter:blur(7px);
}
.globe-stage .globe-zoom button{box-shadow:0 4px 12px rgba(7,26,53,.1)}
.globe-places-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;margin-top:26px;padding:14px 18px;border:1px solid var(--navy);border-radius:999px;background:rgba(255,255,255,.58);font-size:13px;font-weight:700;transition:transform .25s ease,background .25s ease,color .25s ease}
.globe-places-link:hover{background:var(--navy);color:#fff;transform:translateX(6px)}
.globe-actions-row{position:relative;z-index:8;display:flex;align-items:center;gap:10px;width:max-content;max-width:none;margin-top:26px;flex-wrap:nowrap}
.globe-actions-row .globe-places-link{flex:0 0 auto;margin-top:0}
.globe-copy .globe-hint{
  position:static;
  width:clamp(235px,24vw,350px);
  max-width:none;
  margin:0;
  padding:11px 16px;
  border:1px solid rgba(7,26,53,.14);
  border-radius:999px;
  background:rgba(255,253,246,.72);
  color:#59489a;
  font:600 18px/1.2 "Caveat",cursive;
  text-align:center;
  transform:none;
  backdrop-filter:blur(8px);
  pointer-events:none;
}
.globe-stage .pin-bubble{transition:opacity .2s ease,transform .38s cubic-bezier(.18,1.45,.35,1)}
.globe-stage .pin-bubble.visible{animation:bubble-arrive .42s cubic-bezier(.18,1.45,.35,1)}
@keyframes bubble-arrive{0%{opacity:0;filter:blur(3px)}65%{opacity:1;filter:blur(0)}100%{opacity:1}}
@media(max-width:640px){
  .globe-stage .globe-hint{bottom:1%;max-width:94%;font-size:16px}
  .globe-stage .globe-zoom{bottom:12%}
  .globe-actions-row{gap:6px;width:100%;max-width:100%}
  .globe-actions-row .globe-places-link{gap:10px;padding:10px 12px;font-size:11px;white-space:nowrap}
  .globe-copy .globe-hint{width:auto;min-width:0;flex:1;padding:8px 10px;font-size:14px;text-align:center}
}
@media(prefers-reduced-motion:reduce){.globe-stage .pin-bubble.visible{animation:none}}