*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#080808}#playground{width:100%;height:100svh;position:relative}canvas{display:block;width:100%;height:100%;touch-action:none}.controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;opacity:0;pointer-events:none}.controls:focus-within{opacity:1;pointer-events:auto}.controls button{width:44px;height:44px;background:#080808;border:1px solid #ff3025;color:#ff3025;font-size:23px;cursor:pointer}.controls button:focus-visible{outline:2px solid #ff3025;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}