html,body{margin:0;height:100%;background:#000;color:#9fdcff;overflow:hidden;font-family:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif}
#stage{display:block;width:100vw;height:100vh;height:100dvh;touch-action:none}
.hud{position:fixed;left:16px;bottom:16px;right:16px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;font-size:12px;letter-spacing:.08em;pointer-events:none}
.hud>*{pointer-events:auto}
.title{font-weight:500;letter-spacing:.32em;color:#dff6ff}
.title span{letter-spacing:.12em;color:#4f8fb0;margin-left:8px;font-weight:300}
.ctl{display:flex;gap:8px;align-items:center;text-transform:uppercase}
.ctl input{width:120px;accent-color:#36e0ff}
button{background:transparent;border:1px solid #1f5a73;color:#9fdcff;padding:4px 10px;border-radius:2px;font:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
button[aria-pressed="false"]{color:#3b6577;border-color:#16323f}
.info{color:#3f7c99;font-size:11px;flex-basis:100%}
.stick{position:fixed;right:24px;bottom:96px;width:120px;height:120px;border-radius:50%;border:1px solid #1f5a73;background:rgba(10,40,55,.25);touch-action:none}
.stick .knob{position:absolute;left:40px;top:40px;width:40px;height:40px;border-radius:50%;background:rgba(54,224,255,.35);border:1px solid #36e0ff}
.hint{position:fixed;top:16px;left:16px;font-size:11px;letter-spacing:.1em;color:#3f7c99}
[hidden]{display:none!important}