.scores { display: flex; gap: 10px; justify-content: center; margin-bottom: 14px; }
.score-box { background: var(--primary-soft); border-radius: 10px; padding: 8px 16px; }
.score-box small { display: block; color: var(--muted); font-size: 0.7rem; }
.score-box span { font-weight: 800; font-size: 1.2rem; color: var(--primary-dark); }

.simon {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
  width: 260px; max-width: 100%; margin: 0 auto 14px; aspect-ratio: 1;
}
.pad {
  border: none; border-radius: 16px; cursor: pointer;
  background: var(--c); opacity: 0.55; transition: opacity 0.1s, transform 0.1s;
}
.pad:nth-child(1) { border-radius: 100% 16px 16px 16px; }
.pad:nth-child(2) { border-radius: 16px 100% 16px 16px; }
.pad:nth-child(3) { border-radius: 16px 16px 16px 100%; }
.pad:nth-child(4) { border-radius: 16px 16px 100% 16px; }
.pad.lit { opacity: 1; transform: scale(0.97); box-shadow: 0 0 24px var(--c); }
.msg { min-height: 1.4em; font-weight: 700; color: var(--primary); margin: 4px 0 10px; }