/*
 * PredictClash public/player appearance themes.
 *
 * This stylesheet is deliberately loaded only on non-admin pages. Light mode
 * preserves the established site palette; dim and dark remap page surfaces
 * while retaining the existing pink, blue, green, and status accents.
 */

html[data-public-theme] {
    --theme-page: #e0e0e0;
    --theme-surface: #ffffff;
    --theme-surface-soft: #f4f5f6;
    --theme-surface-raised: #ffffff;
    --theme-input: #ffffff;
    --theme-text: #25292e;
    --theme-text-strong: #181a1d;
    --theme-muted: #69717a;
    --theme-line: #c9cdd2;
    --theme-line-strong: #9ea5ad;
    --theme-link: #164fa8;
    --theme-link-hover: #0c3273;
    --theme-blue-soft: #e8edf8;
    --theme-pink-soft: #fff0f6;
    --theme-row-hover: #dbeaf4;
    --theme-shadow: rgba(0, 0, 0, 0.14);
    --theme-navbar: #333333;
    --theme-footer: #042bac;
    color-scheme: light;
}

html[data-public-theme][data-theme="dim"] {
    --theme-page: #272c33;
    --theme-surface: #343b44;
    --theme-surface-soft: #2e343c;
    --theme-surface-raised: #3b434d;
    --theme-input: #242a31;
    --theme-text: #edf1f5;
    --theme-text-strong: #ffffff;
    --theme-muted: #b7c0ca;
    --theme-line: #58636f;
    --theme-line-strong: #768391;
    --theme-link: #8db7ff;
    --theme-link-hover: #bfd4ff;
    --theme-blue-soft: #283b60;
    --theme-pink-soft: #543044;
    --theme-row-hover: #46596c;
    --theme-shadow: rgba(0, 0, 0, 0.36);
    --theme-navbar: #25282d;
    --theme-footer: #182c67;
    color-scheme: dark;
}

html[data-public-theme][data-theme="dark"] {
    --theme-page: #0f1318;
    --theme-surface: #181e25;
    --theme-surface-soft: #141a20;
    --theme-surface-raised: #202832;
    --theme-input: #0f151b;
    --theme-text: #edf2f7;
    --theme-text-strong: #ffffff;
    --theme-muted: #a8b3bf;
    --theme-line: #3d4854;
    --theme-line-strong: #596674;
    --theme-link: #91baff;
    --theme-link-hover: #c0d6ff;
    --theme-blue-soft: #192b50;
    --theme-pink-soft: #3b2030;
    --theme-row-hover: #293d52;
    --theme-shadow: rgba(0, 0, 0, 0.58);
    --theme-navbar: #11151b;
    --theme-footer: #0e1a3c;
    color-scheme: dark;
}

html[data-public-theme] body,
html[data-public-theme] .navbar,
html[data-public-theme] footer,
html[data-public-theme] input,
html[data-public-theme] textarea,
html[data-public-theme] select {
    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        color 160ms ease;
}

html[data-public-theme] body {
    color: var(--theme-text);
    background-color: var(--theme-page);
}

html[data-public-theme] .navbar {
    background-color: var(--theme-navbar);
}

html[data-public-theme] footer {
    background-color: var(--theme-footer);
}

/* Compact, explicit theme selector in the shared navigation. */
html[data-public-theme] .navbar li.public-theme-item {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-right: 15px;
    color: #f7f7f7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    letter-spacing: 0.02em;
}

html[data-public-theme] .public-theme-item label {
    display: inline;
    margin: 0;
    color: #e6e6e6;
    font-weight: 700;
}

html[data-public-theme] .public-theme-select {
    min-width: 68px;
    height: 30px;
    margin: 0;
    padding: 3px 24px 3px 7px;
    border: 1px solid #72767d;
    border-radius: 4px;
    background: #202328;
    color: #ffffff;
    font: 700 12px/1 Arial, Helvetica, sans-serif;
    cursor: pointer;
}

html[data-public-theme] .public-theme-select:hover {
    border-color: #ff0090;
}

