/* KESSLER — arcade shell, matches the house dark test-harness look */
html, body { margin: 0; background: #05070d; color: #cfe0f0;
  font: 14px/1.5 "Courier New", monospace; }
.wrap { max-width: 980px; margin: 0 auto; padding: 8px; }
canvas { width: 100%; height: auto; display: block; background: #000;
  border-radius: 6px; touch-action: manipulation; image-rendering: auto; }
.row { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
button { font: inherit; background: #101a2c; color: #cfe0f0;
  border: 1px solid #2a3c58; border-radius: 6px; padding: 10px 14px;
  flex: 1; min-width: 64px; }
button:active { background: #ffd23f; color: #0a0f18; }
.hint { color: #63758c; margin-top: 8px; font-size: 12px; }
@media (min-width: 700px) { #touch { display: none; } }