canvas{display:block}.asteroid{width:100%;height:100vh;position:fixed}.label{pointer-events:none;background:#ffffff80;border-radius:5px;padding:5px;font-family:Arial,sans-serif;font-size:12px;position:absolute}.selector:before{content:"";border:8px solid #0000;border-right-color:#ffffff80;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.controls-legend{color:#fff;background-color:#000000b3;border:1px solid #fff;border-radius:8px;padding:10px;font-family:Arial,sans-serif;font-size:14px;position:absolute;top:20px;right:20px}.controls-legend h3{text-align:center;margin:0;font-size:16px}.controls-legend ul{margin-top:5px;padding:0;list-style:none}.controls-legend li{margin:5px 0}.controls-legend strong{color:#0f0}.directional-pad{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:20px;left:20px}.pad-button{color:#000;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#ffffff80;border:none;border-radius:50%;outline:none;margin:5px;padding:20px;font-size:20px}.pad-button:active{background-color:#fffc}