:root { color-scheme: dark; font-family: system-ui, sans-serif; color: #e8eff8; background: #111923; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; }
#stage { width: min(100vw, 133.333333vh); width: min(100vw, 133.333333dvh); aspect-ratio: 4 / 3; background: white; }
#stage ruffle-player { display: block; width: 100%; height: 100%; }
#status { position: fixed; bottom: 16px; left: 16px; right: 16px; margin: 0; padding: 12px; background: #223247; }