/* A dark room around a bright screen: the game is the only thing lit. */
html, body {
  margin: 0;
  height: 100%;
  background: #07070c;
  color: #c8ccdd;
  font: 14px/1.5 "Segoe UI", system-ui, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: hidden;
}
#cabinet {
  position: relative;
  box-shadow: 0 0 0 3px #1b1f2e, 0 0 60px rgba(120, 90, 255, 0.25);
  border-radius: 6px;
  overflow: hidden;
}
#screen {
  display: block;
  /* the whole screen, whatever the window: scaled in CSS, never re-rendered */
  height: min(86vh, 75vw);
  width: auto;
  image-rendering: pixelated;
  background: #05060a;
}
/* a faint CRT grille; it is the look, not a filter over the gameplay */
#scanlines {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(rgba(0, 0, 0, 0.22) 0 1px, transparent 1px 3px);
  mix-blend-mode: multiply;
}
#hint { margin: 0; color: #5d6480; font-size: 12px; }