html[data-public-theme] .public-theme-select:focus-visible {
    outline: 3px solid #ff0090;
    outline-offset: 2px;
}

html[data-public-theme] .public-theme-status {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Native controls and generic account forms. */
html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(input, textarea, select) {
    border-color: var(--theme-line);
    background-color: var(--theme-input);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(input, textarea)::placeholder {
    color: var(--theme-muted);
    opacity: 0.82;
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(input, textarea, select):focus {
    border-color: #8db7ff;
}

/* Home page. */
html[data-public-theme][data-theme]:not([data-theme="light"]) .home-hero {
    --pc-white: var(--theme-surface);
    --pc-card: var(--theme-surface);
    --pc-paper: var(--theme-surface-soft);
    --pc-border: var(--theme-line);
    --pc-border-dark: var(--theme-line-strong);
    --pc-text: var(--theme-text);
    --pc-muted: var(--theme-muted);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.home-heading h1, .home-intro-lead, .home-step-content strong,
        .home-step-content p, .home-step-content span,
        .home-section-heading > span, .home-kicker,
        .home-description, .beta-notice, .beta-notice strong,
        .home-step-label) {
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.free-notice, .home-step) {
    box-shadow: 6px 6px 0 var(--theme-line);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .home-step:hover {
    box-shadow: 8px 8px 0 var(--theme-line-strong);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .home-step-top {
    background: var(--theme-surface-soft);
    border-color: var(--theme-line);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .home-step-content {
    background: var(--theme-surface);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.home-section-line, .home-step-divider) {
    background: var(--theme-line);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .beta-notice {
    border-color: var(--theme-line);
    background: var(--theme-surface-soft);
}

/* Contest listing, contest entry, ballot, and common card surfaces. */
html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.ticket-heading, .ballot-container > h1, #leaderboard,
        .dashboard-ticket-header, .response-title) {
    color: var(--theme-text-strong);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.contest-stats, .ballot-question, .description-box,
        .description-box-ballot, .confidence-selector, .consensus-card) {
    border-color: var(--theme-line);
    background: var(--theme-surface-soft);
    color: var(--theme-text);
    box-shadow: 0 3px 10px var(--theme-shadow);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.contest-stat, .contest-stat-prize, .entry-period-timer,
        .contest-period-timer, .entry-period-timer.entry-upcoming,
        .entry-period-timer.entry-open, .entry-period-timer.entry-closed,
        .contest-period-timer.contest-upcoming,
        .contest-period-timer.contest-active,
        .contest-period-timer.contest-ended) {
    background: var(--theme-surface-raised);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.contest-stat-label, .entry-period-dates, .contest-period-dates,
        .contest-date-separator, .confidence-heading,
        .confidence-description) {
    color: var(--theme-muted);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.contest-stat-value, .description-box, .description-box-ballot) {
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .confidence-option input:not(:checked) + .confidence-content {
    border-color: var(--theme-line);
    background: var(--theme-surface-raised);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .confidence-option input:not(:checked)
    + .confidence-content .confidence-points {
    color: var(--theme-muted);
}

/* Prediction/question page. */
html[data-public-theme][data-theme]:not([data-theme="light"])
    .prediction-page {
    --prediction-ink: var(--theme-text);
    --prediction-muted: var(--theme-muted);
    --prediction-panel: var(--theme-surface);
    --prediction-line: var(--theme-line);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.prediction-analysis h2, .prediction-sidebar h2,
        .prediction-page .consensus-header h2) {
    color: var(--theme-text-strong);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.prediction-analysis p, .prediction-sidebar dd) {
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .prediction-summary {
    background: var(--theme-pink-soft);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .prediction-sidebar dl > div {
    border-color: var(--theme-line);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .related-contests a {
    background: var(--theme-blue-soft);
    color: var(--theme-link);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .related-contests a:hover {
    background: var(--theme-surface-raised);
    color: var(--theme-link-hover);
}

/* Comments and reactions. */
html[data-public-theme][data-theme]:not([data-theme="light"])
    .comments-section.imageboard {
    --board-ink: var(--theme-text);
    --board-muted: var(--theme-muted);
    --board-line: var(--theme-line);
    --board-link: var(--theme-link);
    --board-name: #75d7a7;
    --board-quote: #b6d47b;
    --board-root: var(--theme-surface);
    --board-reply: var(--theme-surface-raised);
    border-color: var(--theme-line);
    background: var(--theme-surface-soft);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .discussion-header {
    border-color: var(--theme-line);
    background: var(--theme-surface-raised);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.discussion-header h3, .comment-text) {
    color: var(--theme-text-strong);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.discussion-kicker, .discussion-count, .comment-login-notice,
        .comments-empty, .comment-meta, .comment-turnstile-status,
        .reaction-feedback) {
    color: var(--theme-muted);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.comment-thread, .imageboard-post.comment,
        .is-reply > .imageboard-post.comment) {
    border-color: var(--theme-line);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .imageboard-post.comment {
    background: var(--board-root);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .is-reply > .imageboard-post.comment {
    background: var(--board-reply);
    box-shadow: 1px 1px 0 var(--theme-shadow);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.comment-form.imageboard-post-form, .comment-form label,
        .comment-form-bottom, .comment-verification,
        .comment-moderation-note) {
    border-color: var(--theme-line);
    background: var(--theme-surface);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.comment-form label, .comment-verification,
        .comment-moderation-note) {
    background: var(--theme-surface-raised);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.comment-security-label, .reaction-count) {
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .reply-context {
    border-color: var(--theme-line);
    background: #2c3a25;
    color: #d7e8bf;
}

html[data-public-theme][data-theme="dim"] .reply-context {
    background: #3d4c34;
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.comment-btn, .reaction-picker-toggle) {
    color: var(--theme-muted);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.comment-btn:hover, .reaction-picker-toggle:hover) {
    color: var(--theme-link-hover);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .reaction-chip.is-selected {
    border-color: var(--theme-link);
    background: var(--theme-blue-soft);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.comment-form textarea, .comment-turnstile-retry,
        .reaction-picker, .reaction-option, .reaction-chip) {
    border-color: var(--theme-line);
    background: var(--theme-input);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .imageboard-post.comment:target {
    background: #493f22;
}

/* How-to guide. */
html[data-public-theme][data-theme]:not([data-theme="light"])
    .how-to-play-page {
    --guide-ink: #181d23;
    --guide-text: var(--theme-text);
    --guide-muted: var(--theme-muted);
    --guide-blue: #79a5ff;
    --guide-accent: #ff9b55;
    --guide-paper: var(--theme-surface-soft);
    --guide-white: var(--theme-surface);
    --guide-line: var(--theme-line);
}

html[data-public-theme][data-theme="dark"] .how-to-play-page {
    --guide-ink: #0e1318;
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.how-to-play-hero h1, .how-to-play-section-heading h2,
        .how-to-play-final-cta h2, .how-to-play-step h3,
        .how-to-play-rule-card h3, .how-to-play-ranking strong,
        .how-to-play-faq summary) {
    color: var(--theme-text-strong);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.how-to-play-hero, .how-to-play-jump,
        .how-to-play-score-table tbody tr, .how-to-play-rule-card,
        .how-to-play-ranking li, .how-to-play-faq details) {
    border-color: var(--theme-line);
    background: var(--theme-surface);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.how-to-play-lead, .how-to-play-body-copy,
        .how-to-play-section p, .how-to-play-section li,
        .how-to-play-rule-card p, .how-to-play-ranking strong,
        .how-to-play-faq p) {
    color: var(--theme-text);
}

/* Privacy, terms, support, and participation agreement. */
html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.privacy-policy, .participation-modal, .support-panel) {
    border-color: var(--theme-line-strong);
    background: var(--theme-surface-soft);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.privacy-policy-header, .participation-modal form) {
    border-color: var(--theme-line);
    background: var(--theme-surface-raised);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.privacy-policy-header h1, .privacy-section h2,
        .support-panel h1, .support-contacts strong,
        .participation-modal h2) {
    color: var(--theme-text-strong);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.privacy-introduction, .privacy-notice) {
    border-color: var(--theme-line);
    background: var(--theme-surface);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.privacy-introduction, .privacy-section p, .privacy-section li,
        .privacy-notice p, .support-panel > p, .support-contacts li,
        .participation-modal p, .privacy-effective-date) {
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.privacy-section, .support-contacts, .support-contacts li) {
    border-color: var(--theme-line);
}

/* Login, sign-up, reset, and verification pages. */
html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.login-container, .signup-container, .verification-sent,
        .password-reset-container, .change-password-container,
        form.login-form, form.signup-form) {
    border-color: var(--theme-line);
    background: var(--theme-surface);
    color: var(--theme-text);
    box-shadow: 0 4px 14px var(--theme-shadow);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.login-container h2, .signup-container h2,
        .verification-sent h2, .password-reset-container h2,
        .change-password-container h2) {
    color: var(--theme-text-strong);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.verification-resend p, .verification-sent-expiry) {
    color: var(--theme-muted);
}

/* Leaderboards, dashboard, balance, and submission details. */
html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.leaderboard, .response-table, .transaction-table-wrapper,
        .transaction-table, .submission-card, .submission-container,
        .submission-breakdown-summary, .submission-summary-stat,
        .submission-summary-detail, .submission-summary-key-stat,
        .submission-summary-primary) {
    border-color: var(--theme-line);
    background: var(--theme-surface);
    color: var(--theme-text);
    box-shadow: 0 4px 14px var(--theme-shadow);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.leaderboard td, .response-table td, .transaction-table td) {
    border-color: var(--theme-line);
    background: var(--theme-surface);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .response-table td.correct {
    border-color: #399561;
    background: #1d6b3f;
    color: #f1fff6;
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .response-table td.incorrect {
    border-color: #d85a67;
    background: #8f2733;
    color: #fff5f6;
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .response-table td.pending {
    border-color: #d7a500;
    background: #ffce2e;
    color: #171717;
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .response-table td.inconclusive {
    border-color: #7a8997;
    background: #4f5e6b;
    color: #ffffff;
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.leaderboard td:first-child, .response-table td:first-child,
        .transaction-table thead th,
        .transaction-table tbody tr:nth-child(even)) {
    background: var(--theme-surface-raised);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .leaderboard td.correct {
    border-color: #18a53a;
    background: #008000;
    color: #ffffff;
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .leaderboard td.incorrect {
    border-color: #ff4054;
    background: #f1142b;
    color: #ffffff;
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .leaderboard td.pending {
    border-color: #ffe529;
    background: #ffff00;
    color: #111111;
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .leaderboard td.inconclusive {
    border-color: #18a53a;
    background: #008000;
    color: #ffffff;
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .leaderboard tbody tr:hover
    td:not(.correct):not(.incorrect):not(.pending):not(.inconclusive) {
    background: var(--theme-row-hover);
    color: var(--theme-text-strong);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .response-table tbody tr:hover
    td:not(.correct):not(.incorrect):not(.pending):not(.inconclusive) {
    background: var(--theme-row-hover);
    color: var(--theme-text-strong);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.dashboard-no-tickets, .ticket-info, .transaction-id,
        .transaction-reference, .pagination-summary,
        .submission-summary-caption, .submission-summary-label,
        .submission-summary-note) {
    color: var(--theme-muted);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.pagination a, .transaction-pagination a,
        .archived-pagination-link) {
    border-color: var(--theme-line);
    background: var(--theme-surface-raised);
    color: var(--theme-link);
}

/* Mailbox. */
html[data-public-theme][data-theme]:not([data-theme="light"])
    .notification-center {
    --mailbox-paper: var(--theme-surface-soft);
    --mailbox-white: var(--theme-surface);
    --mailbox-line: var(--theme-line);
    --mailbox-shadow: rgba(0, 0, 0, 0.45);
    --mailbox-text: var(--theme-text);
    --mailbox-muted: var(--theme-muted);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.notification-item-title, .notification-item-title strong,
        .mailbox-message-subject, .mailbox-message-body,
        .notification-ticket, .notification-context,
        .notification-item time, .notification-empty h2,
        .notification-empty p) {
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.notification-item, .notification-empty) {
    border-color: var(--theme-line);
    background: var(--theme-surface);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .notification-avatar {
    border-color: var(--theme-line);
    background: var(--theme-surface-raised);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .notification-item blockquote {
    background: var(--theme-surface-raised);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .mailbox-message-body {
    background: transparent;
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .mailbox-read-status {
    border-color: var(--theme-line);
    color: var(--theme-muted);
}

/* Profile and settings (their styles are inline, so these overrides are late). */
html[data-public-theme][data-theme]:not([data-theme="light"])
    .profile-page {
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.profile-header, .profile-stat, .profile-panel,
        .profile-moderation-card, .profile-empty, .settings-card,
        .default-avatar-picker) {
    border-color: var(--theme-line);
    background: var(--theme-surface);
    color: var(--theme-text);
    box-shadow: 0 3px 10px var(--theme-shadow);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.profile-heading h1, .profile-stat-value,
        .profile-panel-header h2, .profile-confidence-summary,
        .profile-results-table td, .settings-heading h1,
        .settings-section-title, .settings-section > label,
        .profile-empty h3, .profile-detail strong) {
    color: var(--theme-text-strong);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.profile-label, .profile-subline, .profile-stat-label,
        .profile-panel-kicker, .profile-empty p, .settings-heading p,
        .field-help, .default-avatar-title) {
    color: var(--theme-muted);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.profile-stats, .profile-panel-header, .profile-results-table td,
        .profile-results-table th, .settings-section, .settings-actions) {
    border-color: var(--theme-line);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .profile-panel-header {
    background: var(--theme-surface-raised);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.profile-empty-icon, .profile-confidence-detail) {
    border-color: var(--theme-line);
    background: var(--theme-surface-raised);
    color: var(--theme-link);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.profile-detail, .profile-confidence-row) {
    border-color: var(--theme-line);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    .settings-actions {
    background: var(--theme-surface-raised);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.settings-section input[type="text"], .settings-section textarea,
        .secondary-button, .cancel-button) {
    border-color: var(--theme-line);
    background: var(--theme-input);
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.profile-avatar, .avatar-preview) {
    border-color: var(--theme-surface-raised);
    background: var(--theme-surface-raised);
}

/* Redeem/withdrawal player page. */
html[data-public-theme][data-theme]:not([data-theme="light"])
    .redeem-container {
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.redeem-container h1, .redeem-container h2,
        .redeem-container p, .redeem-header p,
        .redeem-method-label, .redeem-helper) {
    color: var(--theme-text);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.redeem-card, .redeem-future-card, .bch-quote,
        .withdrawal-table-wrapper) {
    border-color: var(--theme-line);
    background: var(--theme-surface);
    color: var(--theme-text);
    box-shadow: 0 3px 10px var(--theme-shadow);
}

html[data-public-theme][data-theme]:not([data-theme="light"])
    :is(.withdrawal-table th, .withdrawal-table td,
        .bch-quote-row, .withdrawal-requests) {
    border-color: var(--theme-line);
    background: var(--theme-surface-raised);
    color: var(--theme-text);
}

@media screen and (max-width: 600px) {
    html[data-public-theme] .navbar li.public-theme-item {
        width: 100%;
        min-height: 44px;
        justify-content: center;
        margin: 0;
        padding: 5px 8px;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.06);
    }

    html[data-public-theme] .public-theme-select {
        min-width: 88px;
        height: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-public-theme] body,
    html[data-public-theme] .navbar,
    html[data-public-theme] footer,
    html[data-public-theme] input,
    html[data-public-theme] textarea,
    html[data-public-theme] select {
        transition: none;
    }
}