:root { color-scheme: dark; }
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; background: #000; overflow: hidden; }

#stage { position: fixed; inset: 0; display: block; width: 100vw; height: 100vh; height: 100dvh; touch-action: none; }

#title {
  position: fixed; left: 16px; right: 16px; top: 11vh; z-index: 2;
  text-align: center; white-space: nowrap;
  font: 400 clamp(26px, 4.2vw, 60px)/1 "Instrument Serif", Georgia, serif;
  letter-spacing: 0.04em; color: #fff;
  pointer-events: none; user-select: none;
  animation: fade-in 1.6s .4s ease-out both;
}
@keyframes fade-in { from { opacity: 0; transform: translateY(6px); } }
@media (prefers-reduced-motion: reduce) { #title { animation: none; } }