html.arrival-pending body > header,
html.arrival-pending body > main,
html.arrival-pending body > footer { visibility: hidden; }
html.arrival-active { overflow: hidden; }
body > .arrival {
  position: fixed; inset: 0; z-index: 10000;
  overflow: hidden; background: #02040a; color: #e4f3ff;
  --brand-highlight: #ff792b;
  --brand-primary-rgb: 253, 92, 1;
  font-family: 'Share Tech Mono', monospace;
}
.arrival canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.arrival-skip {
  position: absolute; top: max(20px, env(safe-area-inset-top)); right: 24px;
  min-height: 44px; padding: 10px 16px; border-radius: 999px;
  border: 1px solid #526570; color: #fff; background: #07101c;
  font: 14px 'Share Tech Mono', monospace; cursor: pointer;
}
.arrival-skip:focus-visible { outline: 3px solid var(--brand-highlight); outline-offset: 3px; }
.arrival[data-phase="decoding"] { background: transparent; }
@media (prefers-reduced-motion: reduce) {
  .arrival { display: none; }
  html.arrival-pending body > header, html.arrival-pending body > main, html.arrival-pending body > footer { visibility: visible; }
  html.arrival-active { overflow: auto; }
}