:root{color-scheme:dark;font-family:"Segoe UI",system-ui,Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0c0726}
html.transparent,body.transparent{background:transparent;color-scheme:normal}
main{width:100%;height:100%;display:grid;place-items:center}
canvas{display:block;width:min(100vw,56.25vh);height:min(100vh,177.7778vw)}
#audio-unlock{position:fixed;left:50%;bottom:9%;transform:translateX(-50%);z-index:4;border:1px solid #ffe3a1;background:#1a0f4aed;color:#fff7ea;padding:12px 20px;border-radius:24px;font:700 15px "Segoe UI",sans-serif;cursor:pointer;box-shadow:0 6px 25px #0006}
#audio-unlock[hidden]{display:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}