*{box-sizing:border-box}html,body{color:#fff;background:#000;height:100%;margin:0}body{touch-action:manipulation;-webkit-user-select:none;user-select:none}main{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100%;padding:8px;display:flex}canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#pad{align-items:center;gap:12px;display:none}#pad .col{flex-direction:column;gap:12px;display:flex}#pad button{color:#fff;touch-action:none;background:#000;border:3px solid #fff;width:64px;height:64px;font:700 22px monospace}#pad button:active{color:#000;background:#fff}#pad .ok{border-radius:50%;margin-left:16px}#pad .pause{align-self:flex-start;width:44px;height:44px;font-size:16px}@media (pointer:coarse){#pad{display:flex}}