/* ================================================================
   ByteBreaker — Daily Challenge UI Styles
   --------------------------------------------------------------
   Scoped styles for daily-start, daily-gameover menus and the
   daily-highscores overlay. Reuses base menu/overlay chrome from
   bytebreaker.css + bytebreaker-hs.css.
   ================================================================ */

/* ============================================================
   Daily-Start Card
   ============================================================ */
.bytebreaker__daily-stat {
    margin: 0;
    color: var(--byte-text-muted);
    font-family: var(--byte-font-mono);
    font-size: var(--byte-fs-sm);
    letter-spacing: 0.06em;
}
.bytebreaker__daily-stat b {
    color: var(--byte-primary);
    font-weight: 700;
    margin-left: 6px;
}

/* ============================================================
   Daily-Gameover Card
   ============================================================ */
.bytebreaker__daily-result-best {
    margin: 0 0 var(--byte-sp-3);
    color: var(--byte-text-muted);
    font-family: var(--byte-font-mono);
    font-size: var(--byte-fs-sm);
    letter-spacing: 0.04em;
}
.bytebreaker__daily-result-best b {
    color: var(--byte-fog-100);
    font-weight: 700;
    margin-left: 6px;
}

/* Always show initials-wrap in daily-gameover (no force-modal gating) */
.bytebreaker[data-state="daily-gameover"] .bytebreaker__menu[data-menu="daily-gameover"] .bytebreaker__initials-wrap {
    display: block;
}

/* ============================================================
   Daily-Highscores Overlay
   ============================================================ */
.bytebreaker__daily-hs-body {
    padding: var(--byte-sp-4);
}
.bytebreaker__daily-hs-date {
    margin: 0 0 var(--byte-sp-3);
    color: var(--byte-text-muted);
    font-family: var(--byte-font-mono);
    font-size: var(--byte-fs-xs);
    letter-spacing: 0.08em;
    opacity: 0.75;
}
.bytebreaker__daily-hs-list {
    min-height: 60px;
}
.bytebreaker__daily-hs-list .bytebreaker__hs-table {
    width: 100%;
}

/* Podium reuse from bytebreaker-hs.css — works because same tr[data-rank] */

/* ============================================================
   Reduced-Motion
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
    .bytebreaker__daily-stat,
    .bytebreaker__daily-result-best {
        transition: none;
    }
}