/* Shared page chrome for every Pixel Clash page: dark #211 backdrop + the pixel canvas. */
html, body { margin: 0; height: 100%; background: #211; overflow: hidden; overscroll-behavior: none; }
body {
  touch-action: none; -webkit-user-select: none; user-select: none;
  -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent;
}
canvas {
  position: absolute; display: block; touch-action: none;
  image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; image-rendering: pixelated;
}
/* Real DOM links/buttons for screen readers and no-JS users, invisible on screen. */
.sr-only {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}