/* ONE Wallet 0.0.0 — same type and controls, a slow full-height horizon. */
body { background: #050505; isolation: isolate; }
#shell { position: relative; background: transparent; }
.moon-scene {
  position: fixed;
  top: 34px;
  bottom: 0;
  left: 50%;
  width: min(calc(100% - 40px), 600px);
  transform: translateX(-50%);
  overflow: hidden;
  contain: strict;
  pointer-events: none;
  user-select: none;
  z-index: -1;
  background: #070706;
}
.moon-surface {
  position: absolute;
  top: -26%;
  left: 50%;
  width: max(150%, 960px);
  height: 132%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  opacity: .025;
  transform: translate3d(-50%, 14%, 0) scale(1.02);
  transition: opacity 10s cubic-bezier(.22,.61,.36,1), transform 14s cubic-bezier(.22,.61,.36,1);
}
.moon-ready .moon-surface { opacity: .35; transform: translate3d(-50%, 0, 0) scale(1); }
.moon-ready.unlocked .moon-surface { opacity: .46; transform: translate3d(-50%, -10%, 0) scale(1.035); }
.moon-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #07070620 0%, transparent 36%, #07070635 62%, #070706dd 100%);
}
.moon-light {
  position: absolute;
  inset: -20%;
  background: radial-gradient(ellipse at 24% 42%, #c5ad7438, transparent 44%), radial-gradient(ellipse at 78% 56%, #d6dce212, transparent 40%);
  opacity: 0;
  transform: translate3d(-3%, 2%, 0);
  transition: opacity 2.8s ease;
  animation: lunar-light 18s ease-in-out infinite alternate paused;
}
.moon-idle .moon-light { opacity: .48; animation-play-state: running; }
.moon-paused .moon-light { animation-play-state: paused; }
.hero::before { display: none; }
.hero { overflow: visible; }
.hero-logo { filter: drop-shadow(0 0 22px #c39d4018); }
input:not([type=checkbox]), select { background-color: #07070666; }
select option { background: #0b0b08; }
.amount-line input { background: transparent; }
.asset-card, .connection-card { background: #07070655; }
.input-eye input:focus { box-shadow: 0 0 18px #b9a16e0b; }
.bottom-nav { background: #080807df; }
.footer-motto { font-size: 13px; letter-spacing: .7px; color: var(--gold); }
@keyframes lunar-light {
  from { transform: translate3d(-3%, 2%, 0); }
  to { transform: translate3d(4%, -3%, 0); }
}
@media (min-width: 1000px) { .moon-scene { top: 50px; } }
@media (max-width: 640px) {
  #shell { background: transparent; }
  .moon-scene { top: 0; width: 100%; }
}
.is-popup .moon-scene { top: 0; width: 380px; }
.is-popup.entry footer { margin-top: 24px; }
.is-popup.entry .edition { margin-top: 8px; }
@media (prefers-reduced-motion: reduce) {
  .moon-surface, .moon-ready .moon-surface, .moon-ready.unlocked .moon-surface {
    opacity: .3;
    transform: translate3d(-50%, 0, 0);
    transition: none;
  }
  .moon-light, .moon-idle .moon-light { display: none; animation: none; }
}