.pong-title { font-size: clamp(46px, 8vw, 92px); }
.pong-title span, .pong-accent { color: var(--acid); }
.pong-cabinet { max-width: 820px; margin-inline: auto; }
.pong-cabinet canvas { aspect-ratio: 3 / 2; touch-action: none; cursor: ns-resize; }
.pong-score { grid-template-columns: repeat(4, 1fr); }
.pong-score > div:nth-child(2) strong { color: var(--hot); }
.pong-controls { display: none; grid-template-columns: repeat(2, minmax(100px, 150px)); justify-content: center; gap: 10px; margin-top: 18px; }
.pong-controls button { min-height: 56px; color: var(--ink); background: var(--surface); border: 1px solid var(--line); font-size: 18px; font-weight: 600; }
.pong-controls button:active { color: var(--paper); background: var(--acid); }
.pong-versus { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 10px; letter-spacing: .12em; }
.pong-versus b { color: var(--acid); }
@media (max-width: 860px) { .pong-controls { display: grid; } }
@media (max-width: 520px) {
  .pong-title { font-size: 46px; }
  .pong-score { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .pong-cabinet { margin-inline: -8px; }
  .pong-controls { grid-template-columns: repeat(2, 1fr); }
}