/* [project]/components/Seal.css [app-client] (css) */
.seal-wrap {
  z-index: 3;
  width: clamp(140px, 38vw, 196px);
  height: clamp(140px, 38vw, 196px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(-10deg);
}

.seal-breathing {
  animation: 5.5s ease-in-out infinite seal-breathe;
  position: absolute;
  inset: 0;
}

@keyframes seal-breathe {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.015);
  }
}

.seal {
  cursor: pointer;
  --seal-left-shift: -56%;
  --seal-right-shift: 56%;
  --seal-left-y: 0px;
  --seal-right-y: 0px;
  --seal-left-rot: -1.8deg;
  --seal-right-rot: 1.8deg;
  --seal-pre-left-shift: -7%;
  --seal-pre-right-shift: 7%;
  --seal-pre-left-rot: -.8deg;
  --seal-pre-right-rot: .8deg;
  background: none;
  border: none;
  padding: 0;
  position: absolute;
  inset: 0;
}

.seal-art {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}

.seal-base, .seal-fracture {
  transition: opacity .15s;
}

.seal-base {
  opacity: 1;
}

.seal-fracture {
  opacity: 0;
}

.seal-half {
  transform-box: fill-box;
  transform-origin: center;
  opacity: 0;
  transition: transform .98s cubic-bezier(.55, 0, .25, 1), opacity .82s;
}

.seal-base image, .seal-half image {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

.seal.seal-breaking .seal-base {
  opacity: 0;
}

.seal.seal-breaking .seal-fracture, .seal.seal-breaking .seal-half {
  opacity: 1;
}

.seal.seal-breaking .seal-half.left {
  transform: translate3d(var(--seal-pre-left-shift), 0, 0) rotate(var(--seal-pre-left-rot));
}

.seal.seal-breaking .seal-half.right {
  transform: translate3d(var(--seal-pre-right-shift), 0, 0) rotate(var(--seal-pre-right-rot));
}

.seal:active:not(.seal-breaking) {
  transform: scale(.992);
}

.seal-hidden .seal-wrap {
  pointer-events: none;
}

.seal-hidden .seal:not(.seal-breaking) .seal-base {
  opacity: 0;
}

.seal-hidden .seal.seal-breaking .seal-half.left {
  transform: translate3d(var(--seal-left-shift), var(--seal-left-y), 0) rotate(var(--seal-left-rot));
  opacity: 0;
}

.seal-hidden .seal.seal-breaking .seal-half.right {
  transform: translate3d(var(--seal-right-shift), var(--seal-right-y), 0) rotate(var(--seal-right-rot));
  opacity: 0;
}

.seal-hidden .seal-breathing {
  animation: none;
}

.stage:not(.mounted) .seal-wrap {
  visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .seal-breathing {
    animation: none !important;
  }
}

/* [project]/components/MorningBrief.module.css [app-client] (css) */
.MorningBrief-module__VkMb7W__card {
  background: var(--ivory);
  width: 100%;
  height: 100%;
  box-shadow: none;
  border: none;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.MorningBrief-module__VkMb7W__header {
  border-bottom: 1px solid var(--rule);
  padding: 1.5rem 1.1rem .85rem;
}

.MorningBrief-module__VkMb7W__screenTitle {
  font-family: var(--mono);
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--mute);
  margin-bottom: .55rem;
  font-size: .6rem;
}

.MorningBrief-module__VkMb7W__headerMeta {
  align-items: baseline;
  margin-bottom: .2rem;
  display: flex;
}

.MorningBrief-module__VkMb7W__dateTitle {
  font-family: var(--serif);
  color: var(--ink);
  margin: 0;
  font-size: 1.05rem;
  font-weight: 500;
}

.MorningBrief-module__VkMb7W__dateLine {
  font-family: var(--serif);
  color: var(--mute);
  margin: 0;
  font-size: .82rem;
  font-style: italic;
  line-height: 1.45;
}

.MorningBrief-module__VkMb7W__tabs {
  border-bottom: 1px solid var(--rule);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
}

.MorningBrief-module__VkMb7W__tab {
  cursor: pointer;
  text-align: center;
  background: none;
  border: none;
  border-bottom: 2px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .18rem;
  padding: .65rem .25rem;
  transition: border-color .2s, background .2s;
  display: flex;
}

.MorningBrief-module__VkMb7W__tab:not(:last-child) {
  border-right: 1px solid var(--rule);
}

.MorningBrief-module__VkMb7W__tabActive {
  border-bottom-color: var(--ox);
  background: #6e1b1b08;
}

.MorningBrief-module__VkMb7W__tabRoman {
  font-family: var(--serif);
  color: var(--ox);
  font-size: .88rem;
  font-style: italic;
  line-height: 1;
}

.MorningBrief-module__VkMb7W__tabName {
  font-family: var(--mono);
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--mute);
  font-size: .56rem;
  line-height: 1.2;
}

