:root { --viewer-background: oklch(1 0 0); }
.page.animation-fullscreen {
  width: 100dvw;
  height: 100dvh;
  padding: 12px;
  background: var(--viewer-background);
}
.page.animation-fullscreen .top,
.page.animation-fullscreen .rotate { display: none; }
.page.animation-fullscreen .stage-box {
  flex: 1;
  aspect-ratio: auto;
  margin-top: 0;
  max-width: none;
}
.page.animation-fullscreen .controls {
  width: 100% !important;
  margin-top: 12px;
}
.page.animation-fullscreen-fallback {
  position: fixed;
  inset: 0;
  z-index: 100;
}
.page.animation-landscape {
  position: fixed;
  inset: auto;
  top: 50%;
  left: 50%;
  width: 100dvh;
  height: 100dvw;
  transform: translate(-50%, -50%) rotate(90deg);
}
body.animation-fullscreen-active { overflow: hidden; }