.universe-shell {
  position: absolute;
  inset: 0;
  overflow: hidden;
  isolation: isolate;
  color: #f2eee7;
  background:
    radial-gradient(ellipse at 50% 42%, rgba(28, 34, 52, 0.9) 0%, rgba(8, 9, 14, 0.96) 46%, #030307 100%);
}
.universe-shell[hidden] { display: none; }
.universe-stage {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.universe-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  touch-action: none;
  cursor: grab;
}
.universe-canvas:active { cursor: grabbing; }
.universe-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.universe-whiteout {
  position: absolute;
  inset: 0;
  z-index: 5;
  background: #f7f4ee;
  opacity: 0;
  pointer-events: none;
  transition: opacity 280ms ease;
}
.universe-shell[data-transition='whiteout'] .universe-whiteout { opacity: 1; }
.universe-fallback {
  display: none !important;
}
.universe-toolbar,
.universe-truth-panel {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .universe-whiteout { transition: none; }
}