/* The entry and the universe share the same living galaxy and pearl planet. */
body.account-locked[data-page] { overflow: hidden; height: 100dvh; background: #e8f2fa; color-scheme: light; }
.arrival-scene { position: absolute; inset: 0; overflow: hidden; pointer-events: none; background: radial-gradient(ellipse at 64% 34%, #c9dfef, #e8f2fa 76%); }
.arrival-galaxy { position: absolute; inset: 0; width: 100%; height: 100%; }
.arrival-planet-holder { position: absolute; width: min(47vw, 560px); height: min(47vw, 560px); left: 8%; top: 50%; transform: translateY(-50%); }
.arrival-planet { display: block; width: 100%; height: 100%; }
.arrival-gate { display: grid; grid-template-columns: 1fr minmax(280px, 350px); align-items: center; gap: 7vw; padding: max(35px, env(safe-area-inset-top)) max(9vw, 26px) max(35px, env(safe-area-inset-bottom)); background: #e8f2fa; backdrop-filter: none; -webkit-backdrop-filter: none; isolation: isolate; color-scheme: light; }
.arrival-gate[hidden] { display: none; }
.arrival-gate > .arrival-scene { position: fixed; z-index: -1; }
.arrival-gate .account-entry { grid-column: 2; position: relative; width: 100%; max-width: 350px; margin: 0; padding: 20px 0; border: 0; border-radius: 0; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; color: #29465f; }
.arrival-gate .account-brand { font-size: 21px; margin-bottom: 36px; color: #365875; }
.arrival-gate .account-entry h1 { font-size: 26px; line-height: 1.5; font-weight: 400; }
.arrival-gate .account-intro { font-size: 13px; line-height: 1.8; color: #536f87; margin-bottom: 25px; }
.arrival-gate .account-entry label { font-size: 12px; color: #4e6e87; }
.arrival-gate .account-entry input { background: transparent; border: 0; border-bottom: 1px solid #6f8ea373; border-radius: 0; min-height: 47px; color: #2b4e6a; }
.arrival-gate .account-entry input::placeholder { color: #5c7890; opacity: 1; }
.arrival-gate .account-entry .primary { background: transparent; color: #2b4e6a; border: 0; border-bottom: 1px solid #7695ad80; border-radius: 0; box-shadow: none; font-size: 14px; }
.arrival-gate .account-entry > .text-link, .arrival-gate .password-toggle { color: #4f708a; font-size: 12px; }
.arrival-gate .account-footnote { color: #56738c; font-size: 11px; margin-top: 22px; }
.arrival-gate .account-error { color: #9c4354; }
.arrival-gate button:focus-visible, .arrival-gate input:focus-visible { outline: 2px solid #4d7697; outline-offset: 4px; }
.arrival-journey { position: fixed; z-index: 1000; inset: 0; width: 100%; height: 100dvh; overflow: hidden; isolation: isolate; color: #29465f; font-family: var(--font, -apple-system, BlinkMacSystemFont, sans-serif); }
.arrival-journey .arrival-scene { background: transparent; }
.arrival-journey .arrival-scene::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse at 64% 34%, #c9dfef, #e8f2fa 76%); transition: opacity 1.25s ease; }
.arrival-journey .arrival-galaxy { transition: opacity 1.25s ease; }
.arrival-journey .arrival-planet-holder { transform-origin: 0 0; transition: transform 1.35s cubic-bezier(.22,.72,.18,1); will-change: transform; }
.arrival-wordmark { position: absolute; z-index: 5; top: max(24px, env(safe-area-inset-top)); left: max(28px, env(safe-area-inset-left)); margin: 0; color: #365875; font: 400 21px/1.4 var(--font, sans-serif); letter-spacing: -.8px; transition: opacity .7s; }
.arrival-skip { position: absolute; z-index: 8; top: max(16px, env(safe-area-inset-top)); right: max(20px, env(safe-area-inset-right)); display: flex; align-items: center; justify-content: center; min-width: 52px; min-height: 44px; padding: 8px 12px; border: 1px solid #89a6be66; border-radius: 22px; background: #e8f2fab8; color: #395f7e; font: 13px/1.5 var(--font, sans-serif); cursor: pointer; }
.arrival-journey button:focus-visible { outline: 2px solid #4d7697; outline-offset: 5px; }
.arrival-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.arrival-journey.is-travelling .arrival-scene::before, .arrival-journey.is-travelling .arrival-galaxy, .arrival-journey.is-travelling .arrival-wordmark { opacity: 0; }
.arrival-journey.is-revealing { opacity: 0; transition: opacity .6s ease; }
@media (max-width: 759px) {
  .arrival-gate { display: block; padding: clamp(220px, 32dvh, 310px) 28px max(28px, env(safe-area-inset-bottom)); }
  .arrival-planet-holder { width: min(clamp(210px, 63vw, 285px), 30dvh); height: min(clamp(210px, 63vw, 285px), 30dvh); top: max(14px, env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); }
  .arrival-gate .account-entry { max-width: 350px; margin: 0 auto; padding: 0; }
  .arrival-gate .account-brand { margin-bottom: 16px; font-size: 19px; }
  .arrival-gate .account-entry h1 { font-size: 23px; }
  .arrival-gate .account-intro { margin-bottom: 18px; font-size: 12px; }
  .arrival-gate .account-entry label { margin-top: 13px; }
  .arrival-wordmark { font-size: 20px; left: 24px; }
}
@media (max-height: 550px) and (orientation: landscape) {
  .arrival-gate { display: grid; grid-template-columns: 1fr minmax(260px, 350px); padding: 26px 6vw; }
  .arrival-planet-holder { left: 4%; top: 50%; width: 40vw; height: 40vw; transform: translateY(-50%); }
  .arrival-gate .account-entry { margin-left: auto; margin-right: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .arrival-journey *, .arrival-journey, .arrival-journey .arrival-scene::before, .arrival-journey .arrival-scene::after { animation: none !important; transition: none !important; }
}

.arrival-scene::after { content:"";position:absolute;left:0;right:0;bottom:0;height:39%;pointer-events:none;background:url("media/universe-snow-mountains-v1.png") center 66% / cover no-repeat;opacity:.7;mask-image:linear-gradient(transparent,black 35%);-webkit-mask-image:linear-gradient(transparent,black 35%); }
.arrival-journey .arrival-scene::after { transition:opacity 1.25s ease; }
.arrival-journey.is-travelling .arrival-scene::after { opacity:0; }