html{touch-action:none;height:100%;display:flex}body{touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#000;flex:1;justify-content:center;align-items:center;height:100%;margin:0;display:flex}canvas{image-rendering:crisp-edges;image-rendering:pixelated;touch-action:none}.loading{color:#fff;align-items:center;font-family:Lucida Console,Courier,monospace;font-size:32px;display:flex}.touch-gamepad{--touch-dpad-size:clamp(48px, 12vmin, 72px);--touch-action-size:clamp(56px, 14vmin, 84px);--touch-gap:clamp(2px, .6vmin, 6px);--touch-pad:clamp(12px, 3vmin, 32px);padding:calc(var(--touch-pad) + env(safe-area-inset-top)) calc(var(--touch-pad) + env(safe-area-inset-right)) calc(var(--touch-pad) + env(safe-area-inset-bottom)) calc(var(--touch-pad) + env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:fixed;inset:0}.touch-dpad,.touch-actions{gap:var(--touch-gap);pointer-events:auto;display:grid}.touch-dpad{grid-template-areas:".up.""left.right"".down.";grid-template-columns:repeat(3, var(--touch-dpad-size));grid-template-rows:repeat(3, var(--touch-dpad-size))}.touch-actions{grid-template-areas:"fire sec""sel back";grid-template-columns:repeat(2, var(--touch-action-size));grid-template-rows:repeat(2, var(--touch-action-size))}.touch-btn{color:#fff;cursor:pointer;pointer-events:all;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:2px solid #fff6;border-radius:8px;justify-content:center;align-items:center;font-family:Lucida Console,Courier,monospace;font-size:clamp(11px,2.2vmin,15px);font-weight:700;display:flex}.touch-btn:active,.touch-btn.pressed{background:#ffffff59;border-color:#fffc}.touch-btn-up{grid-area:up}.touch-btn-down{grid-area:down}.touch-btn-left{grid-area:left}.touch-btn-right{grid-area:right}.touch-btn-fire{background:#dc323240;border-color:#dc505099;grid-area:fire}.touch-btn-secondary{grid-area:sec}.touch-btn-select{grid-area:sel}.touch-btn-back{grid-area:back}
