/* Fabled Cartridge themes: always loaded after page-specific styles and postbuild UI styles. */
/* Midnight blue replaces the old near-black theme. */
:root,html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#f3f5fb;--muted:#bdc9db;--subtle:#98a9c1;--bg:#141d30;--bg2:#19253a;
  --panel:rgba(30,42,65,.91);--panel-solid:#1c2940;--line:rgba(194,213,239,.17);
  --gold:#f1d58c;--gold2:#d1a650;--violet:#85c9ff;--violet2:#3e8dcc;
  --aqua:#93e7dc;--danger:#ff9bb1;--success:#a8ecd0;
  --surface:#1c2940;--surface-alt:#24334e;--field:#1a263b;--link:#bcdfff;
  --tint:rgba(241,213,140,.09);--shadow:0 22px 65px rgba(4,10,22,.25);
}
html[data-theme="light"]{
  color-scheme:light;
  --ink:#1d2b40;--muted:#536177;--subtle:#627087;--bg:#f5f2ea;--bg2:#ebe6da;
  --panel:rgba(255,252,246,.97);--panel-solid:#fffcf6;--line:rgba(39,56,79,.19);
  --gold:#8b652b;--gold2:#90662c;--violet:#1f6595;--violet2:#225e8a;
  --aqua:#176e70;--danger:#aa3352;--success:#207153;
  --surface:#fffcf6;--surface-alt:#f0e9de;--field:#fffdf9;--link:#145d91;
  --tint:rgba(149,106,45,.085);--shadow:0 18px 45px rgba(43,51,67,.11);
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink)}
body:before{background:radial-gradient(circle at 78% 8%,rgba(60,111,178,.16),transparent 38%),linear-gradient(180deg,#18263b 0%,#141d30 63%,#11192b 100%)}
body:after{opacity:.14}
.site-header{background:rgba(18,27,45,.92);border-color:var(--line)}
.nav-links a,.nav-group>summary{color:var(--muted)}
.nav-links a:hover,.nav-links a.active,.nav-group>summary:hover,.nav-group.active>summary,.nav-group[open]>summary{color:var(--ink)}
.nav-cta,.nav-account{color:var(--gold)!important;border-color:var(--line);background:var(--tint)}
.nav-menu{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
.nav-menu a:hover{background:var(--surface-alt);color:var(--ink)}
.menu-btn{color:var(--ink)}
.hero-copy,.page-hero p{color:var(--muted)}
.hero-copy strong{color:var(--ink)}
.btn-ghost{background:var(--panel);color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{background:var(--surface-alt);color:var(--ink)}
.game-card,.feature-panel,.stat,.deal-note,.deal-game-group,.live-deal,.newsletter,
.toolbar,.rank-row,.ranking-view-switch,.tier-row,.tier-game-card,.verdict-card,
.info-section,.side-card,.tool-card,.mod-item,.support-card,.watch-event,
.purchase-option,.my-fc-card,.my-fc-shelf,.my-fc-account-bar,.my-fc-auth-card,
.my-fc-account-settings,.my-fc-community,.my-fc-game-controls,.my-fc-card,
.finder-form,.finder-result-card,.finder-commerce-panel,.finder-check-list{
  background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)
}
.deal-group-header,.stat,.platform-strip,.purchase-toolbar,.deal-toolbar,
.tool-toolbar,.verification-toolbar,.cheat-table-toolbar,.ranking-view-switch{
  background:var(--surface-alt)
}
.control input,.control select,.verification-toolbar select,.cheat-table-toolbar input,
.cheat-table-toolbar select,.purchase-toolbar select,.multi-filter-toggle,.multi-filter-search,
.range-source-control select,.playtime-range-fields input,.filter-toggle,.filter-reset-inline,
.finder-control select,.finder-budget-row input,.finder-count-control input,
.finder-length-custom input,.finder-check-list,.finder-platform-preset,.my-fc-card-status,
.multi-filter-menu,.video-chooser{
  background:var(--field);color:var(--ink);border-color:var(--line)
}
.multi-filter-menu{background:var(--surface)}
/* Appearance switch is outside the My FC account flow, so visitors need no login. */
.theme-picker{position:relative;display:inline-flex;align-items:center;flex:none;margin-inline:2px}
.theme-trigger{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);
 border-radius:50%;background:var(--panel);color:var(--ink);font-size:20px;line-height:1;
 transition:border-color .15s,background .15s}
.theme-trigger:hover,.theme-trigger[aria-expanded="true"]{border-color:var(--gold);background:var(--surface-alt)}
.theme-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:100;min-width:190px;
 padding:7px;border:1px solid var(--line);border-radius:13px;background:var(--surface);
 box-shadow:var(--shadow)}
.theme-menu[hidden]{display:none!important}
.theme-menu-label{display:block;padding:7px 11px 5px;color:var(--muted);
 font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.theme-option{display:flex;align-items:center;justify-content:space-between;gap:16px;
 width:100%;min-height:38px;padding:8px 11px;border:0;border-radius:8px;
 background:transparent;color:var(--ink);font-size:13px;text-align:left}
.theme-option:hover,.theme-option:focus-visible{background:var(--surface-alt)}
.theme-option[aria-pressed="true"]{background:var(--tint);color:var(--gold);font-weight:800}
.theme-option [data-theme-check]{min-width:12px}
.theme-trigger:focus-visible,.theme-option:focus-visible{outline:3px solid var(--violet);outline-offset:3px}
@media(max-width:980px){
  .theme-picker{align-self:flex-start;margin:9px 0 3px}
  .theme-menu{right:auto;left:0}
  .nav.open .theme-picker{width:auto}
}

/* Light appearance: warm parchment and navy ink; don't recolor imagery or cover art. */
html[data-theme="light"] body:before{
 background:radial-gradient(circle at 78% 4%,rgba(105,151,196,.11),transparent 37%),
  radial-gradient(circle at 14% 48%,rgba(172,134,79,.06),transparent 27%),
  linear-gradient(180deg,#f6f3ed 0%,#f5f2ea 66%,#f0ebdf 100%);
}
html[data-theme="light"] body:after{
 opacity:.07;
 background-image:radial-gradient(circle at 22% 40%,#536886 0 1px,transparent 1.3px),
 radial-gradient(circle at 65% 10%,#887045 0 1px,transparent 1.3px);
}
html[data-theme="light"] .site-header{background:rgba(249,246,239,.94)}
html[data-theme="light"] .nav-links a,
html[data-theme="light"] .nav-group>summary{color:#3b4c65}
html[data-theme="light"] .nav-links a:hover,
html[data-theme="light"] .nav-links a.active,
html[data-theme="light"] .nav-group>summary:hover,
html[data-theme="light"] .nav-group.active>summary,
html[data-theme="light"] .nav-group[open]>summary{color:#173c61}
html[data-theme="light"] .nav-cta,
html[data-theme="light"] .nav-account{color:#78551c!important;background:#f1e7cf;border-color:#d4bf92}
html[data-theme="light"] .nav-menu a:hover{background:#e9e4d9}
html[data-theme="light"] .grad{background:linear-gradient(105deg,#886126 0%,#304861 47%,#1d6697 96%);
 -webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .eyebrow{color:#715226}
html[data-theme="light"] .hero-copy strong{color:var(--ink)}
html[data-theme="light"] .hero:after{border-color:rgba(51,85,126,.11);
 box-shadow:0 0 0 60px rgba(77,118,167,.024),0 0 0 120px rgba(77,118,167,.015)}
html[data-theme="light"] .watch-home{background:linear-gradient(180deg,rgba(220,210,193,.25),transparent)}
html[data-theme="light"] .section-link,
html[data-theme="light"] .view,
html[data-theme="light"] .panel-link{color:var(--link)}
html[data-theme="light"] .section-link:hover,
html[data-theme="light"] .panel-link:hover{color:#0d416c}
html[data-theme="light"] .game-card,
html[data-theme="light"] .feature-panel,
html[data-theme="light"] .stat,
html[data-theme="light"] .deal-note,
html[data-theme="light"] .deal-game-group,
html[data-theme="light"] .live-deal,
html[data-theme="light"] .newsletter,
html[data-theme="light"] .toolbar,
html[data-theme="light"] .rank-row,
html[data-theme="light"] .tier-row,
html[data-theme="light"] .tier-game-card,
html[data-theme="light"] .verdict-card,
html[data-theme="light"] .info-section,
html[data-theme="light"] .side-card,
html[data-theme="light"] .tool-card,
html[data-theme="light"] .mod-item,
html[data-theme="light"] .mod-item:hover,
html[data-theme="light"] .support-card,
html[data-theme="light"] .support-card.affiliate-support,
html[data-theme="light"] .support-home-card,
html[data-theme="light"] .watch-event,
html[data-theme="light"] .watch-home-empty,
html[data-theme="light"] .purchase-option,
html[data-theme="light"] .game-availability-card,
html[data-theme="light"] .deal-hero,
html[data-theme="light"] .my-fc-shelf,
html[data-theme="light"] .my-fc-auth-card,
html[data-theme="light"] .my-fc-account-bar,
html[data-theme="light"] .my-fc-account-settings,
html[data-theme="light"] .my-fc-community,
html[data-theme="light"] .my-fc-game-controls,
html[data-theme="light"] .my-fc-card,
html[data-theme="light"] .my-fc-signin-panel,
html[data-theme="light"] .finder-form,
html[data-theme="light"] .finder-result-card,
html[data-theme="light"] .finder-commerce-panel,
html[data-theme="light"] .finder-why,
html[data-theme="light"] .finder-scope-fieldset,
html[data-theme="light"] .finder-taste-profile,
html[data-theme="light"] .finder-choice-fieldset,
html[data-theme="light"] .finder-my-fc-menu-panel{
  background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow)
}
html[data-theme="light"] :is(.deal-group-header,.stat,.platform-strip,
 .purchase-toolbar,.purchase-advanced,.purchase-static-value,.deal-toolbar,
 .tool-toolbar,.verification-toolbar,.cheat-table-toolbar,.ranking-view-switch,
 .multi-filter-group-title,.filter-chrome,.filter-backdrop + .toolbar){
 background:var(--surface-alt);color:var(--ink);border-color:var(--line)
}
html[data-theme="light"] :is(.pros-cons-panel,.pros-cons-category,.pros-cons-point,
 .considerations-row,.consideration-point,.version-card,.tag,.badge,
 .platform-badge,.external-link,.game-cheat-table-action,.mini-pill,.callout,
 .finder-priority,.finder-scope,.finder-reasons li,.finder-sale-only,
 .finder-quick-form button,.finder-replace-button,.finder-my-fc-menu>summary,
 .my-fc-status-actions button,.my-fc-taste-actions button,.my-fc-remove button,
 .my-fc-card-follow,.my-fc-card-love,.my-fc-card-not-interested,
 .my-fc-card-remove,.my-fc-card-status-form button,.my-fc-community-grid>section,
 .my-fc-community-count,.my-fc-shelf-head>[data-my-fc-count],
 .video-chooser-option,.tool-category-nav a,.tool-count,.creator-links a,
 .quick-verdict-chips span,.purchase-region-fallback,.purchase-recommended-context){
 background:var(--surface-alt);color:var(--ink);border-color:var(--line)
}
html[data-theme="light"] :is(.finder-priority:has(input:checked),
 .finder-scope:has(input:checked),.finder-check-option:has(input:checked),
 .finder-platform-preset:has(input:checked),
 .my-fc-status-actions button.active,.my-fc-card-follow.active,.my-fc-love.active,
 .my-fc-card-love.active,.finder-quick-form button.active,.finder-price-badge.deal){
 background:#f1e6ce;color:#72501c;border-color:#cbb68c
}
html[data-theme="light"] :is(.control input,.control select,.verification-toolbar select,
 .cheat-table-toolbar input,.cheat-table-toolbar select,.purchase-toolbar select,
 .multi-filter-toggle,.multi-filter-search,.range-source-control select,
 .playtime-range-fields input,.filter-toggle,.filter-reset-inline,
 .finder-control select,.finder-budget-row input,.finder-count-control input,
 .finder-length-custom input,.finder-check-list,.finder-platform-preset,
 .my-fc-card-status,.multi-filter-menu,.video-chooser){
 background:var(--field)!important;color:var(--ink)!important;border-color:var(--line)
}
html[data-theme="light"] :is(.finder-check-option,.finder-priority,.finder-platform-preset,
 .finder-control select,.finder-choice-fieldset,.range-missing-option,
 .playtime-quick-ranges button,.multi-filter-group-title){color:var(--ink)}
html[data-theme="light"] :is(.game-card-title,.tier-game-copy strong,.tier-game-copy span,
 .rank-title,.rank-score strong,.rank-score-mc strong,.rank-score-igdb strong,
 .verdict-score strong,.verdict-score-fc strong,.verdict-score-mc strong,
 .verdict-score-igdb strong,.verdict-meta b,.game-availability-head strong,
 .mod-card-title,.mod-title-link,.pros-cons-category-head h4,
 .pros-cons-copy strong,.finder-scope strong,.finder-control>span,
 .finder-priority-fieldset legend,.finder-result-head h3,.finder-reasons strong,
 .finder-commerce-head strong,.finder-sale-only strong,.finder-why>span,
 .finder-taste-profile strong,.finder-empty strong,.finder-choice-fieldset>legend,
 .my-fc-card-copy h3,.my-fc-community-row strong,.multi-filter-menu-head strong,
 .deal-group-heading h2,.tool-card h3,.game-availability-head strong,
 .support-note strong,.best-way-buy-cta strong){color:var(--ink)!important}
html[data-theme="light"] :is(.best-version,.meta,.card-body p,.feature-panel p,
 .feature-list li,.stat span,.deal-note p,.deal-hero p,.newsletter p,
 .deal-group-count,.disclosure,.footer,.footer a,.footer h4,.float-card small,
 .trustline,.trustline b,.rank-no,.rank-title span,.rank-meta,.rank-score span,
 .rank-table-head,.ranking-view-label,.ranking-view-btn,.breadcrumbs,
 .game-lead,.verdict-card p,.verdict-score span,.verdict-meta span,
 .info-section p,.side-card p,.kv span,.kv b,.tool-card p,.support-card>p,
 .support-list,.mod-platform-label,.mod-card-notes,.workaround-card p,
 .version-head span,.pros-cons-subpoints,.cover-credit,.platform-label,
 .purchase-toolbar label,.verification-toolbar label,.cheat-table-toolbar label,
 .multi-filter-title,.toolbar>.control>label,.toolbar>.control>.multi-filter-title,
 .deal-toolbar>.control>label,.deal-offer-title,.my-fc-sync-state,
 .my-fc-auth-card p,.my-fc-account-bar [data-my-fc-account-email],
 .my-fc-account-settings>p,.my-fc-card-copy p,.my-fc-community-head p,
 .my-fc-empty,.my-fc-community-row,.finder-scope small,.finder-control small,
 .finder-commerce-head p,.finder-priority-fieldset>p,.finder-count-control small,
 .finder-result-meta,.finder-results-head p,.finder-score span,
 .finder-reasons li,.finder-empty span,.finder-taste-profile p,
 .finder-control b,.finder-length-custom label,.finder-check-option,
 .finder-platform-custom small,.finder-choice-fieldset>small,
 .watch-home-empty p,.watch-event p,.deal-discount-min-control,
 .deal-discount-input-wrap>span){color:var(--muted)!important}
html[data-theme="light"] :is(.game-cheat-table-action,.video-watch-action,
 .video-entry-action,.mod-open-button,.workaround-link,.finder-result-link,
 .finder-platform-actions button,.finder-buy-link,.deal-bundle-note a,
 .watch-home-actions a,.contact-email-address,.footer-social a,
 .creator-links a,.game-card .view){color:var(--link)!important}
html[data-theme="light"] :is(.eyebrow,.stat strong,.finder-score strong,
 .my-fc-community-row>b,.my-fc-shelf-head>[data-my-fc-count],
 .recommend-badge,.considerations-title,.verification-pill,
 .atlas-badge,.watch-category,.watch-game-link,.deal-label,
 .buy-link,.rank-score-mc strong){color:var(--gold)}
html[data-theme="light"] :is(.deal-label,.atlas-badge,.verification-pill,
 .recommend-badge,.buy-link,.watch-category,.finder-my-fc-badge,
 .finder-price-badge,.finder-match,.finder-position,.tool-platform,
 .mod-type-chip,.mod-environment-chip,.indie-badge,.quick-verdict-chips span){
 background:var(--tint);border-color:var(--line)
}
html[data-theme="light"] :is(.finder-my-fc-badge,.finder-price-badge,
 .finder-match,.tool-platform,.mod-type-chip,.mod-environment-chip,
 .indie-badge,.quick-verdict-chips span){color:var(--link)!important}
html[data-theme="light"] :is(.btn-ghost,.external-link,.desktop-filter-toggle,
 .ranking-view-btn,.playtime-quick-ranges button,.video-chooser-option,
 .my-fc-signin-close,.multi-filter-menu,.my-fc-community-row:hover){
 background:var(--surface-alt);color:var(--ink);border-color:var(--line)
}
html[data-theme="light"] :is(.btn-ghost:hover,.desktop-filter-toggle:hover,
 .ranking-view-btn:hover,.video-chooser-option:hover,.mod-open-button:hover,
 .finder-replace-button:hover,.finder-platform-actions button:hover,
 .my-fc-status-actions button:hover,.my-fc-taste-actions button:hover){
 background:#e7ddce;color:var(--ink)!important
}
html[data-theme="light"] .my-fc-signin-overlay{background:rgba(25,34,48,.56)}
html[data-theme="light"] .gameplay-lightbox,
html[data-theme="light"] .video-chooser::backdrop{background:rgba(8,17,30,.91)}
/* Art-backed and deliberately dark elements always retain light ink. */
/* The illustrated logo belongs on a softly lit parchment card in Light mode, not a black panel. */
html[data-theme="light"] :is(.game-art,.game-art .art-title,.art-era,
 .cover-fallback,.cover-fallback span,.gameplay-lightbox,.gameplay-lightbox button,
 .gameplay-shot span,.tier-label,.tier-label strong,.tier-label span){color:#f5f5fa!important}
html[data-theme="light"] .brand-hero-card{
 background:radial-gradient(circle at 50% 36%,rgba(246,213,140,.25),transparent 37%),
 radial-gradient(circle at 48% 52%,rgba(117,166,212,.13),transparent 66%),
 linear-gradient(145deg,#fffdf7,#eee6d9);
 color:var(--ink);border-color:rgba(146,108,62,.29);
 box-shadow:0 18px 60px rgba(74,62,44,.11)
}
html[data-theme="light"] .brand-hero-card:before,
html[data-theme="light"] .brand-hero-card:after{border-color:rgba(112,92,59,.14)}
html[data-theme="light"] .brand-hero-card img{
 filter:drop-shadow(0 8px 20px rgba(54,69,87,.12));
}
html[data-theme="light"] .brand-hero-card p{color:var(--muted)!important}
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .ranking-view-btn.active{color:#0b1a2b!important}
/* A blue or gold surface must never inherit white-on-white text. */
html[data-theme="light"] .my-fc-delete-account,
html[data-theme="light"] .my-fc-not-interested.active{color:var(--danger)!important}
html[data-theme="light"] .my-fc-message.error{color:var(--danger)!important}
html[data-theme="light"] .my-fc-message{color:var(--muted)!important}
html[data-theme="light"] .qa-note{color:var(--success)}
html[data-theme="light"] .mod-verdict{color:#18644d!important}
html[data-theme="light"] .support-note{color:#245e55;background:#eaf4ec}
html[data-theme="light"] .support-note strong{color:#1a5447}
html[data-theme="light"] .finder-quick-form button.active{color:#6c4e24!important}
/* Consistent interactive contrast, including keyboard navigation and mobile controls. */
:where(a,button,input,select,textarea,summary):focus-visible{
 outline:2px solid var(--violet);outline-offset:3px
}
:where(input,select,textarea){accent-color:var(--violet)}
@media(prefers-reduced-motion:reduce){
 .theme-trigger,.theme-option{transition:none}
}

/* The less prominent toolbars also had embedded pale text on dark-only CSS. */
html[data-theme="light"] :is(.video-chooser-close,.multi-filter-option,
 .multi-filter-actions button,.filter-chip,.filter-chip:hover,.filter-close,
 .deal-price-row strong,.purchase-price strong,.playtime-card strong,
 .availability-status,.game-watch-section .watch-title>a,.watch-browse,
 .quick-verdict-section>p,.cheat-table-copy h3 a:hover,
 .gameplay-gallery-sources a:hover,.video-chooser-type,.coming,
 .pros-cons-category-icon,.wanted-note,.ebay-live-status strong,
 .ebay-deal-status strong,.multi-filter-option:has(input:checked),
 .multi-filter-actions button:last-child){color:var(--ink)!important}
html[data-theme="light"] :is(.video-chooser-close,.multi-filter-option,
 .multi-filter-actions button,.filter-chip,.filter-close,
 .finder-taste-tags span,.video-chooser-type,.wanted-note,
 .pros-cons-category-icon){background:var(--surface-alt);border-color:var(--line)}
html[data-theme="light"] :is(.price-confidence-badge.observed,
 .price-confidence-badge.uncertain,.price-confidence-badge.unavailable,
 .purchase-verification-warning,.purchase-verification-warning strong,
 .playtime-range-error,.finder-form-error){color:var(--danger)}
html[data-theme="light"] :is(.price-confidence-badge.observed,
 .playtime-card strong){color:var(--gold)}
html[data-theme="light"] .finder-replaced-note{color:var(--muted)!important}
html[data-theme="light"] .finder-result-primary{background:#245b83;color:#fff!important;border-color:#245b83}
html[data-theme="light"] .filter-close{background:var(--surface-alt);color:var(--ink)!important}
html[data-theme="light"] .game-watch-section .watch-title>a:hover{color:var(--link)!important}

/* Inline links, state badges and headings whose original styles do not inherit ink. */
html[data-theme="light"] :is(.breadcrumbs a:hover,.my-fc-card-copy h3 a:hover,
 .finder-result-head h3 a:hover,.tool-category-nav a:hover,
 .cheat-table-links .video-link,.purchase-advanced>summary,
 .watch-event-source,.watch-game-link,.filter-toggle:before,
 .game-availability-card.digital .availability-status,
 .game-availability-card.emulation .availability-status,
 .game-availability-card.preservation .availability-status,
 .finder-scope-fieldset legend,.finder-count-control,
 .support-home-card p,.finder-scope:has(input:checked) strong){
 color:var(--link)!important
}
html[data-theme="light"] .pros-cons-panel.pros h4,
html[data-theme="light"] .pros-cons-point.pro .pros-cons-mark{color:#146447!important}
html[data-theme="light"] .pros-cons-panel.cons h4,
html[data-theme="light"] .pros-cons-point.con .pros-cons-mark{color:#a02b49!important}
html[data-theme="light"] .pros-cons-point.neutral .pros-cons-mark{color:var(--muted)!important}
html[data-theme="light"] .finder-action-feedback.error{color:var(--danger)}
html[data-theme="light"] :is(.filter-toggle:before,.filter-close,.finder-result-head h3 a:hover){background:transparent}

html[data-theme="light"] :is(.my-fc-signin-panel>p,
 .my-fc-signin-panel .my-fc-message,.finder-scope-fieldset>p,
 .finder-priority-fieldset>p,.finder-replaced-note,
 .finder-platform-custom small,.finder-choice-fieldset>small,
 .finder-sale-only small,.finder-results-head p,
 .footer-brand p,.watch-event-source){color:var(--muted)!important}
html[data-theme="light"] .my-fc-signin-close{color:var(--ink)!important}
html[data-theme="light"] .my-fc-signin-close:hover{background:var(--surface-alt);color:var(--ink)!important}
