/* White theme, loaded last; artwork and its dark legibility overlays stay intact. */
.version-section-heading .group-count {
  background: #f3f5f7 !important;
  color: #384657 !important;
  border-color: #ccd5df !important;
}
.filter-row .category-filters button,
.filter-row .category-filters button.version-filter {
  background: #f3f5f7 !important;
  color: #384657 !important;
  border-color: #ccd5df !important;
  box-shadow: none !important;
}
.filter-row .category-filters button:hover,
.filter-row .category-filters button:focus-visible {
  background: #e6edf8 !important;
  color: #193e7b !important;
  border-color: #2455a4 !important;
}
.filter-row .category-filters button[aria-pressed="true"],
.filter-row .category-filters button.version-filter[aria-pressed="true"] {
  background: #2455a4 !important;
  color: #fff !important;
  border-color: #2455a4 !important;
  box-shadow: none !important;
}
:root {
  color-scheme: light;
  --bg: #fff;
  --surface: #fff;
  --surface-raised: #f3f5f7;
  --text: #202833;
  --muted: #526070;
  --quiet: #596675;
  --line: #dce2e8;
  --gold: #2455a4;
  --premium-bg: #fff;
  --premium-surface: #fff;
  --premium-surface-raised: #f3f5f7;
  --premium-surface-soft: #eef2f6;
  --premium-line: #dce2e8;
  --premium-line-strong: #bec8d3;
  --premium-text: #202833;
  --premium-text-soft: #384657;
  --premium-muted: #526070;
  --premium-warm: #2455a4;
  --premium-warm-soft: #2455a4;
  --premium-shadow: 0 16px 42px rgba(28, 44, 65, .08);
  --premium-shadow-soft: 0 5px 20px rgba(28, 44, 65, .06);
}
html, body { background: #fff !important; color: var(--text); }
html { scrollbar-color: #9ba7b5 #f3f5f7; }
.brand h1 { background: none !important; -webkit-text-fill-color: #202833 !important; }
.feature-showcase > .feature-controls,
.detail-floating-dock button[aria-selected="false"],
.detail-quick-button, #detailView #backToGames {
  background: #f3f5f7 !important;
  color: #384657 !important;
  border-color: #dce2e8 !important;
  box-shadow: none !important;
}
.detail-floating-dock button:not([aria-selected="true"]):hover,
.detail-floating-dock button:not([aria-selected="true"]):focus-visible,
#detailView #backToGames:hover, #detailView #backToGames:focus-visible,
.detail-quick-button:hover { background: #e6edf8 !important; color: #193e7b !important; }
body::before, body::after { background: none !important; }
.site-header, .notice, .game-card, .personal-game-card, .related-game-card,
.detail-hero, .tab-panel, .event-plan-card, .event-image-card, .info-dialog,
.announcements, .announcement-card, .event-viewer, .event-viewer-header {
  background: #fff !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
  box-shadow: var(--premium-shadow-soft) !important;
}
.header-summary, .support-link, .search-field, .glass-radio-group,
.category-filters, .detail-tabs, .detail-tags span, .bookmark-button,
.button-secondary, .card-arrow, .feature-controls button, .announcement-more,
.event-viewer-close, .floating-dock, .dock-item, .detail-floating-dock button {
  background: #f3f5f7 !important;
  color: #384657 !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}
.brand h1, .notice h2, .notice-list li > span:not(.step-number),
.card-title-line h4, .personal-game-copy strong, .related-game-copy strong,
.detail-intro h2, .panel-main h3, .panel-side h4, .event-plan-card h4,
.event-plan-card h5, .event-section-heading h4, .version-section-heading h3,
.event-image-caption strong, .announcement-title-wrap strong,
.announcements-heading h2, .footer-wordmark {
  color: #202833 !important;
  text-shadow: none !important;
}
#recommendedTitle, #catalogTitle, #gameTitle, .panel-main h3 {
  color: #202833 !important;
  background-image: none !important;
  -webkit-text-fill-color: #202833;
  animation: none !important;
}
.brand-kicker, .brand-caption, .eyebrow, .support-link small,
.support-link > [data-icon], .notice-list li, .total-count, .filter-label,
.catalog-hint, .catalog-version-note, .group-count, .card-genre, .card-subtitle,
.card-resources, .catalog-end p, .personal-game-copy small, .related-game-copy small,
.breadcrumbs, .breadcrumbs a, .detail-intro .eyebrow, .detail-category,
.panel-label, #gameSummary, .panel-description,
.panel-main p:not(.panel-label):not(.panel-description), .panel-steps li,
.event-image-card figcaption, .event-plan-card ul, .event-section-heading span,
.event-image-caption small, #dialogText, .site-footer, .announcements-heading-note,
.announcement-title-wrap small, .announcement-date, .announcement-body,
.announcement-state, .category-filters button, .version-filters button,
.detail-tabs button, .search-field input::placeholder {
  color: #526070 !important;
}
.announcement-category, .announcement-game-link, .personal-game-state,
.notice-list .step-number { color: #2455a4 !important; }
.announcement-category { background: #edf3fc; border-color: #c3d3ee !important; }
.header-summary i { background: #bec8d3 !important; }
.search-field:focus-within { background: #fff !important; border-color: #2455a4 !important; }
.search-field input { color: #202833 !important; }
.search-field kbd { color: #526070; }
.button-primary, .category-filters button[aria-pressed="true"],
.version-filters button[aria-pressed="true"], .detail-tabs button[aria-selected="true"],
.primary-dock .dock-item.is-active, #detailView .detail-floating-dock button[aria-selected="true"] {
  color: #fff !important;
  background: #2455a4 !important;
  border-color: #2455a4 !important;
  box-shadow: none !important;
}
/* Override the legacy gold text-selection and navigation highlight. */
::selection, body::selection { color: #12385c !important; background: #cce5ff !important; }
.primary-dock .dock-item.is-active::before,
.detail-floating-dock button[aria-selected="true"]::after {
  background: #267fbe !important;
  box-shadow: none !important;
}
.cover-wrap, .event-image-preview { background: #eef2f6 !important; }
.panel-steps li::before, .dialog-icon { color: #2455a4 !important; background: #edf3fc !important; border-color: #c3d3ee !important; }
.event-plan-card li::marker { color: #2455a4 !important; }
.announcement-chevron { border-color: #526070; }
.event-plan-main .event-plan-card {
  background: #f8faff !important;
  border: 1px solid #c5d4e8 !important;
  border-left: 4px solid #2455a4 !important;
}
.event-plan-main .event-plan-card h4,
.event-plan-main .event-plan-card h5 {
  color: #17427e !important;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.6;
}
.event-plan-main .event-plan-card ul,
.event-plan-main .event-plan-card li {
  color: #202833 !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.85;
  overflow-wrap: anywhere;
}
.event-plan-main .event-plan-card li + li { margin-top: 8px; }
.event-plan-main .panel-description,
.event-plan-main p:not(.panel-label):not(.panel-description) { color: #384657 !important; }
/* Keep expanded recommendation artwork free of dark overlays. */
.layout-grid-backdrop,
.layout-grid-expanded::backdrop { background: rgba(245, 248, 252, .65); }
.layout-grid-expanded { box-shadow: 0 20px 65px #17395726; }
.layout-grid-expanded.feature-main::before,
.layout-grid-expanded.feature-main::after,
.layout-grid-expanded.feature-mini::before,
.layout-grid-expanded.feature-mini::after { content: none; }
.layout-grid-expanded .layout-grid-details {
  padding: 0;
  border: 0;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
}
.layout-grid-expanded .layout-grid-close { color: #2455a4; background: #fff; border-color: #dce5f0; }
.layout-grid-expanded .layout-grid-close:hover { background: #e6edf8; }
:focus-visible { outline-color: #2455a4 !important; }
@media (hover: hover) {
  .button-primary:hover { color: #fff !important; background: #193e7b !important; border-color: #193e7b !important; }
  .support-link:hover, .bookmark-button:hover, .button-secondary:hover,
  .category-filters button:hover, .version-filters button:hover,
  .detail-tabs button:hover, .announcement-more:hover, .event-viewer-close:hover,
  .dock-item:hover { color: #193e7b !important; background: #e6edf8 !important; }
  .game-card:hover, .personal-game-card:hover, .related-game-card:hover { background: #fff !important; border-color: #9eb6da !important; }
  .game-card:hover .card-title-line h4, .game-card:focus-visible .card-title-line h4 { color: #2455a4 !important; }
  .game-card:hover .card-arrow { color: #fff !important; background: #2455a4 !important; border-color: #2455a4 !important; }
}