/* ── Play-phase button accents ─────────────────────── */
.btn-undo:hover {
  background: rgba(241,196,15,.2);
  border-color: rgba(241,196,15,.4);
  color: #f7dc6f;
}
.btn-undo-all:hover {
  background: rgba(241,196,15,.2);
  border-color: rgba(241,196,15,.4);
  color: #f7dc6f;
}
.btn-next-trick {
  background: rgba(46,204,113,.1);
  border-color: rgba(46,204,113,.3);
  color: #6ff5a9;
}
.btn-next-trick:hover {
  background: rgba(46,204,113,.25);
  border-color: rgba(46,204,113,.5);
  color: #6ff5a9;
}
.btn-new:hover {
  background: rgba(46,204,113,.2);
  border-color: rgba(46,204,113,.4);
  color: #6ff5a9;
}

/* ── Done banner ───────────────────────────────────── */
.done-banner {
  text-align: center;
  padding: 6px;
  font-size: .82rem;
  font-weight: 700;
  color: #ffd700;
  animation: fadeIn .4s ease;
}
.done-banner .result {
  font-size: 1rem;
  margin-top: 4px;
}

/* ── Mobile play ───────────────────────────────────── */
@media (max-width: 768px) {
  .done-banner { font-size: .74rem; padding: 4px; }
  .done-banner .result { font-size: .88rem; }
}