/* Card of the Day — topbar pill + modal. Loaded last so its rules win ties. */

.cotd-btn { border-color: #f5b942; }
.cotd-btn:hover { background: rgba(245, 185, 66, 0.18); }
.cotd-btn.claimed { border-color: #38c97f; }
.cotd-btn.claimed:hover { background: rgba(56, 201, 127, 0.16); }
.cotd-badge { position: absolute; top: -6px; right: -6px; min-width: 18px; height: 18px; line-height: 18px; padding: 0 5px; border-radius: 9px; background: #f5b942; color: #1a1408; font-size: 11px; font-weight: 700; text-align: center; }
.cotd-badge.done { background: #38c97f; color: #06281a; }

.cotd-modal { text-align: center; padding: 18px 26px 26px; max-width: 380px; }
.cotd-modal h2 { margin: 6px 0 10px; }
.cotd-big { font-size: 3rem; line-height: 1; }
.cotd-sub { margin: 0 0 8px; }
.cotd-prize { font-size: 1.15rem; color: #f5b942; margin: 0 0 10px; }
.cotd-found { margin: 8px 0 0; }
.cotd-unfound { margin: 8px 0 0; color: var(--muted); font-style: italic; }
.cotd-claimed { margin: 10px 0 0; color: #38c97f; font-weight: 700; }

/* Constrain the modal box width for CotD — otherwise it stretches to 760px */
.modal-box:has(.cotd-modal) { max-width: 440px; }

/* The button is a fixed-size icon-btn, so no narrow-screen overrides are needed. */