:root {
  --boombox-body: #8a8a8a;
  --boombox-body-dark: #6a6a6a;
  --boombox-accent: #333;
  --speaker-grille: #444;
  --speaker-cone: #2a2a2a;
  --cassette-body: #1a1a1a;
  --cassette-shell: #c8b89a;
  --cassette-window: rgba(60, 40, 20, 0.6);
  --cassette-tape-brown: #3d2b1f;
  --cassette-label: #e8dcc8;
  --button-play: #4a7a4a;
  --button-stop: #c44444;
  --button-ff: #555;
  --button-rew: #555;
  --button-eject: #888;
  --button-flip: #5a6a8a;
  --deck-bg: #1a1a1a;
  --led-on: #4f4;
  --led-off: #131;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #2c3e50;
  font-family: 'Courier New', monospace;
  color: #eee;
  gap: 40px;
  padding: 20px;
  overflow-x: hidden;
}

h1 {
  font-size: 1.4rem;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #aaa;
  margin: 0;
}