.daily-play { display: inline-flex; align-items: center; gap: 8px; width: 100%; min-height: 42px; padding: 9px 13px; border: 1px solid var(--smurdy-action-blue); border-radius: var(--smurdy-radius-lg); color: #fff; background: var(--smurdy-action-blue); text-decoration: none; font-size: 14px; font-weight: 700; }
.daily-play:hover { background: var(--smurdy-action-blue-hover); border-color: var(--smurdy-action-blue-hover); }
.daily-play:focus-visible { outline: 2px solid var(--smurdy-blue); outline-offset: 3px; }
.daily-icon { width: 20px; height: 20px; flex: 0 0 auto; background: currentColor; mask: url('/assets/icons/daily.png') center / contain no-repeat; -webkit-mask: url('/assets/icons/daily.png') center / contain no-repeat; }
.daily-streak { display: inline-flex; align-items: center; gap: 2px; margin-left: auto; color: #f3a533; white-space: nowrap; font-weight: 700; }
[data-daily-home] { margin-top: 10px; }
.daily-mobile { display: none; }
.daily-status { color: var(--smurdy-muted); font-size: 13px; line-height: 1.4; margin: 0 0 8px; }
@media (max-width: 700px) {
    [data-daily-home] { display: none; }
    .daily-mobile { display: block; margin: 8px 0; }
    .daily-mobile .daily-play { width: 100%; min-height: 40px; padding: 7px 10px; }
    .daily-mobile .daily-streak { margin-left: auto; }
}

#quiz-panel #quiz-desc .daily-play, #quiz-browser .daily-play { color: #fff; }

.daily-fire { width: 24px; height: 24px; object-fit: contain; }
.daily-count { color: inherit; font-size: 18px; font-weight: 700; line-height: 24px; }

.daily-play--complete { background: #e2f1e7; border-color: #a6cbb3; font-family: Arial, sans-serif; font-size: 14px; font-weight: 700; }
.daily-play--complete:hover { background: #d2e7da; border-color: #92bda1; }
#quiz-panel #quiz-desc .daily-play--complete, #quiz-browser .daily-play--complete { color: #111; }
html[data-smurdy-theme="dark"] .daily-play--complete { background: #303e35; border-color: #526b5a; }
html[data-smurdy-theme="dark"] .daily-play--complete:hover { background: #394a3f; border-color: #607c69; }
html[data-smurdy-theme="dark"] #quiz-panel #quiz-desc .daily-play--complete, html[data-smurdy-theme="dark"] #quiz-browser .daily-play--complete { color: #dfe4e7; }
.daily-play--complete .daily-icon { mask-image: url('/assets/icons/check.png'); -webkit-mask-image: url('/assets/icons/check.png'); }

.daily-play--complete .daily-streak { min-width: 22px; padding: 3px 8px; border-radius: 999px; background: #ffe68b; color: #493800; }
html[data-smurdy-theme="dark"] .daily-play--complete .daily-streak { min-width: 22px; padding: 3px 8px; border-radius: 999px; background: #edd478; color: #493800; }