:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f6ecd9;background:#091d28}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100vw;height:100dvh;touch-action:none;outline:none}header,footer{position:fixed;left:0;right:0;padding:20px 28px;pointer-events:none}header{top:0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#07131bd9,transparent)}footer{bottom:0;background:linear-gradient(transparent,#07131bf5);padding-top:45px}header>* ,footer>*{pointer-events:auto}small{letter-spacing:.14em;font-size:11px}h1{margin:4px 0;font-family:Georgia,serif;font-size:34px;font-weight:400}nav,#states{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button,a{font:inherit;font-size:14px;border:1px solid #e3cfaa55;border-radius:8px;padding:10px 15px;background:#102b39dc;color:#f6ecd9;cursor:pointer;text-decoration:none}button[aria-pressed=true],#vr:not(:disabled){background:#e2c58d;color:#182b32}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:3px}p{margin:8px 0;font-size:13px;max-width:850px}#status{font-weight:600}#help,details{font-size:12px;color:#d1dce1}details{max-width:700px}summary{cursor:pointer}body.xr header,body.xr footer{display:none}@media(max-width:600px){header{padding:14px;align-items:flex-start}header nav{justify-content:flex-end;max-width:60%}h1{font-size:26px}small{font-size:9px}footer{padding:35px 14px 14px}button,a{font-size:12px;padding:9px}#help{max-width:360px}}

.music-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:12px}.music-controls label{display:flex;align-items:center;gap:7px}.music-controls input{width:100px}.music-controls span{color:#d1dce1}