/* Pulse — arcade chrome around the canvas. */

.pulse-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-3); }

.stage-wrap {
  position: relative;
  width: min(92vw, 480px);
  aspect-ratio: 1;
  margin: 0 auto var(--space-3);
  border-radius: var(--radius);
  overflow: hidden;
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
}
#game { width: 100%; height: 100%; display: block; background: #0a0a12; cursor: pointer; }

.overlay {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 10px; text-align: center; padding: var(--space-4);
  background: rgba(6, 7, 12, 0.72);
  backdrop-filter: blur(5px);
  animation: fadeIn 200ms var(--ease);
}
.overlay h1 { margin: 0; }
.over-kicker { letter-spacing: 0.3em; font-size: 0.75rem; font-weight: 800; color: var(--accent-text); }
.over-score {
  font-size: 4.4rem; font-weight: 850; line-height: 1;
  background: linear-gradient(120deg, #fde047, #fb923c);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.over-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }