/* Retro skin for the in-game chrome (HUD, buttons, dialogs); the menu and level picker look like this in both designs. */
body.retro .btn {
  background: var(--noise), var(--c1); background-blend-mode: multiply;
  border-color: var(--edge); border-width: 4px; border-radius: 6px;
  box-shadow: 0 4px 0 rgba(0,0,0,.35); image-rendering: pixelated;
}
body.retro .btn.primary { background: var(--noise), #ff9710; background-blend-mode: multiply; }
body.retro .btn.danger { background: url(assets/noise_red_dk.png), #e11a00; background-blend-mode: multiply; }
body.retro .hud {
  background: var(--noise-dk), var(--c2); background-blend-mode: multiply;
  backdrop-filter: none; border-bottom: 4px solid var(--edge);
}
body.retro .dialog {
  background: var(--noise), var(--dlg); background-blend-mode: multiply;
  border: 4px solid var(--edge); border-radius: 6px;
}