*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:12px;display:flex;overflow:hidden}#stage{display:block}#controls{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#0000008c;border-radius:8px;flex-direction:column;gap:8px;padding:10px 16px;font:13px/1 system-ui,sans-serif;transition:opacity .25s;display:flex;position:fixed;bottom:20px;right:24px}#controls:hover{opacity:1!important}#controls label{opacity:.75;min-width:52px}#controls .control-row{align-items:center;gap:10px;display:flex}#controls #speed-x-label,#controls #speed-y-label{text-align:right;font-variant-numeric:tabular-nums;min-width:5ch}#controls input[type=range]{width:180px}#controls .units{opacity:.5;font-size:11px}