html, body { margin: 0; height: 100%; background: #000; color: #9f9f9f; font-family: "Courier New", monospace; }
main { min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; }
/* the 64's screen, three of our pixels to each of its own (two, on a small window) */
#game-canvas { width: 960px; height: 600px; image-rendering: pixelated; image-rendering: crisp-edges; background: #000; cursor: pointer; }
@media (max-width: 980px), (max-height: 660px) { #game-canvas { width: 640px; height: 400px; } }
.keys { margin: 0; font-size: 13px; }
a { color: #bfce72; }
button { font: inherit; background: #222; color: #ddd; border: 1px solid #555; padding: 3px 9px; cursor: pointer; }
button.on { background: #883932; border-color: #b86962; }
table { border-collapse: collapse; }
td, th { padding: 4px 10px; text-align: left; border-bottom: 1px solid #222; font-size: 14px; }