.MorningBrief-module__VkMb7W__tabActive .MorningBrief-module__VkMb7W__tabName {
  color: var(--ink);
}

.MorningBrief-module__VkMb7W__content {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--rule) transparent;
  flex: 1;
  min-height: 0;
  padding: .85rem 1.1rem .75rem;
  overflow-y: auto;
}

.MorningBrief-module__VkMb7W__content::-webkit-scrollbar {
  width: 3px;
}

.MorningBrief-module__VkMb7W__content::-webkit-scrollbar-thumb {
  background: var(--ox);
  opacity: .4;
  border-radius: 2px;
}

.MorningBrief-module__VkMb7W__source {
  font-family: var(--mono);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--ox);
  margin-bottom: .5rem;
  font-size: .62rem;
}

.MorningBrief-module__VkMb7W__paragraph {
  font-family: var(--serif);
  color: var(--ink);
  margin: 0 0 .45rem;
  font-size: .82rem;
  line-height: 1.55;
}

.MorningBrief-module__VkMb7W__paragraph:last-of-type {
  margin-bottom: 0;
}

.MorningBrief-module__VkMb7W__pull {
  border-left: 2px solid var(--rule);
  font-family: var(--serif);
  color: var(--mute);
  margin: .5rem 0 0;
  padding: .4rem .65rem;
  font-size: .75rem;
  font-style: italic;
  line-height: 1.5;
}

.MorningBrief-module__VkMb7W__meta {
  font-family: var(--mono);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--mute);
  margin-top: .5rem;
  font-size: .62rem;
}

.MorningBrief-module__VkMb7W__footer {
  border-top: 1px solid var(--rule);
  font-family: var(--mono);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--mute);
  justify-content: space-between;
  align-items: center;
  padding: .7rem 1.1rem;
  font-size: .55rem;
  display: flex;
}

.MorningBrief-module__VkMb7W__footer em {
  font-family: var(--serif);
  letter-spacing: .02em;
  text-transform: none;
  color: var(--ink);
  font-size: .72rem;
  font-style: italic;
}

.MorningBrief-module__VkMb7W__recitedBtn {
  background: var(--ox);
  width: 100%;
  min-height: 44px;
  color: var(--ivory);
  font-family: var(--mono);
  font-size: var(--fs-xs, 10px);
  letter-spacing: .18em;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  border: none;
  padding: .6rem;
  transition: background .2s;
  display: block;
}

.MorningBrief-module__VkMb7W__recitedBtn:active {
  background: var(--kraft);
  color: var(--ink);
  transform: scale(.98);
}

/* [project]/components/ConstellationView.css [app-client] (css) */
.constellation {
  aspect-ratio: 3 / 4;
  width: min(100%, 340px);
  padding: 0;
  position: relative;
}

.constellation > .lines {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.constellation-meta {
  text-align: center;
  pointer-events: none;
  white-space: nowrap;
  position: absolute;
  top: -14%;
  left: 50%;
  transform: translateX(-50%);
}

.constellation-meta .greeting {
  color: var(--mute);
  font-size: clamp(18px, 5vw, 24px);
  font-style: italic;
}

.constellation-meta .greeting em {
  color: var(--ox);
}

.glyph-card {
  text-align: center;
  width: clamp(100px, 30vw, 126px);
  color: var(--ox);
  padding: 0 1px;
  position: absolute;
  transform: translate(-50%, -50%);
}

@media (max-height: 760px) {
  .constellation-meta {
    top: -10%;
  }
}

.glyph-card.calm {
  color: var(--mute);
}

.pillar-link {
  width: 100%;
  color: inherit;
  cursor: pointer;
  text-align: center;
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
  display: block;
}

.pillar-link:focus-visible {
  outline: 1px solid var(--ox);
  outline-offset: 6px;
}

.glyph-circle {
  border: 1px solid var(--border-med);
  background: var(--ivory);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 8px;
  transition: all .4s;
  display: flex;
}

.glyph-circle.dominant {
  border-color: var(--ox);
  width: 76px;
  height: 76px;
  box-shadow: 0 0 0 5px #6e1b1b14;
}

.glyph-circle.largest {
  border-color: var(--ox);
  width: 104px;
  height: 104px;
  box-shadow: 0 0 0 8px #6e1b1b1f;
}

.glyph-faculty {
  font-family: var(--sans);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 3px;
  font-size: clamp(7.5px, 2.2vw, 10px);
  line-height: 1.12;
}

.glyph-domain {
  margin-bottom: 3px;
  font-size: clamp(13px, 3.5vw, 16px);
  font-style: italic;
  line-height: 1.06;
}

.glyph-status {
  font-family: var(--sans);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--mute);
  font-size: clamp(7px, 1.8vw, 9px);
  line-height: 1.18;
}

