/* ==========================================================================
   MARVER — page-local styles (cabinet HUD chips)
   ========================================================================== */

#game-canvas {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 960 / 600;
  background: #101014;
  border: 1px solid #2f2f38;
  touch-action: none;
  cursor: pointer;
  user-select: none;
}

.game-hud {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

.hud-chip {
  font-family: 'JetBrains Mono', ui-monospace, Consolas, monospace;
  font-size: 11px;
  letter-spacing: .08em;
  color: #ededf1;
  background: #121217;
  border: 1px solid #2f2f38;
  padding: 8px 12px;
  white-space: nowrap;
}

.hud-chip--state {
  color: #ffb347;
  border-color: rgba(255, 179, 71, 0.45);
}

.hud-chip--hot {
  color: #ff5d5d;
  border-color: rgba(255, 93, 93, 0.55);
}

@media (max-width: 640px) {
  .hud-chip { font-size: 10px; padding: 6px 10px; }
}