/* styles.css — the interface is drawn on the canvas (see js/ui.js), so all that
   is left here is a full-bleed, crisp, non-scrolling canvas surface. */
:root {
--bg-color: #181425;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
user-select: none;
-webkit-user-select: none;
}
html, body {
background: var(--bg-color);
height: 100%;
overflow: hidden;
touch-action: none;
overscroll-behavior: none;
}
#gameContainer {
position: fixed;
/* Stay clear of notches and rounded corners, which sit on the side in landscape. */
top: env(safe-area-inset-top, 0px);
right: env(safe-area-inset-right, 0px);
bottom: env(safe-area-inset-bottom, 0px);
left: env(safe-area-inset-left, 0px);
background: var(--bg-color);
overflow: hidden;
}
canvas {
display: block;
width: 100%;
height: 100%;
image-rendering: pixelated;
image-rendering: crisp-edges;
}