.glyph-count {
  background: var(--ox);
  color: var(--ivory);
  margin-left: 5px;
  padding: 1px 5px;
  font-size: 7px;
}

/* [project]/components/SettingsPage.module.css [app-client] (css) */
.SettingsPage-module__-fIW5W__page {
  background: var(--ivory);
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.SettingsPage-module__-fIW5W__header {
  border-bottom: 1px solid var(--rule);
  align-items: center;
  gap: .75rem;
  padding: 1rem 1.1rem .9rem;
  display: flex;
}

.SettingsPage-module__-fIW5W__back {
  cursor: pointer;
  color: var(--mute);
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: color .15s;
  display: flex;
}

.SettingsPage-module__-fIW5W__back:hover {
  color: var(--ink);
}

.SettingsPage-module__-fIW5W__title {
  font-family: var(--mono);
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--ink);
  font-size: .66rem;
}

.SettingsPage-module__-fIW5W__body {
  scrollbar-width: thin;
  scrollbar-color: var(--rule) transparent;
  flex: 1;
  overflow-y: auto;
}

.SettingsPage-module__-fIW5W__section {
  border-bottom: 1px solid var(--border-faint);
  padding: 1.1rem 1.1rem 1rem;
}

.SettingsPage-module__-fIW5W__sectionLabel {
  font-family: var(--mono);
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--ox);
  margin-bottom: .8rem;
  font-size: .56rem;
}

.SettingsPage-module__-fIW5W__sectionHint {
  font-family: var(--serif);
  color: var(--mute);
  margin: 0;
  font-size: .82rem;
  font-style: italic;
  line-height: 1.5;
}

.SettingsPage-module__-fIW5W__langRow {
  gap: .5rem;
  display: flex;
}

.SettingsPage-module__-fIW5W__langBtn {
  border: 1px solid var(--border-med);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  flex-direction: column;
  flex: 1;
  align-items: center;
  gap: .28rem;
  padding: .75rem .4rem;
  transition: border-color .15s, background .15s;
  display: flex;
}

.SettingsPage-module__-fIW5W__langBtnActive {
  border-color: var(--ox);
  background: #6e1b1b0a;
}

.SettingsPage-module__-fIW5W__langCode {
  font-family: var(--mono);
  letter-spacing: .18em;
  color: var(--ink);
  font-size: .7rem;
  line-height: 1;
}

.SettingsPage-module__-fIW5W__langBtnActive .SettingsPage-module__-fIW5W__langCode {
  color: var(--ox);
}

.SettingsPage-module__-fIW5W__langName {
  font-family: var(--serif);
  color: var(--mute);
  font-size: .72rem;
  font-style: italic;
  line-height: 1;
}

.SettingsPage-module__-fIW5W__langBtnActive .SettingsPage-module__-fIW5W__langName {
  color: var(--ox);
}

