/* Riddle Rush -- a glowing riddle card */
.rdr-play { --rdr-bg1: #2a0e4f; --rdr-bg2: #4a148c; --rdr-glow: rgba(255, 213, 79, 0.35); --rdr-accent: #ffd54f; }
.rdr-detective { --rdr-bg1: #1f1410; --rdr-bg2: #3e2723; --rdr-glow: rgba(255, 224, 178, 0.28); --rdr-accent: #ffcc80; }
.rdr-sphinx { --rdr-bg1: #4e3620; --rdr-bg2: #8d6e3f; --rdr-glow: rgba(255, 236, 179, 0.3); --rdr-accent: #ffe082; }
.rdr-wizard { --rdr-bg1: #0d1440; --rdr-bg2: #283593; --rdr-glow: rgba(124, 77, 255, 0.4); --rdr-accent: #b388ff; }
.rdr-candy { --rdr-bg1: #6a1b4d; --rdr-bg2: #ad1457; --rdr-glow: rgba(128, 222, 234, 0.35); --rdr-accent: #80deea; }

.rdr-card {
  position: relative; overflow: hidden; border-radius: 20px; padding: 22px 18px 18px; min-height: 300px;
  background: radial-gradient(ellipse at 50% 0%, var(--rdr-bg2), var(--rdr-bg1) 75%);
  border: 1px solid var(--color-border); display: flex; flex-direction: column; gap: 14px;
}
.rdr-glow { position: absolute; left: 50%; top: -80px; width: 320px; height: 220px; transform: translateX(-50%); background: radial-gradient(closest-side, var(--rdr-glow), transparent); pointer-events: none; animation: rdr-breathe 3s ease-in-out infinite; }
.rdr-card.is-solved .rdr-glow { animation: rdr-flash 0.6s ease; }
@keyframes rdr-breathe { 50% { transform: translateX(-50%) scale(1.15); opacity: 0.7; } }
@keyframes rdr-flash { 50% { transform: translateX(-50%) scale(1.8); opacity: 1; } }
.rdr-riddle { position: relative; margin: 0; text-align: center; font-size: 1.45rem; font-weight: 800; line-height: 1.4; color: #fff; min-height: 2.8em; }
.rdr-answers { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 520px) { .rdr-answers { grid-template-columns: 1fr; } .rdr-riddle { font-size: 1.2rem; } }
.rdr-answer {
  position: relative; min-height: 56px; padding: 10px 14px 10px 30px; border-radius: 14px; text-align: left;
  font: inherit; font-size: 1.08rem; font-weight: 700; color: #fff; cursor: pointer;
  background: rgba(255, 255, 255, 0.08); border: 2px solid rgba(255, 255, 255, 0.25);
  transition: transform 0.08s ease, background 0.15s ease, border-color 0.15s ease, opacity 0.2s ease;
}
.rdr-answer .ak-key { color: rgba(255, 255, 255, 0.7); }
.rdr-answer:hover:not(:disabled) { border-color: var(--rdr-accent); background: rgba(255, 255, 255, 0.14); }
.rdr-answer:focus-visible { outline: 3px solid var(--rdr-accent); outline-offset: 2px; }
.rdr-answer.is-right { border-color: var(--color-success); background: rgba(74, 222, 128, 0.3); }
.rdr-answer.is-wrong { border-color: #ff5252; background: rgba(255, 82, 82, 0.2); opacity: 0.6; }
.rdr-answer.is-gone { opacity: 0.15; }
.rdr-why { position: relative; margin: 0; padding: 10px 14px; border-radius: 12px; background: rgba(0, 0, 0, 0.35); color: #fff; line-height: 1.5; }
.rdr-why strong { color: var(--rdr-accent); }
.rdr-clock { font-weight: 900; font-size: 1.15rem; color: var(--color-primary); }
.rdr-clock.is-low { color: #ff5252; }
.rdr-read { padding: 8px 14px; }
@media (prefers-reduced-motion: reduce) { .rdr-glow, .rdr-card.is-solved .rdr-glow { animation: none; } }