html, body, #stage { width: 100%; height: 100%; margin: 0; }
body { background: #101820; color: white; font: 1rem system-ui, sans-serif; }
#stage { display: grid; place-items: center; }
#intro { text-align: center; padding: 1rem; }
#intro[hidden] { display: none; }
h1 { margin: 0 0 1rem; font-size: clamp(1.5rem, 7vw, 3rem); }
button {
  padding: .7em 1em;
  border: 0;
  border-radius: .45em;
  background: #e5f1fb;
  color: #102a43;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
#status:empty { display: none; }
ruffle-player { display: block; width: 100%; height: 100%; touch-action: none; }