:root { color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: transparent; }
body { position: relative; font-family: Arial, sans-serif; color: white; }
#scene { width: 100%; height: 1000px; transform-origin: top left; }
#scene ruffle-player { display: block; width: 100%; height: 1000px; pointer-events: none; visibility: hidden; }
body[data-scene-state="ready"] #scene ruffle-player { visibility: visible; }
#scene-status, .scene-message { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[hidden] { display: none !important; }