/* Hunter dark appearance. Keep scene art and semantic game colors intact. */

:root[data-site-theme="dark"] body.hunter-page {
    background:
        radial-gradient(circle at 50% -12%, rgba(245, 158, 11, .16), transparent 34rem),
        linear-gradient(180deg, #101827 0, #080d17 46rem, #080d17 100%);
    color: #f3eadb;
}

:root[data-site-theme="dark"] .hunter-page .hunter-preview-card {
    border-color: #9a6a20;
    background:
        radial-gradient(circle at top right, rgba(251, 191, 36, .14), transparent 34%),
        radial-gradient(circle at bottom left, rgba(249, 115, 22, .08), transparent 32%),
        linear-gradient(180deg, #171f2d, #0f1724);
    box-shadow: 0 3px 0 #75440e, 0 16px 34px rgba(0, 0, 0, .42);
}

:root[data-site-theme="dark"] .hunter-page .hunter-preview-card > h1,
:root[data-site-theme="dark"] .hunter-page .hunter-title,
:root[data-site-theme="dark"] .hunter-page .hunter-section-title,
:root[data-site-theme="dark"] .hunter-page .glove-preview-title {
    color: #fff7e4;
}

:root[data-site-theme="dark"] .hunter-page .hunter-preview-card > p,
:root[data-site-theme="dark"] .hunter-page .hunter-subtitle {
    color: #b9c3d1;
}

:root[data-site-theme="dark"] .hunter-page .hunter-game-shell,
:root[data-site-theme="dark"] .hunter-page .hunter-boot-loader {
    border-color: #715526;
    background:
        radial-gradient(circle at top left, rgba(251, 191, 36, .08), transparent 36%),
        #101827;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 3px 0 #634518, 0 12px 28px rgba(0, 0, 0, .38);
}

:root[data-site-theme="dark"] .hunter-page .hunter-game-views {
    background: rgba(6, 10, 18, .28);
}

:root[data-site-theme="dark"] .hunter-page .hunter-bottom-nav {
    border-top-color: #6e5123;
    background: linear-gradient(180deg, rgba(20, 27, 40, .98), rgba(10, 15, 25, .99));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 -8px 20px rgba(0, 0, 0, .26);
}

:root[data-site-theme="dark"] .hunter-page .hunter-bottom-nav-btn {
    border-color: #4a4435;
    background: rgba(26, 35, 52, .9);
    color: #e8c984;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 2px 0 rgba(0, 0, 0, .3);
}

:root[data-site-theme="dark"] .hunter-page .hunter-bottom-nav-btn:hover {
    border-color: #d59a25;
    background: #242b36;
}

:root[data-site-theme="dark"] .hunter-page .hunter-bottom-nav-btn.active {
    border-color: #f59e0b;
    background: radial-gradient(circle at top, rgba(251, 191, 36, .2), transparent 42%), #070b12;
    color: #facc15;
}

:root[data-site-theme="dark"] .hunter-page .hunter-subtab-bar,
:root[data-site-theme="dark"] .hunter-page .hunter-archive-tabs {
    border-color: #5e4825;
    background: rgba(12, 18, 28, .88);
}

:root[data-site-theme="dark"] .hunter-page .hunter-subtab-btn {
    border-color: #4b4435;
    background: #1a2434;
    color: #e6c77f;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 2px 0 rgba(0, 0, 0, .28);
}

:root[data-site-theme="dark"] .hunter-page .hunter-subtab-btn.active {
    border-color: #f59e0b;
    background: #080d16;
    color: #facc15;
}

/* Base lobby: preserve the warm game art, darken only the translucent interface cards. */
:root[data-site-theme="dark"] .hunter-page .hunter-base-character-card,
:root[data-site-theme="dark"] .hunter-page .hunter-player-card {
    border-color: #8b682d;
    background:
        radial-gradient(circle at 18% 24%, rgba(251, 191, 36, .17), transparent 34%),
        linear-gradient(180deg, rgba(31, 38, 50, .96), rgba(18, 26, 39, .94));
    color: #f5ead5;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 3px 0 #664719, 0 10px 24px rgba(0, 0, 0, .32);
}

:root[data-site-theme="dark"] .hunter-page .hunter-base-character-avatar,
:root[data-site-theme="dark"] .hunter-page .hunter-player-avatar-wrap,
:root[data-site-theme="dark"] .hunter-page .hunter-dialogue-avatar,
:root[data-site-theme="dark"] .hunter-page .hunter-pet-image {
    border-color: #ad7a28;
    background: radial-gradient(circle at 50% 68%, #fff4d0, #d7c59f);
}

:root[data-site-theme="dark"] .hunter-page .hunter-player-title,
:root[data-site-theme="dark"] .hunter-page .hunter-character-name,
:root[data-site-theme="dark"] .hunter-page .hunter-player-uid-row strong,
:root[data-site-theme="dark"] .hunter-page .hunter-coin-box strong,
:root[data-site-theme="dark"] .hunter-page .hunter-dialogue-text {
    color: #f4ead8;
}

:root[data-site-theme="dark"] .hunter-page .hunter-preview-card .hunter-base-title {
    color: #fffbeb;
}

:root[data-site-theme="dark"] .hunter-page .hunter-preview-card .hunter-base-tagline {
    color: rgba(255, 247, 237, .88);
}

@media (min-width: 769px) {
    :root[data-site-theme="dark"] .hunter-page .hunter-base-stage {
        background:
            linear-gradient(90deg, rgba(245, 158, 11, .07) 1px, transparent 1px) 0 0 / 42px 42px,
            linear-gradient(180deg, rgba(22, 30, 43, .96), rgba(14, 21, 32, .94) 56%, rgba(53, 30, 15, .42)),
            radial-gradient(circle at 12% 18%, rgba(251, 191, 36, .12), transparent 30%),
            linear-gradient(135deg, #151c29, #2b241c 48%, #0c121d);
    }
}

:root[data-site-theme="dark"] .hunter-page .hunter-player-label,
:root[data-site-theme="dark"] .hunter-page .hunter-exp-header,
:root[data-site-theme="dark"] .hunter-page .hunter-dialogue-name,
:root[data-site-theme="dark"] .hunter-page .hunter-rank-name {
    color: #f3c65f;
}

:root[data-site-theme="dark"] .hunter-page .hunter-player-uid-row,
:root[data-site-theme="dark"] .hunter-page .hunter-player-desc {
    color: #b7c0cd;
}

:root[data-site-theme="dark"] .hunter-page .hunter-player-uid-row button,
:root[data-site-theme="dark"] .hunter-page .hunter-coin-box {
    border-color: #72531d;
    background: #2e2616;
    color: #f4cf78;
}

:root[data-site-theme="dark"] .hunter-page .hunter-base-companion-box,
:root[data-site-theme="dark"] .hunter-page .hunter-dialogue-box {
    border-color: #80602a;
    background: linear-gradient(180deg, rgba(31, 39, 51, .96), rgba(19, 27, 40, .95));
    color: #f3eadb;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 3px 0 #604317, 0 9px 20px rgba(0, 0, 0, .3);
}

:root[data-site-theme="dark"] .hunter-page .hunter-base-quick-card,
:root[data-site-theme="dark"] .hunter-page .hunter-base-quick-card-checkin,
:root[data-site-theme="dark"] .hunter-page .hunter-base-quick-card-route,
:root[data-site-theme="dark"] .hunter-page .hunter-base-quick-card-free,
:root[data-site-theme="dark"] .hunter-page .hunter-base-storage-card,
:root[data-site-theme="dark"] .hunter-page .hunter-base-panel {
    border-color: #725522;
    background:
        radial-gradient(circle at top left, rgba(251, 191, 36, .1), transparent 34%),
        linear-gradient(180deg, rgba(30, 38, 51, .98), rgba(17, 25, 38, .97));
    color: #f2e7d3;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 3px 0 rgba(0, 0, 0, .32), 0 12px 25px rgba(0, 0, 0, .28);
}

:root[data-site-theme="dark"] .hunter-page .hunter-base-quick-card::after {
    border-color: rgba(255, 255, 255, .08);
}

:root[data-site-theme="dark"] .hunter-page .hunter-base-quick-copy strong,
:root[data-site-theme="dark"] .hunter-page .hunter-base-storage-copy strong,
:root[data-site-theme="dark"] .hunter-page .hunter-inventory-open-text,
:root[data-site-theme="dark"] .hunter-page .hunter-base-panel-head h3 {
    color: #fff2d8;
}

:root[data-site-theme="dark"] .hunter-page .hunter-base-quick-copy small,
:root[data-site-theme="dark"] .hunter-page .hunter-base-storage-copy small,
:root[data-site-theme="dark"] .hunter-page .hunter-base-card-pill {
    color: #d9b96f;
}

:root[data-site-theme="dark"] .hunter-page .hunter-base-card-pill,
:root[data-site-theme="dark"] .hunter-page .hunter-base-panel-close {
    background: #362b15;
    color: #f4cf78;
}

:root[data-site-theme="dark"] .hunter-page .hunter-base-panel .hunter-feed-item,
:root[data-site-theme="dark"] .hunter-page .hunter-base-panel .hunter-beta-desc {
    border-color: #60491f;
    background: #1c2431;
    color: #e3d4bb;
}

/* Rank, companion, and general content cards. */
:root[data-site-theme="dark"] .hunter-page .hunter-system-card,
:root[data-site-theme="dark"] .hunter-page .hunter-beta-note,
:root[data-site-theme="dark"] .hunter-page .hunter-disclaimer-card,
:root[data-site-theme="dark"] .hunter-page .hunter-alpha-card,
:root[data-site-theme="dark"] .hunter-page .hunter-pet-card,
:root[data-site-theme="dark"] .hunter-page .hunter-pet-card-featured,
:root[data-site-theme="dark"] .hunter-page .hunter-partner-header,
:root[data-site-theme="dark"] .hunter-page .hunter-partner-chain,
:root[data-site-theme="dark"] .hunter-page .hunter-partner-item,
:root[data-site-theme="dark"] .hunter-page .glove-preview-item,
:root[data-site-theme="dark"] .hunter-page #hunterRankGoalPanel,
:root[data-site-theme="dark"] .hunter-page .hunter-compact-details {
    border-color: #725522;
    background:
        radial-gradient(circle at top right, rgba(251, 191, 36, .09), transparent 36%),
        #172033;
    color: #efe4d1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 8px 20px rgba(0, 0, 0, .28);
}

:root[data-site-theme="dark"] .hunter-page .hunter-system-card h2,
:root[data-site-theme="dark"] .hunter-page .hunter-pet-name,
:root[data-site-theme="dark"] .hunter-page .hunter-partner-chain-title,
:root[data-site-theme="dark"] .hunter-page .hunter-partner-header h3,
:root[data-site-theme="dark"] .hunter-page .hunter-rank-room .hunter-compact-details summary {
    color: #fff3df;
}

:root[data-site-theme="dark"] .hunter-page .hunter-system-card p,
:root[data-site-theme="dark"] .hunter-page .hunter-pet-desc,
:root[data-site-theme="dark"] .hunter-page .hunter-pet-skill-status,
:root[data-site-theme="dark"] .hunter-page .hunter-beta-note-text,
:root[data-site-theme="dark"] .hunter-page .hunter-disclaimer-text,
:root[data-site-theme="dark"] .hunter-page .hunter-alpha-desc {
    color: #b9c3d1;
}

:root[data-site-theme="dark"] .hunter-page .hunter-disclaimer-title {
    color: #fff3df;
}

:root[data-site-theme="dark"] .hunter-page .hunter-disclaimer-text {
    color: #dbe4ef;
}

:root[data-site-theme="dark"] .hunter-page .glove-preview-section.glove-tier-section {
    border-color: #725522;
    background:
        radial-gradient(circle at top right, rgba(251, 191, 36, .09), transparent 36%),
        #172033;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 8px 20px rgba(0, 0, 0, .28);
}

:root[data-site-theme="dark"] .hunter-page .glove-tier-level-range {
    color: #f4cf78;
}

:root[data-site-theme="dark"] .hunter-page .glove-preview-item span {
    color: #dbe4ef;
}

:root[data-site-theme="dark"] .hunter-page .hunter-pet-skill-result,
:root[data-site-theme="dark"] .hunter-page .hunter-partner-form,
:root[data-site-theme="dark"] .hunter-page .hunter-partner-preview-grid span {
    border-color: #554a32;
    background: #1e293b;
    color: #d7cbb7;
}

:root[data-site-theme="dark"] .hunter-page .hunter-partner-form strong {
    color: #f5ead8;
}

:root[data-site-theme="dark"] .hunter-page .hunter-partner-form span {
    color: #aeb9c7;
}

:root[data-site-theme="dark"] .hunter-page .hunter-partner-form.owned {
    border-color: #a97726;
    background: linear-gradient(180deg, #2c281f, #1a2433);
}

/* Explore menu cards use !important in their source rules. */
:root[data-site-theme="dark"] .hunter-page .hunter-explore-room:not(.is-playing-explore-game) .hunter-explore-game-entry:not(.hunter-explore-game-entry--lottery-formal):not(.hunter-explore-game-entry--quiz):not(.hunter-explore-game-entry--build-house),
:root[data-site-theme="dark"] .hunter-page .hunter-game-card.hunter-explore-list-mode .hunter-explore-room .hunter-explore-game-entry:not(.hunter-explore-game-entry--lottery-formal):not(.hunter-explore-game-entry--quiz):not(.hunter-explore-game-entry--build-house) {
    border-color: #725522 !important;
    background:
        radial-gradient(circle at 96% 10%, rgba(251, 191, 36, .1), transparent 30%),
        linear-gradient(180deg, #1c2637, #141d2b) !important;
    color: #f2dfbd !important;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

:root[data-site-theme="dark"] .hunter-page .hunter-explore-room:not(.is-playing-explore-game) .hunter-explore-game-entry:not(.hunter-explore-game-entry--lottery-formal):not(.hunter-explore-game-entry--quiz):not(.hunter-explore-game-entry--build-house) span,
:root[data-site-theme="dark"] .hunter-page .hunter-game-card.hunter-explore-list-mode .hunter-explore-room .hunter-explore-game-entry:not(.hunter-explore-game-entry--lottery-formal):not(.hunter-explore-game-entry--quiz):not(.hunter-explore-game-entry--build-house) span {
    color: #f2dfbd !important;
}

:root[data-site-theme="dark"] .hunter-page .hunter-explore-room:not(.is-playing-explore-game) .hunter-explore-game-entry:not(.hunter-explore-game-entry--lottery-formal):not(.hunter-explore-game-entry--quiz):not(.hunter-explore-game-entry--build-house) small,
:root[data-site-theme="dark"] .hunter-page .hunter-game-card.hunter-explore-list-mode .hunter-explore-room .hunter-explore-game-entry:not(.hunter-explore-game-entry--lottery-formal):not(.hunter-explore-game-entry--quiz):not(.hunter-explore-game-entry--build-house) small {
    color: #b9c3d1 !important;
}

/* Reward entries keep their semantic colors; the quiz gets a dark cyan variant. */
:root[data-site-theme="dark"] .hunter-page .hunter-explore-room:not(.is-playing-explore-game) .hunter-explore-game-entry.hunter-explore-game-entry--quiz,
:root[data-site-theme="dark"] .hunter-page .hunter-game-card.hunter-explore-list-mode .hunter-explore-room .hunter-explore-game-entry.hunter-explore-game-entry--quiz {
    border-color: rgba(56, 189, 248, .7) !important;
    background:
        radial-gradient(circle at 92% 14%, rgba(45, 212, 191, .22), transparent 28%),
        linear-gradient(135deg, #0f2c3a, #123047 48%, #172033) !important;
    outline-color: rgba(45, 212, 191, .2);
    color: #e0f2fe !important;
    box-shadow:
        0 0 0 1px rgba(125, 211, 252, .14),
        0 14px 30px rgba(2, 8, 23, .34),
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

:root[data-site-theme="dark"] .hunter-page .hunter-explore-room:not(.is-playing-explore-game) .hunter-explore-game-entry--quiz > span,
:root[data-site-theme="dark"] .hunter-page .hunter-game-card.hunter-explore-list-mode .hunter-explore-room .hunter-explore-game-entry--quiz > span {
    color: #e0f2fe !important;
}

:root[data-site-theme="dark"] .hunter-page .hunter-explore-room:not(.is-playing-explore-game) .hunter-explore-game-entry--quiz > small,
:root[data-site-theme="dark"] .hunter-page .hunter-game-card.hunter-explore-list-mode .hunter-explore-room .hunter-explore-game-entry--quiz > small {
    color: #b9d8e5 !important;
}

:root[data-site-theme="dark"] .hunter-page .hunter-explore-room:not(.is-playing-explore-game) .hunter-explore-game-entry--quiz::before,
:root[data-site-theme="dark"] .hunter-page .hunter-game-card.hunter-explore-list-mode .hunter-explore-room .hunter-explore-game-entry--quiz::before {
    border-color: rgba(125, 211, 252, .28);
    background: rgba(8, 47, 73, .78);
    color: #bae6fd;
    box-shadow: 0 4px 10px rgba(2, 8, 23, .22);
}

:root[data-site-theme="dark"] .hunter-page .hunter-explore-room:not(.is-playing-explore-game) .hunter-explore-game-entry--quiz::after,
:root[data-site-theme="dark"] .hunter-page .hunter-game-card.hunter-explore-list-mode .hunter-explore-room .hunter-explore-game-entry--quiz::after {
    background:
        radial-gradient(circle at 38% 34%, rgba(240, 253, 250, .56), transparent 22%),
        radial-gradient(circle, rgba(45, 212, 191, .28), transparent 68%);
}

:root[data-site-theme="dark"] .hunter-page .hunter-explore-room:not(.is-playing-explore-game) .hunter-explore-game-entry--quiz[data-quiz-status="available"],
:root[data-site-theme="dark"] .hunter-page .hunter-game-card.hunter-explore-list-mode .hunter-explore-room .hunter-explore-game-entry--quiz[data-quiz-status="available"] {
    border-color: rgba(74, 222, 128, .72) !important;
    background:
        radial-gradient(circle at 92% 14%, rgba(74, 222, 128, .2), transparent 28%),
        linear-gradient(135deg, #123524, #14532d 48%, #172033) !important;
    outline-color: rgba(74, 222, 128, .2);
}

:root[data-site-theme="dark"] .hunter-page .hunter-explore-room:not(.is-playing-explore-game) .hunter-explore-game-entry--quiz[data-quiz-status="answered"],
:root[data-site-theme="dark"] .hunter-page .hunter-explore-room:not(.is-playing-explore-game) .hunter-explore-game-entry--quiz[data-quiz-status="ended"],
:root[data-site-theme="dark"] .hunter-page .hunter-game-card.hunter-explore-list-mode .hunter-explore-room .hunter-explore-game-entry--quiz[data-quiz-status="answered"],
:root[data-site-theme="dark"] .hunter-page .hunter-game-card.hunter-explore-list-mode .hunter-explore-room .hunter-explore-game-entry--quiz[data-quiz-status="ended"] {
    border-color: rgba(100, 116, 139, .78) !important;
    background:
        radial-gradient(circle at 92% 14%, rgba(45, 212, 191, .1), transparent 28%),
        linear-gradient(135deg, #1e293b, #253247 50%, #172033) !important;
    outline-color: rgba(148, 163, 184, .18);
}

/* Handbook, story, backpack, and mailbox. */
:root[data-site-theme="dark"] .hunter-page .hunter-lore-card,
:root[data-site-theme="dark"] .hunter-page .hunter-inventory-panel,
:root[data-site-theme="dark"] .hunter-page .hunter-archive-placeholder,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-panel {
    border-color: #765824;
    background:
        radial-gradient(circle at top left, rgba(251, 191, 36, .1), transparent 34%),
        linear-gradient(180deg, #1a2434, #111a28);
    color: #efe2ca;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 24px rgba(0, 0, 0, .3);
}

:root[data-site-theme="dark"] .hunter-page .hunter-lore-card summary,
:root[data-site-theme="dark"] .hunter-page .hunter-archive-placeholder h3,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-head h3,
:root[data-site-theme="dark"] .hunter-page .hunter-inventory-head h3 {
    color: #ffe7b2;
}

:root[data-site-theme="dark"] .hunter-page .hunter-lore-card summary::after {
    background: #352a14;
    color: #f4cf78;
}

:root[data-site-theme="dark"] .hunter-page .hunter-archive-book .hunter-lore-content p,
:root[data-site-theme="dark"] .hunter-page .hunter-lore-content p {
    color: #e7dcc9;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-shell {
    border-color: #765824;
    background: #111a28;
    color: #efe2ca;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .05),
        0 3px 0 #3f2e12,
        0 12px 28px rgba(0, 0, 0, .34);
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-head {
    border-color: rgba(244, 207, 120, .22);
    background:
        radial-gradient(circle at 88% 10%, rgba(251, 191, 36, .15), transparent 32%),
        linear-gradient(135deg, #2d1b10, #3d2512 58%, #1f170f);
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-head h3 {
    color: #fff1cf;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-head p {
    color: #d5c29a;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-kicker,
:root[data-site-theme="dark"] .hunter-page .hunter-story-volume-label,
:root[data-site-theme="dark"] .hunter-page .hunter-story-chapter-label,
:root[data-site-theme="dark"] .hunter-page .hunter-story-reader-volume,
:root[data-site-theme="dark"] .hunter-page .hunter-story-nav-btn span {
    color: #f4cf78;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-section-head h4,
:root[data-site-theme="dark"] .hunter-page .hunter-story-volume-head h4,
:root[data-site-theme="dark"] .hunter-page .hunter-story-reader-title {
    color: #fff0d2;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-section-head > span,
:root[data-site-theme="dark"] .hunter-page .hunter-story-volume-head p {
    color: #c7b17e;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-volume-card,
:root[data-site-theme="dark"] .hunter-page .hunter-story-chapter-link {
    border-color: #5c4925;
    background:
        radial-gradient(circle at 94% 10%, rgba(251, 191, 36, .08), transparent 34%),
        #1e293b;
    color: #edf2f7;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .32);
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-volume-card:hover,
:root[data-site-theme="dark"] .hunter-page .hunter-story-chapter-link:hover {
    border-color: #b88932;
    background:
        radial-gradient(circle at 94% 10%, rgba(251, 191, 36, .12), transparent 34%),
        #243247;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-volume-card small {
    color: #c9bda6;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-volume-count,
:root[data-site-theme="dark"] .hunter-page .hunter-story-chapter-number {
    background: #352a14;
    color: #f4cf78;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-chapter-link.is-last-read {
    border-color: #d79b31;
    background:
        radial-gradient(circle at 94% 10%, rgba(251, 191, 36, .15), transparent 34%),
        #2a2b2a;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-back-btn,
:root[data-site-theme="dark"] .hunter-page .hunter-story-nav-btn {
    border-color: #5c4925;
    background: #1e293b;
    color: #f4e7d0;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-reader {
    border-color: #5c4925;
    background: #172033;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .3);
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-reader-toolbar,
:root[data-site-theme="dark"] .hunter-page .hunter-story-reader-nav {
    border-color: #4c3d22;
    background: #111a28;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-reader-head {
    background:
        radial-gradient(circle at 92% 8%, rgba(251, 191, 36, .08), transparent 34%),
        #172033;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-directory-btn {
    border-color: #8b6828;
    background: #352a14;
    color: #f8d989;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-inline-message,
:root[data-site-theme="dark"] .hunter-page .hunter-story-status {
    border-color: #765824;
    background: #1a2434;
    color: #efe2ca;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-status span {
    color: #c9bda6;
}

:root[data-site-theme="dark"] .hunter-page .hunter-story-status .hunter-story-status-secondary {
    border-color: #5c4925;
    background: #253247;
    color: #f4e7d0;
}

:root[data-site-theme="dark"] .hunter-page .hunter-archive-placeholder p,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-head p,
:root[data-site-theme="dark"] .hunter-page .hunter-inventory-head p,
:root[data-site-theme="dark"] .hunter-page .hunter-inventory-kicker {
    color: #c7b17e;
}

:root[data-site-theme="dark"] .hunter-page .hunter-inventory-slot,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-message,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-empty {
    border-color: #5c4925;
    background:
        radial-gradient(circle at top right, rgba(124, 58, 237, .1), transparent 38%),
        #1e293b;
    color: #edf2f7;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 2px 0 rgba(0, 0, 0, .24);
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-message-copy strong,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-empty strong {
    color: #fff0d2;
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-message-copy small,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-empty span {
    color: #c7b17e;
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-message em {
    color: #aeb9c7;
}

/* Dialog surfaces. */
:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-panel,
:root[data-site-theme="dark"] .hunter-page .hunter-inventory-detail-panel,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-detail-panel,
:root[data-site-theme="dark"] .hunter-page .hunter-offline-claim-card,
:root[data-site-theme="dark"] .hunter-page .hunter-rank-advance-modal-card,
:root[data-site-theme="dark"] .hunter-page .hunter-lottery-proof-modal-panel,
:root[data-site-theme="dark"] .hunter-page .hunter-lottery-voucher-guide-modal-panel {
    border-color: #8a6426;
    background:
        radial-gradient(circle at top, rgba(251, 191, 36, .12), transparent 36%),
        linear-gradient(180deg, #1c2637, #111827);
    color: #eef2f7;
    box-shadow: 0 24px 56px rgba(0, 0, 0, .56), 0 3px 0 #5e4016;
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-kicker {
    color: #f4cf78;
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-title {
    color: #fff3df;
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-desc {
    color: #c7d2e0;
}

:root[data-site-theme="dark"] .hunter-page .hunter-avatar-frame-section {
    border-top-color: rgba(244, 189, 61, .24);
}

:root[data-site-theme="dark"] .hunter-page .hunter-avatar-frame-heading span,
:root[data-site-theme="dark"] .hunter-page .hunter-avatar-frame-heading h3 {
    color: #f4cf78;
}

:root[data-site-theme="dark"] .hunter-page .hunter-avatar-frame-heading small,
:root[data-site-theme="dark"] .hunter-page .hunter-avatar-frame-option-copy small,
:root[data-site-theme="dark"] .hunter-page .hunter-avatar-frame-empty {
    color: #c7d2e0;
}

:root[data-site-theme="dark"] .hunter-page .hunter-avatar-frame-option {
    border-color: #4b5a70;
    color: #f8fafc;
    background: linear-gradient(180deg, #263449, #1a2535);
}

:root[data-site-theme="dark"] .hunter-page .hunter-avatar-frame-option.is-selected {
    border-color: var(--hunter-frame-primary, #f4bd3d);
    background: linear-gradient(180deg, #313b50, #202a3a);
}

:root[data-site-theme="dark"] .hunter-page .hunter-avatar-frame-option.is-selected .hunter-avatar-frame-option-copy small {
    color: #6ee7b7;
}

:root[data-site-theme="dark"] .hunter-page .hunter-avatar-frame-empty {
    border-color: #4b5a70;
    background: rgba(15, 23, 42, .32);
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-panel .hunter-character-card {
    border-color: #4b5a70;
    background:
        radial-gradient(circle at top, rgba(251, 191, 36, .1), transparent 44%),
        linear-gradient(180deg, #263449, #1a2535);
    color: #edf2f7;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 5px 14px rgba(0, 0, 0, .28);
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-panel .hunter-character-card:hover {
    border-color: #f4bd3d;
    background:
        radial-gradient(circle at top, rgba(251, 191, 36, .16), transparent 44%),
        #2b394e;
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-panel .hunter-character-card.selected {
    border-color: #f4bd3d;
    background:
        radial-gradient(circle at top, rgba(251, 191, 36, .2), transparent 44%),
        linear-gradient(180deg, #40351f, #2b2a26);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 0 2px rgba(245, 158, 11, .28), 0 8px 20px rgba(0, 0, 0, .34);
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-panel .hunter-character-name {
    color: #fff3df;
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-panel .hunter-character-title {
    color: #f4cf78;
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-panel .hunter-character-type {
    color: #c7d2e0;
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-panel .hunter-character-status {
    background: #3b2d12;
    color: #f4cf78;
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-panel .hunter-character-card.selected .hunter-character-status {
    background: #fbbf24;
    color: #17130a;
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-panel .hunter-character-card.selected .hunter-character-name::after {
    background: #4a3612;
    color: #f4cf78;
}

:root[data-site-theme="dark"] .hunter-page .hunter-character-modal-close,
:root[data-site-theme="dark"] .hunter-page .hunter-inventory-close-btn,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-detail-close {
    border-color: #73561f;
    background: #293449;
    color: #f5cf75;
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-detail-panel h3 {
    color: #fff3df;
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-detail-summary {
    color: #f4cf78;
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-detail-body > p {
    color: #dbe4ef;
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-prize-card,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-source-card,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-reason-card,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-code-row {
    border-color: #73561f;
    background:
        radial-gradient(circle at top right, rgba(251, 191, 36, .08), transparent 38%),
        #1b2534;
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-prize-card span,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-source-card span,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-reason-card span,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-code-row span {
    color: #f5c96f;
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-prize-card strong,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-source-card strong,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-reason-card p,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-code-row code {
    color: #f8fafc;
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-prize-card small {
    color: #cbd5e1;
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-voucher-image-wrap {
    border-color: #8a6426;
    background: #d1d5db;
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-voucher-image-wrap small {
    color: #374151;
}

:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-code-row button,
:root[data-site-theme="dark"] .hunter-page .hunter-mailbox-voucher-link {
    background: #f5c96f;
    color: #301c07;
}

:root[data-site-theme="dark"] .hunter-page .hunter-offline-claim-title {
    color: #fff3df;
}

:root[data-site-theme="dark"] .hunter-page .hunter-offline-claim-text {
    color: #cbd5e1;
}

@media (max-width: 768px) {
    :root[data-site-theme="dark"] .hunter-page .hunter-base-panel-head {
        border-bottom-color: #73561f;
        background: #1b2534;
    }

    :root[data-site-theme="dark"] .hunter-page .hunter-base-panel .hunter-task-item,
    :root[data-site-theme="dark"] .hunter-page .hunter-base-panel .hunter-checkin-streak-card {
        border-color: #d1a653;
        background: #fffaf0;
    }

    :root[data-site-theme="dark"] .hunter-page .hunter-base-panel .hunter-task-item.is-claimed {
        opacity: 1;
    }

    :root[data-site-theme="dark"] .hunter-page .hunter-base-panel .hunter-task-claim-btn:disabled {
        border: 1px solid #9aa6b5;
        background: #d7dee8;
        color: #374151;
        opacity: 1;
    }

    :root[data-site-theme="dark"] .hunter-page .hunter-game-view:not([data-hunter-view="base"]) {
        color: #efe3cf;
        background:
            radial-gradient(circle at 18% 18%, rgba(255, 203, 93, .08), transparent 24%),
            linear-gradient(180deg, #1d2737, #121a27 48%, #0d141f);
    }

    :root[data-site-theme="dark"] .hunter-page .hunter-game-view:not([data-hunter-view="base"])::before {
        background:
            linear-gradient(90deg, rgba(255, 231, 170, .035) 1px, transparent 1px) 0 0 / 28px 28px,
            linear-gradient(180deg, rgba(255, 251, 235, .04), transparent 36%),
            radial-gradient(ellipse at 50% 110%, rgba(0, 0, 0, .48), transparent 52%);
    }
}

:root[data-site-theme="dark"] .hunter-page .hunter-boot-loader-card.is-error {
    border-color: rgba(248, 113, 113, .62);
    background:
        radial-gradient(circle at top, rgba(248, 113, 113, .14), transparent 45%),
        linear-gradient(180deg, #251b22, #111827);
    color: #fff1f2;
}

:root[data-site-theme="dark"] .hunter-page .hunter-boot-loader-card.is-error .hunter-boot-loader-title {
    color: #fecaca;
}

:root[data-site-theme="dark"] .hunter-page .hunter-boot-loader-card.is-error .hunter-boot-loader-text,
:root[data-site-theme="dark"] .hunter-page .hunter-boot-loader-card.is-error small {
    color: #f3d4d8;
}

:root[data-site-theme="dark"] .hunter-page .hunter-boot-retry-btn {
    border: 1px solid rgba(251, 191, 36, .62);
    background: #293449;
    color: #fff4cf;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .34);
}

:root[data-site-theme="dark"] .hunter-page .hunter-boot-retry-btn:hover,
:root[data-site-theme="dark"] .hunter-page .hunter-boot-retry-btn:focus-visible {
    background: #35435b;
}