.hyper-wrap{width:100%;max-width:720px}.hyper-hud{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:11px;letter-spacing:.6px;color:#c9ff62}.hyper-progress{color:#ffb7ce;white-space:nowrap}
#play-area .hyper-canvas{width:100%;max-width:720px;height:auto;aspect-ratio:9/5;image-rendering:auto;border-color:#546c72}
.hyper-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0}.hyper-controls button{min-height:50px;padding:8px 2px;border:1px solid #546770;border-radius:8px;background:#2c3943;color:#f6f6f0;font-size:13px;touch-action:none;user-select:none}.hyper-controls button:active{background:#c9ff62;color:#17191c}.hyper-controls button:disabled{opacity:.35}
@media(max-width:760px){.hyper-controls{margin:0 0 10px;gap:4px}.hyper-controls button{font-size:11px}.hyper-hud{font-size:9px;letter-spacing:0}}