.theme-control{min-width:44px;min-height:44px;white-space:nowrap;flex:none}
html[data-text-scale="large"]{font-size:112.5%}
html[data-text-scale="extra_large"]{font-size:125%}
html[data-reduce-motion="true"] *,html[data-reduce-motion="true"] *::before,html[data-reduce-motion="true"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-theme="high_contrast"]{color-scheme:dark;--bg:#000;--panel:#000;--panel2:#000;--surface:#000;--surface-card:#000;--border:#fff;--line:#fff;--text:#fff;--muted:#fff;--accent:#ffe600;--accent-green:#ffe600}
html[data-theme="high_contrast"] body,html[data-theme="high_contrast"] :is(.card,.panel,.section,.topbar,.row){background:#000!important;color:#fff!important;border-color:#fff!important;backdrop-filter:none!important}
html[data-theme="high_contrast"] :is(input,select,textarea,button){border-color:#fff!important}
html[data-theme="high_contrast"] :focus-visible{outline:3px solid #ffe600!important;outline-offset:2px}
.theme-control .theme-label{margin-left:6px}
@media(max-width:640px){.theme-control{width:44px;padding:0!important}.theme-control .theme-label{display:none}}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f8fc;--bg-subtle:#fff;--panel:#fff;--panel2:#e8f0f8;
  --surface:#fff;--surface-card:#fff;--surface-hover:#e8f0f8;
  --border:#a8b9c9;--line:#b6c5d3;--line-strong:#8295a7;
  --text:#142536;--text-secondary:#31465b;--muted:#43596d;
  --accent:#075985;--accent-glow:rgba(7,89,133,.12);
  --good:#146b49;--warn:#825000;--accent-green:#146b49;
  --bg-app:#f5f8fc;--bg-card:#fff;--border-color:#a8b9c9;
  --text-main:#142536;--text-muted:#43596d;--accent-primary:#075985;
}
:root[data-theme="light"] .topbar{background:rgba(245,248,252,.95)}
:root[data-theme="light"] .mobile-dock{background:rgba(245,248,252,.97);border-color:var(--border);box-shadow:0 -8px 24px rgba(35,65,90,.1)}
:root[data-theme="light"] .mobile-dock .dock-tab{color:var(--muted)}
:root[data-theme="light"] .mobile-dock .dock-tab.active,
:root[data-theme="light"] .mobile-dock .dock-tab[aria-current="page"]{color:var(--accent);background:rgba(7,89,133,.1)}
:root[data-theme="light"] .empty{background:#ecf3f9;border-color:var(--border)}
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea,
:root[data-theme="light"] .row select,
:root[data-theme="light"] .row textarea,
:root[data-theme="light"] .library-filters input,
:root[data-theme="light"] .library-filters select,
:root[data-theme="light"] .library-row select{background:#fff;color:var(--text);border-color:var(--border)}
:root[data-theme="light"] .catalog-subnav a{color:var(--text);border-color:var(--border)}
:root[data-theme="light"] .button:not(.secondary),
:root[data-theme="light"] button.primary{color:#fff}
:root[data-theme="light"] .companion-chip-btn:hover{color:var(--text)}
:root[data-theme="light"] .steamdb-table th{color:var(--muted)}
:root[data-theme="light"] .steamdb-tr:hover td,
:root[data-theme="light"] .steamdb-table tr:hover td{background:rgba(7,89,133,.05)}
:root[data-theme="light"] .theme-control{background:var(--panel2);color:var(--text);border:1px solid var(--border)}
@media(max-width:820px){
  .catalog-subnav a,
  a.tag,
  a.source,
  a.meta,
  .meta a,
  .online-page .steamdb-game-cell a,
  #import-extension-download-link,
  #recovery{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
}
.steamdb-table .sort-header{min-width:44px;min-height:44px;padding:4px;background:transparent;border:0;color:inherit;font:inherit;font-weight:inherit;text-align:inherit;cursor:pointer}
.steamdb-table .sort-header:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}