/* [project]/components/SplashScreen.css [app-client] (css) */
.splash-overlay {
  z-index: 9999;
  background: radial-gradient(at 50% 40%, #e2d5b6 0%, #c9b891 45%, #6e5e45 100%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: opacity .6s;
  display: flex;
  position: fixed;
  inset: 0;
}

.splash-overlay.splash-fade-out {
  opacity: 0;
  pointer-events: none;
}

.splash-globe {
  perspective: 500px;
  width: 280px;
  height: 280px;
  position: relative;
}

.splash-meridian {
  border: 1px solid #a8957226;
  border-radius: 50%;
  position: absolute;
  inset: 0;
}

.splash-meridian-1 {
  border-color: #6e1b1b1f;
  animation: 8s linear infinite splash-spin-1;
}

.splash-meridian-2 {
  border-color: #6e5e4526;
  animation: 10s linear infinite splash-spin-2;
}

@keyframes splash-spin-1 {
  from {
    transform: rotateX(30deg)rotateZ(0)scaleX(.6);
  }

  to {
    transform: rotateX(30deg)rotateZ(360deg)scaleX(.6);
  }
}

@keyframes splash-spin-2 {
  from {
    transform: rotateX(-40deg)rotateZ(360deg)scaleX(.5);
  }

  to {
    transform: rotateX(-40deg)rotateZ(0)scaleX(.5);
  }
}

.splash-constellation-lines {
  animation: 12s linear infinite splash-orbit;
  position: absolute;
  inset: 0;
}

.splash-constellation-lines svg {
  width: 100%;
  height: 100%;
}

.splash-pillar-orbit {
  animation: 12s linear infinite splash-orbit;
  position: absolute;
  inset: 0;
}

.splash-pillar-icon {
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
}

.splash-pillar-icon.splash-keeper {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(0)translateX(110px)rotate(0);
}

.splash-pillar-icon.splash-arbiter {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(120deg)translateX(110px)rotate(-120deg);
}

.splash-pillar-icon.splash-cartographer {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(240deg)translateX(110px)rotate(-240deg);
}

.splash-pillar-icon svg {
  opacity: 0;
  animation: .8s forwards splash-icon-fade-in;
}

.splash-keeper svg {
  animation-delay: 1s;
}

.splash-arbiter svg {
  animation-delay: 1.3s;
}

.splash-cartographer svg {
  animation-delay: 1.6s;
}

@keyframes splash-icon-fade-in {
  from {
    opacity: 0;
    transform: scale(.5);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.splash-orbit-dot {
  opacity: 0;
  background: #a89572;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  animation: 2s ease-in-out infinite splash-dot-pulse;
  position: absolute;
  top: 50%;
  left: 50%;
}

.splash-orbit-dot:nth-child(4) {
  animation-delay: 0s;
  transform: translate(-50%, -50%)rotate(45deg)translateX(110px);
}

.splash-orbit-dot:nth-child(5) {
  animation-delay: .3s;
  transform: translate(-50%, -50%)rotate(90deg)translateX(110px);
}

.splash-orbit-dot:nth-child(6) {
  animation-delay: .6s;
  transform: translate(-50%, -50%)rotate(165deg)translateX(110px);
}

.splash-orbit-dot:nth-child(7) {
  animation-delay: .9s;
  transform: translate(-50%, -50%)rotate(210deg)translateX(110px);
}

.splash-orbit-dot:nth-child(8) {
  animation-delay: 1.2s;
  transform: translate(-50%, -50%)rotate(285deg)translateX(110px);
}

.splash-orbit-dot:nth-child(9) {
  animation-delay: 1.5s;
  transform: translate(-50%, -50%)rotate(330deg)translateX(110px);
}

@keyframes splash-dot-pulse {
  0%, 100% {
    opacity: 0;
  }

  50% {
    opacity: .5;
  }
}

@keyframes splash-orbit {
  from {
    transform: rotateZ(0);
  }

  to {
    transform: rotateZ(360deg);
  }
}

.splash-seal-icon {
  opacity: 0;
  z-index: 2;
  width: 110px;
  height: 110px;
  animation: 1s .6s forwards splash-seal-fade;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.splash-seal-icon img {
  object-fit: contain;
  filter: drop-shadow(0 0 24px #2a1f1233);
  width: 100%;
  height: 100%;
}

@keyframes splash-seal-fade {
  from {
    opacity: 0;
    transform: translate(-50%, -50%)scale(.5);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

.splash-text-block {
  text-align: center;
  opacity: 0;
  margin-top: 48px;
  animation: .8s 1.4s forwards splash-text-in;
}

@keyframes splash-text-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.splash-office {
  font-family: var(--sans);
  letter-spacing: .5em;
  text-transform: uppercase;
  color: #2a1f12;
  font-size: clamp(9px, 2.5vw, 13px);
}

.splash-load-sweep {
  opacity: 0;
  background: #6e5e451f;
  width: clamp(100px, 28vw, 140px);
  height: 1px;
  animation: .4s 2s forwards splash-text-in;
  position: absolute;
  bottom: 14%;
  overflow: hidden;
}

.splash-sweep-light {
  background: linear-gradient(90deg, #0000, #6e5e45, #0000);
  width: 40%;
  height: 100%;
  animation: 1.6s ease-in-out infinite splash-sweep-light;
}

@keyframes splash-sweep-light {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(250%);
  }
}

/* [project]/components/Controls.css [app-client] (css) */
.controls {
  padding: 4px 0 calc(12px + env(safe-area-inset-bottom, 0px));
  justify-content: center;
  margin-top: auto;
  display: flex;
}

.controls-bar {
  background: var(--ivory);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 6px 10px;
  display: flex;
  box-shadow: 0 8px 20px #100c081f;
}

.controls-bar button {
  color: var(--mute);
  font-family: var(--sans);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: none;
  border-radius: 999px;
  flex-direction: column;
  flex: 1 1 0;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  padding: 12px 10px;
  transition: background .3s;
  display: inline-flex;
  position: relative;
}

.controls-bar button svg {
  width: 18px;
  height: 18px;
  display: block;
}

.controls-label {
  display: none;
}

.controls-bar button:hover {
  background: #0000000a;
}

.controls-bar button.active {
  color: var(--ox);
  background: #0000000f;
}

.controls-bar button:active {
  transform: scale(.94);
}

@media (max-width: 420px) {
  .controls-bar button {
    padding: 8px 6px;
  }

  .controls-bar button svg {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 390px) {
  .controls-bar {
    border-radius: 24px;
    flex-wrap: wrap;
    gap: 6px;
  }

  .controls-bar button {
    flex: calc(50% - 3px);
    min-width: calc(50% - 3px);
  }
}

/* [project]/app/[locale]/home.css [app-client] (css) */
.home-safe {
  width: 100%;
  min-height: 100dvh;
  padding: clamp(8px, 3vw, 16px);
  padding-top: calc(clamp(12px, 3vw, 20px) + env(safe-area-inset-top, 0px));
  flex-direction: column;
  gap: 8px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

@media (max-height: 720px) {
  .home-safe {
    gap: 6px;
    padding: 8px 8px 10px;
  }
}

.stage {
  background: var(--ivory);
  border: 1px solid #a8957238;
  border-radius: 24px;
  flex: auto;
  width: 100%;
  min-height: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 16px 40px #100c081a;
}

.stage:before {
  content: "";
  pointer-events: none;
  z-index: 1;
  background: radial-gradient(80% 55% at 50% 18%, #ffffff6b 0%, #0000 62%), radial-gradient(65% 55% at 50% 100%, #2a1f120d 0%, #0000 64%);
  position: absolute;
  inset: 0;
}

.atlas, .brief-screen, .constellation-screen, .settings-screen {
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  transition: opacity .26s;
  display: flex;
  position: absolute;
  inset: 0;
}

.atlas {
  justify-content: stretch;
  align-items: stretch;
  padding: 0;
}

.brief-screen, .constellation-screen {
  justify-content: center;
  align-items: center;
  padding: clamp(18px, 4vw, 28px);
}

.constellation-screen {
  flex-direction: column;
  gap: 10px;
}

.screen-title-bar {
  font-family: var(--mono);
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--mute);
  flex-shrink: 0;
  font-size: 9px;
}

.brief-screen, .settings-screen {
  align-items: stretch;
  padding: 0;
  overflow: hidden;
}

.brief-screen {
  padding-top: 16px;
}

.stage[data-screen="atlas"] .atlas, .stage[data-screen="brief"] .brief-screen, .stage[data-screen="constellation"] .constellation-screen, .stage[data-screen="settings"] .settings-screen {
  opacity: 1;
  pointer-events: auto;
}

.world-frame {
  opacity: .88;
  width: 100%;
  height: 100%;
  transition: opacity .9s, transform .9s, filter .9s;
  display: block;
}

.stage[data-screen="brief"] .world-frame, .stage[data-screen="constellation"] .world-frame, .stage[data-screen="settings"] .world-frame, .stage[data-screen="opening"] .world-frame {
  opacity: .14;
  filter: blur(.6px);
  transform: scale(1.02);
}

.atlas-strap {
  text-align: center;
  width: 100%;
  font-family: var(--sans);
  font-size: var(--fs-xxs);
  letter-spacing: .34em;
  text-transform: uppercase;
  color: var(--mute);
  z-index: 3;
  position: absolute;
  top: 28px;
  left: 0;
}

.atlas-hint {
  font-family: var(--sans);
  font-size: var(--fs-xxs);
  letter-spacing: .34em;
  text-transform: uppercase;
  color: var(--mute);
  z-index: 3;
  animation: 4s ease-in-out infinite hint;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}

@keyframes hint {
  0%, 100% {
    opacity: .35;
  }

  50% {
    opacity: .9;
  }
}

.stage:not([data-screen="atlas"]) .atlas-strap, .stage:not([data-screen="atlas"]) .atlas-hint {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/*# sourceMappingURL=_1slq7vw._.css.map*/