:root{--accent-text:#FF6B72;--bg-primary:#0B0D12;--bg-secondary:#11151D;--surface:#161A23;--surface-hover:#1D222D;--text-primary:#F5F5F5;--text-secondary:#969CA9;--border-color:rgba(255,255,255,.09);--accent-color:#E50914;--shadow-color:#000000;--on-artwork:#F5F5F5;--artwork-secondary:#D3D6DE;--on-accent:#FFFFFF;--header-background:rgba(11,13,18,.92);color-scheme:dark;--tone-0b0d12:#0B0D12;--tone-161a23:#161A23;--tone-1d222d:#1d222d;--tone-e50914:#E50914;--tone-f5f5f5:#F5F5F5;--tone-969ca9:#969ca9;--tone-fff:#fff;--tone-e5091425:#e5091425;--tone-ff1824:#ff1824;--tone-ffffff12:#ffffff12;--tone-ffffff25:#ffffff25;--tone-ffffff22:#ffffff22;--tone-73d5b0:#73d5b0;--tone-b3b7c1:#b3b7c1;--tone-0b0d12d9:#0b0d12d9;--tone-ffffff08:#ffffff08;--tone-c2c5cd:#c2c5cd;--tone-8d95a5:#8d95a5;--tone-ffffff0d:#ffffff0d;--tone-ffffff06:#ffffff06;--tone-ffffff40:#ffffff40;--tone-8c929f:#8c929f;--tone-ffffff21:#ffffff21;--tone-848b98:#848b98;--tone-e8c46d:#e8c46d;--tone-4a5765:#4a5765;--tone-252f3c:#252f3c;--tone-ffffff20:#ffffff20;--tone-7dccad:#7dccad;--tone-1a1e28:#1a1e28;--tone-ffffff18:#ffffff18;--tone-0008:#0008;--tone-0b0d12a0:#0b0d12a0;--tone-0b0d1240:#0b0d1240;--tone-0b0d12b0:#0b0d12b0;--tone-0b0d12dc:#0b0d12dc;--tone-dedee2:#dedee2;--tone-e5091470:#e5091470;--tone-bdc0c6:#bdc0c6;--tone-f1cb78:#f1cb78;--tone-6e737c:#6e737c;--tone-ffffff30:#ffffff30;--tone-bfc3cb:#bfc3cb;--tone-9298a3:#9298a3;--tone-ffffff03:#ffffff03;--tone-9ba1ad:#9bA1ad;--tone-e5091419:#e5091419;--tone-e5091455:#e5091455;--tone-ff6b72:#ff6b72;--tone-ffffff0a:#ffffff0a;--tone-0005:#0005;--tone-0b0d129c:#0b0d129c;--tone-ffffff15:#ffffff15;--tone-f1f1f1:#f1f1f1;--tone-07573fbd:#07573fbd;--tone-bcf8d8:#bcf8d8;--tone-0b0d1266:#0b0d1266;--tone-ff5a64:#ff5a64;--tone-e5091435:#e5091435;--tone-eeeeee:#eeeeee;--tone-000:#000;--tone-ff7a81:#ff7a81;--tone-888f9c:#888f9c;--tone-b8bdc7:#b8bdc7;--tone-e0ba6b:#e0ba6b;--tone-b2cfc5:#b2cfc5;--tone-111c21f5:#111c21f5;--tone-111c21d0:#111c21d0;--tone-111c2130:#111c2130;--tone-7f8694:#7f8694;--tone-ba8c8e:#ba8c8e;--tone-d4d6dc:#d4d6dc;--tone-06080e:#06080e;--tone-0b0d12ac:#0b0d12ac;--tone-c0c5d0:#c0c5d0;--tone-0b0d12:#0b0d12;--tone-a6adba:#a6adba;--tone-9ba0ac:#9ba0ac;--tone-acb2be:#acb2be;--tone-ffffff04:#ffffff04;--tone-969fad:#969fad;--tone-e5091410:#e5091410;--tone-e5091430:#e5091430;--tone-ff7a80:#ff7a80;--tone-828b9b:#828b9b;--tone-cba94912:#cba94912;--tone-e0bd6b:#e0bd6b;--tone-e0bd6b20:#e0bd6b20;--tone-a5aab7:#a5aab7;--tone-a97e37:#a97e37;--tone-f2d18c:#f2d18c;--tone-858d9b:#858d9b;--tone-737c8d:#737c8d;--tone-9aa1af:#9aA1af;--tone-626c7c:#626c7c;--tone-252c39:#252c39;--tone-000a:#000a;--tone-353f4f:#353f4f;--tone-b2a385:#b2a385;--tone-0b0d1200:#0b0d1200;--tone-0b0d12f5:#0b0d12f5;--tone-0b0d1270:#0b0d1270;--tone-111c21:#111c21;--tone-111c2100:#111c2100;--tone-a8adb8:#a8adb8;--tone-a8b0bd:#a8b0bd;--tone-6f7888:#6f7888;--tone-0b0d12f0:#0b0d12f0;--tone-0b0d1250:#0b0d1250;--tone-07090ef0:#07090ef0;--tone-07090e10:#07090e10;--tone-d3d6de:#d3d6de;--tone-10151dbd:#10151dbd;--tone-ffffff28:#ffffff28;--tone-ffffff09:#ffffff09;--tone-f5f5f5:#f5f5f5;--tone-34203655:#34203655;--tone-7f899e:#7f899e;--tone-ddd:#ddd;--tone-a28794:#a28794;--tone-a4acba:#a4acba;--tone-ffffff0e:#ffffff0e;--tone-ff6070:#ff6070;--tone-e50914:#e50914;}
:root[data-theme="light"]{--accent-text:#C90813;--bg-primary:#F5F6FA;--bg-secondary:#ECEEF4;--surface:#FFFFFF;--surface-hover:#E8EBF2;--text-primary:#202634;--text-secondary:#596477;--border-color:rgba(32,38,52,.14);--accent-color:#C90813;--shadow-color:#697386;--header-background:rgba(245,246,250,.94);color-scheme:light;--tone-f5f5f5:var(--text-primary);--tone-969ca9:var(--text-secondary);--tone-fff:var(--text-primary);--tone-ffffff12:rgba(32,38,52,0.071);--tone-ffffff25:rgba(32,38,52,0.145);--tone-ffffff22:rgba(32,38,52,0.133);--tone-b3b7c1:var(--text-secondary);--tone-ffffff08:rgba(32,38,52,0.031);--tone-c2c5cd:var(--text-secondary);--tone-8d95a5:var(--text-secondary);--tone-ffffff0d:rgba(32,38,52,0.051);--tone-ffffff06:rgba(32,38,52,0.024);--tone-ffffff40:rgba(32,38,52,0.251);--tone-8c929f:var(--text-secondary);--tone-ffffff21:rgba(32,38,52,0.129);--tone-848b98:var(--text-secondary);--tone-4a5765:var(--text-secondary);--tone-ffffff20:rgba(32,38,52,0.125);--tone-ffffff18:rgba(32,38,52,0.094);--tone-dedee2:var(--text-primary);--tone-bdc0c6:var(--text-secondary);--tone-6e737c:var(--text-secondary);--tone-ffffff30:rgba(32,38,52,0.188);--tone-bfc3cb:var(--text-secondary);--tone-9298a3:var(--text-secondary);--tone-ffffff03:rgba(32,38,52,0.012);--tone-9ba1ad:var(--text-secondary);--tone-ffffff0a:rgba(32,38,52,0.039);--tone-ffffff15:rgba(32,38,52,0.082);--tone-f1f1f1:var(--text-primary);--tone-eeeeee:var(--text-primary);--tone-888f9c:var(--text-secondary);--tone-b8bdc7:var(--text-secondary);--tone-b2cfc5:var(--text-secondary);--tone-7f8694:var(--text-secondary);--tone-ba8c8e:var(--text-secondary);--tone-d4d6dc:var(--text-primary);--tone-c0c5d0:var(--text-secondary);--tone-a6adba:var(--text-secondary);--tone-9ba0ac:var(--text-secondary);--tone-acb2be:var(--text-secondary);--tone-ffffff04:rgba(32,38,52,0.016);--tone-969fad:var(--text-secondary);--tone-828b9b:var(--text-secondary);--tone-a5aab7:var(--text-secondary);--tone-858d9b:var(--text-secondary);--tone-737c8d:var(--text-secondary);--tone-9aa1af:var(--text-secondary);--tone-626c7c:var(--text-secondary);--tone-b2a385:var(--text-secondary);--tone-a8adb8:var(--text-secondary);--tone-a8b0bd:var(--text-secondary);--tone-6f7888:var(--text-secondary);--tone-d3d6de:var(--text-primary);--tone-ffffff28:rgba(32,38,52,0.157);--tone-ffffff09:rgba(32,38,52,0.035);--tone-f5f5f5:var(--text-primary);--tone-7f899e:var(--text-secondary);--tone-ddd:var(--text-primary);--tone-a28794:var(--text-secondary);--tone-a4acba:var(--text-secondary);--tone-ffffff0e:rgba(32,38,52,0.055);}
/* Theme-aware surfaces. Text over cover artwork intentionally remains light. */
html,body{background:var(--bg-primary);color:var(--text-primary)}
.site-header{background:var(--header-background);border-color:var(--border-color)}
.search input,.category-pill,.tag-list a{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}
.search input:focus,.search-results,.profile-dialog,.progress-widget,.player{background:var(--surface)}
.search-result:hover,.search-result.active,.toolbar-button:hover{background:var(--surface-hover)}
.button-primary{color:var(--on-accent);background:var(--accent-color)}
.toast{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-color);box-shadow:0 12px 50px color-mix(in srgb,var(--shadow-color) 35%,transparent)}
.game-showcase .card-details,.game-showcase .card-details h3,.player-launch,.player-launch h2,.hero-content{color:var(--on-artwork)}
.game-showcase .card-details>div>span,.player-launch p,.player-launch small{color:var(--artwork-secondary)}
.game-showcase .card-details a:hover{color:var(--on-artwork)}
.game-cover .card-badge,.game-cover .quick-play,.game-cover .card-favorite,.resume-label,.continue-label{color:var(--on-artwork)}
.card-badge{background:rgba(11,13,18,.7)}.badge-new{background:#07573f;color:#ddffed}
.home-page .quick-play{background:rgba(11,13,18,.75)}
.home-page .game-card--featured .quick-play{background:var(--accent-color)}
.home-page .card-favorite{background:radial-gradient(circle,rgba(11,13,18,.72) 40%,transparent 44%)}
.category-pill.active,.tag-list .category-tag{color:var(--accent-text);background:color-mix(in srgb,var(--accent-color) 7%,transparent);border-color:color-mix(in srgb,var(--accent-color) 30%,transparent)}
.rating,.card-rating svg,.coin-medal,.balance,.progress-reward span{color:var(--reward-color,#d9b464)}
:root[data-theme="light"]{--reward-color:#8D650F}

.theme-control{margin:0;flex-shrink:0}
.theme-toggle{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border-color);color:var(--text-primary);transition:background .2s,transform .2s}
.theme-toggle:hover{background:var(--surface-hover);transform:translateY(-1px)}
.theme-icon--sun{display:none}
:root[data-theme="light"] .theme-icon--sun{display:block}
:root[data-theme="light"] .theme-icon--moon{display:none}
@media(max-width:699px){.header-inner{gap:7px}.balance{margin-left:auto}.profile-button,.menu-toggle{flex-shrink:0}.brand{font-size:16px}}
@media(max-width:399px){.header-inner .brand-symbol{display:none}}
@media(min-width:1100px) and (max-width:1399px){.header-inner{gap:15px}.desktop-nav{gap:17px;margin-left:10px}.search{width:195px}}

/* Keep the full wordmark readable while reserving room for header controls. */
.site-header .brand--image{width:clamp(120px,34vw,180px);min-width:0;flex-shrink:1;min-height:44px}
.site-footer .brand--image{width:220px;max-width:100%}
.brand-logo{display:block;width:100%;height:auto;object-fit:contain;border-radius:4px}
.brand-logo--light{display:none}
:root[data-theme="light"] .brand-logo--dark{display:none}
:root[data-theme="light"] .brand-logo--light{display:block;aspect-ratio:960/233}
@media(min-width:700px){.site-header .brand--image{width:220px;flex-shrink:0}}
@media(min-width:1100px) and (max-width:1399px){.site-header .brand--image{width:200px}.header-inner .search{min-width:120px;flex-shrink:1}}
@media(min-width:1400px){.site-header .brand--image{width:250px}}
