#event-horizon { height: 192svh; background: #000; outline: none; }
.orbit-veil { position: fixed; inset: 0; z-index: 18; background: #000; pointer-events: none; overflow: hidden; display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; }
.orbit-veil[data-closed] { pointer-events: auto; touch-action: pan-y; }
.in-orbit :is(.studio-cursor, .soap-bubble) { visibility: hidden; }
.orbit-image { width: min(112vw, 155vh); aspect-ratio: 8 / 5; }
.orbit-image :is(img, video) { display: block; width: 100%; height: 100%; object-fit: contain; }
.camera-dialog.leaving-orbit::after { content: ""; position: fixed; inset: 0; z-index: 9; background: black; animation: album-to-black .34s ease-in both; }
@keyframes album-to-black { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 640px) { .orbit-image { width: 100%; } }
@media (prefers-reduced-motion: reduce) {
  #event-horizon { height: 158svh; }
  .orbit-image { transform: none; }
}

#visitor-atlas {
  --atlas-paper: #0b1018;
  color-scheme: dark; background: var(--atlas-paper); color: #e5ecf1;
  border-color: #343e4b; border-radius: 14px; box-shadow: 0 20px 70px #0003;
}
#visitor-atlas .atlas-map {
  background: #03050a url("/assets/globe/stars.webp") repeat center / 680px auto;
}
#visitor-atlas .atlas-map::after { display: none; }
#visitor-atlas .atlas-map::before { display: none; }
#visitor-atlas .atlas-map[data-unavailable]::before {
  content: attr(data-unavailable); display: block; position: absolute; inset: 48% 5% auto; width: auto;
  aspect-ratio: auto; transform: none; background: none; z-index: 1; text-align: center; color: #d1dfe8;
}
#visitor-atlas .visitor-bar { padding: 9px 13px; border-color: #303b49; background: #0c1119; }
#visitor-atlas .atlas-rule { height: 1px; background: #637081; opacity: .55; }
#visitor-atlas .atlas-app-icon { color: #b1d8ee; }
#visitor-atlas :is(.atlas-size-toggle, .atlas-controls, .atlas-places, .place-list) {
  border-color: #354151; background: #101722f5; color: #e5ecf1;
}
#visitor-atlas .atlas-places { box-shadow: none; }
#visitor-atlas .atlas-places small, #visitor-atlas :is(.atlas-live-label, .atlas-summary span, .atlas-index summary, #globe-hint) { color: #b6c9d7; }
#visitor-atlas .atlas-index summary { min-height: 26px; }
#visitor-atlas .place-list button { color: #e3eaf0; }
#visitor-atlas .place-list .place-member { padding-left: 18px; font-size: 11px; color: #bdd0df; }
#visitor-atlas :is(.atlas-size-toggle:hover, .atlas-controls button:hover:not(:disabled), .place-list button:is(:hover,[aria-pressed="true"])) { background: #253343; }
#visitor-atlas .atlas-tag { color: #091019; }
#visitor-atlas .atlas-foot { color: #b0c2ce; border-color: #303b49; flex-wrap: wrap; gap: 4px 12px; }
.surface-credit { color: #b0c2ce; font: 9px var(--mono); text-decoration: underline; text-underline-offset: 2px; }
.visitor-window[data-standalone]::backdrop { background: #020409; }
.atlas-speech {
  position: absolute; z-index: 6; width: min(205px, calc(100% - 14px));
  background: #f5f8fa; color: #162330; padding: 12px 14px; border-radius: 14px;
  box-shadow: 0 6px 28px #0007; border: 1px solid #fff; font: 13px/1.4 system-ui,sans-serif;
}
.speech-hello { display: block; color: #142231; font-size: 17px; margin-bottom: 7px; }
.atlas-speech dl { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 2px 9px; margin: 0; }
.atlas-speech dt { color: #465965; font-size: 11px; }
.atlas-speech dd { margin: 0; font-size: 12px; overflow-wrap: anywhere; }
.atlas-speech .speech-close { position: absolute; top: 3px; right: 5px; width: 27px; height: 27px; color: #40515e; }