/* Premium game surfaces follow the site's Light, Dark and System themes. */
.premium-game-page {
    /* Bridge older game tokens to the current shared theme variables. */
    --bg-secondary: var(--surface, #fff);
    --text-primary: var(--text, #0f172a);
    --text-secondary: var(--text-light, #475569);
    --border-color: var(--border, #cbd5e1);
    --card-bg: var(--surface, #fff);
    --text-color: var(--text, #0f172a);
    --muted: var(--text-light, #475569);
    --game-blue: var(--primary, #2563eb);
}

/* Match the specificity of the older explicit-dark rules. The shared theme
   variables also cover System mode and appearance changes without a reload. */
html .premium-game-page :is(
    .quest-board, .road-board, .ocean-board,
    .quest-journal, .quest-guide, .road-guide, .ocean-guide, .ocean-albums,
    .quest-learning article, .road-learning article, .ocean-learning article
) {
    background: var(--surface, #fff);
    color: var(--text, #0f172a);
    border-color: var(--border, #cbd5e1);
}

html .premium-game-page :is(
    .interceptor-gate-box, .rocket-gate-box, .birds-gate-box,
    .soldier-gate-box, .food-gate-box,
    .interceptor-overlay-inner, .rocket-overlay-inner, .birds-overlay-inner,
    .soldier-overlay-inner, .food-overlay-inner,
    .interceptor-results-inner, .rocket-results-inner, .birds-results-inner,
    .soldier-results-inner, .food-results-inner,
    .overlay-card, .scene-dialog
) {
    background: var(--surface-elevated, #fff);
    color: var(--text, #0f172a);
    border-color: var(--border, #cbd5e1);
}

html .premium-game-page :is(
    .quest-intro p, .road-intro p, .ocean-intro p, .journal-heading p,
    .quest-learning p, .road-learning p, .ocean-learning p,
    .quest-guide p, .road-guide p, .ocean-guide p, .ocean-albums > p,
    .overlay-card p, .quest-hud small, .road-hud small, .ocean-hud small,
    .quest-bottom, .road-bottom, .ocean-bottom,
    .journal-heading h2 span, .journal-card span,
    .sign-card > span, .sign-progress, .sign-explored .sign-progress,
    .scene-card span, .album-heading > strong,
    .road-event > span, .road-event p, .choice-heading > span, .choice-panel p,
    .stage-summary p, .food-start-tips, #food-motion
) {
    color: var(--text-light, #475569);
}

html .premium-game-page :is(
    .quest-hud strong, .road-hud strong, .ocean-hud,
    .journal-card strong, .review-item strong
) {
    color: var(--text, #0f172a);
}

html .premium-game-page :is(
    .journal-card, .sign-card, .scene-card, .road-event, .stage-summary
) {
    background: var(--surface-alt, #f1f5f9);
    color: var(--text, #0f172a);
    border-color: var(--border, #cbd5e1);
}

html .premium-game-page :is(
    .interceptor-practice-input, .rocket-practice-input, .birds-practice-input,
    .soldier-practice-input, .food-practice-input, .sign-tools input
) {
    background: var(--surface-alt, #f1f5f9);
    color: var(--text, #0f172a);
    border-color: var(--border, #cbd5e1);
}

html .premium-game-page :is(
    .interceptor-retry, .rocket-retry, .birds-retry, .soldier-retry, .food-retry,
    .interceptor-guide a, .rocket-guide a, .birds-guide a,
    .soldier-guide a, .food-guide a, .quest-guide a, .road-guide a, .ocean-guide a,
    .overlay-card a, .quest-eyebrow, .road-eyebrow, .ocean-eyebrow,
    .food-eyebrow, .food-step
) {
    color: var(--primary, #2563eb);
}

/* The six adventure layouts already theme their outer cards. Their plain
   access links also need a lighter foreground on the dark gate. */
.adventure-page {
    --premium-game-link: #245ee8;
}
html[data-theme="dark"] .adventure-page {
    --premium-game-link: #93b7ff;
}
@media (prefers-color-scheme: dark) {
    html[data-theme="system"] .adventure-page {
        --premium-game-link: #93b7ff;
    }
}
.adventure-gate > a:not(.adventure-button) {
    color: var(--premium-game-link, #245ee8);
}

/* The illustrated arenas, typing targets and game controls retain their
   existing paired background/foreground colors. */