/* The globe on the website — the shared World Map framed by globe-host.js. */
.mythica-globe { position: relative; overflow: hidden; background: transparent; }
.mythica-globe-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; background: transparent; color-scheme: normal; }
.mythica-globe-note {
  position: absolute; left: 50%; bottom: 104px; transform: translateX(-50%); z-index: 2;
  max-width: min(520px, calc(100% - 32px)); box-sizing: border-box; padding: 9px 16px; border-radius: 999px;
  font: italic 14px/1.4 Palatino, Georgia, serif; color: #f3e7c4; text-align: center;
  background: rgba(8, 12, 28, .78); border: 1px solid rgba(232, 196, 122, .35);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); pointer-events: none;
}
.mythica-globe-chip {
  position: absolute; left: 50%; top: 64px; transform: translateX(-50%); z-index: 2; max-width: calc(100% - 32px); box-sizing: border-box;
  padding: 8px 14px; border-radius: 999px; font: 14px/1.3 Palatino, Georgia, serif; color: #f6dfa4 !important; text-decoration: none !important;
  background: rgba(8, 12, 28, .82); border: 1px solid rgba(232, 196, 122, .5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mythica-globe-chip:hover { border-color: #e8c47a; color: #fff0c4 !important; }
.mythica-globe-note[hidden], .mythica-globe-chip[hidden] { display: none; }

/* the map page: the whole window under the site's header */
.mythica-globe--page { width: 100%; height: calc(100vh - var(--mythica-chrome-top, 0px)); height: calc(100dvh - var(--mythica-chrome-top, 0px)); min-height: 420px; background: #05070f; }

/* the Lens: the globe is the resting view, over the starfield, under everything she draws */
#mythica-lens-root #akashi-globe { position: absolute; inset: 0; z-index: 1; transition: opacity .6s ease; }
#mythica-lens-root #akashi-globe.is-away { opacity: 0; visibility: hidden; pointer-events: none; }
#mythica-lens-root.globe-resting #stage { pointer-events: none; }
@media (max-width: 899px) {
  #mythica-lens-root #akashi-globe { top: 48px; }   /* under the Lens's own wordmark */
}
@media (min-width: 900px) {
  #mythica-lens-root #akashi-globe { left: min(380px, 82vw); }
  #mythica-lens-root.akashi-folded #akashi-globe { left: 0; }
}

/* "See it on the globe" on an episode or entry page */
.mythica-globe-door { margin: 2em 0 1em; font-family: Palatino, Georgia, serif; }
.mythica-globe-door a { color: #e8c476; text-decoration: none; border-bottom: 1px solid rgba(232, 196, 118, .45); }
.mythica-globe-door a:hover { color: #fff0c4; border-bottom-color: #e8c476; }