html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#f4f1e6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#game{position:fixed;inset:0}#game canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;outline:none}.fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;line-height:1.5;background:#1d2033}#touch-pad{position:fixed;inset:0;pointer-events:none;z-index:5;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#touch-pad.hidden{display:none}#touch-pad canvas{position:absolute;pointer-events:auto;touch-action:none;image-rendering:pixelated;image-rendering:crisp-edges;opacity:.78}#touch-pad .tp-dpad{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));width:min(34vmin,170px);aspect-ratio:1}#touch-pad .tp-face{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:min(38vmin,190px);aspect-ratio:1}#touch-pad .tp-start{left:50%;bottom:max(6px,env(safe-area-inset-bottom));width:min(17vmin,84px);aspect-ratio:38 / 16;transform:translate(-50%)}
