#transition.round-reminder {
  position: fixed;
  inset: 27% auto auto 50%;
  width: min(450px, calc(100vw - 32px));
  z-index: 40;
  display: grid;
  justify-items: center;
  gap: 5px;
  padding: 22px 26px 25px;
  pointer-events: none;
  color: #fff3cc;
  background: linear-gradient(145deg, #603b24, #301b17 67%, #563321);
  border: 3px solid #d8ad5c;
  border-radius: 18px 18px 30px 30px;
  box-shadow: inset 0 0 0 4px #4b261c, inset 0 0 0 5px #c8974c, 0 16px 40px #160b0bbd, 0 0 45px #f0b24c70;
  text-align: center;
  text-shadow: 0 2px 2px #30140b;
  animation: round-lantern-reveal 3.2s both;
}
#transition.round-reminder .round-reminder-lantern {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 2px solid #f3c973;
  border-radius: 50%;
  background: #f0a647;
  color: #fff5cd;
  font-size: 27px;
  line-height: 1;
  box-shadow: 0 0 22px #ffbf5d;
}
#transition.round-reminder .round-reminder-title { font-size: clamp(32px, 5vw, 54px); font-weight: bold; line-height: 1.12; }
#transition.round-reminder .round-reminder-subtitle { font: 600 clamp(15px, 2vw, 19px)/1.3 system-ui, sans-serif; color: #f3d7a0; }
#transition.round-reminder.round-reminder-quiet {
  inset: 15px 15px auto auto;
  width: auto;
  padding: 10px 16px;
  border-radius: 8px;
  box-shadow: 0 4px 12px #160b0b8a;
  animation: none;
}
#transition.round-reminder-quiet .round-reminder-lantern { display: none; }
#transition.round-reminder-quiet .round-reminder-title { font-size: 21px; }
#transition.round-reminder-quiet .round-reminder-subtitle { font-size: 13px; }
@keyframes round-lantern-reveal {
  0% { opacity: 0; transform: translate(-50%, -12px) scale(.93); }
  12%, 84% { opacity: 1; transform: translate(-50%, 0) scale(1); }
  100% { opacity: 0; transform: translate(-50%, -5px) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  #transition.round-reminder { inset: 15px 15px auto auto; width: auto; padding: 10px 16px; border-radius: 8px; box-shadow: 0 4px 12px #160b0b8a; animation: none; }
  #transition.round-reminder .round-reminder-lantern { display: none; }
  #transition.round-reminder .round-reminder-title { font-size: 21px; }
  #transition.round-reminder .round-reminder-subtitle { font-size: 13px; }
}