html,body{margin:0;height:100%;background:#0d0b12;overflow:hidden}body{display:flex;align-items:center;justify-content:center}#game{display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:default}#game{touch-action:none}body.touch{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:none;overscroll-behavior:none}.pad,.rotate{display:none}body.touch .pad{display:grid;position:fixed;bottom:max(10px,env(safe-area-inset-bottom));gap:8px;z-index:5}body.touch .actions{left:max(14px,env(safe-area-inset-left));grid-auto-flow:column}body.touch .numbers{top:max(8px,env(safe-area-inset-top));bottom:auto;left:max(14px,env(safe-area-inset-left));grid-auto-flow:column}body.touch .dpad{right:max(14px,env(safe-area-inset-right));grid-template-columns:repeat(2,1fr)}.tbtn{width:52px;height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:#281e408c;color:#fff;font:700 16px/1 monospace;padding:0;touch-action:none;-webkit-tap-highlight-color:transparent}.tbtn.sm{width:44px;height:44px;justify-self:center;font-size:14px}.tbtn.space{font-size:11px}.tbtn.on{background:#9480c4d9}.dpad .up{grid-column:1 / -1;justify-self:center}@media(orientation:portrait){body.touch .rotate{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;align-items:center;justify-content:center;background:#0d0b12;color:#fff;font:18px monospace;text-align:center;padding:24px}}@media(orientation:landscape)and (max-height:420px){.tbtn{width:44px;height:44px;font-size:14px}.tbtn.sm{width:38px;height:38px}body.touch .pad{gap:6px}}