/* ==========================================================
   GLOBAL.CSS - Shared Styles for ALL Pages
========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');

/* ----- BASE VARIABLES (DEFAULT) ----- */
:root {
    --background: #080a0f;
    --panel: #10131b;
    --panel-light: #151922;
    --border: rgba(255,255,255,.08);
    --text: #f4f5f7;
    --muted: #a5abbd;
    --gold: #f2c14e;
    --gold-light: #ffe39a;
    --silver: #cbd0d9;
    --bronze: #c68a63;
    --green: #59d48a;
    --red: #ef6b73;
    --purple: #9b7cff;
    --player: #62c8ff;
    --transition-speed: 0.3s;
}

/* ----- LIGHT THEME OVERRIDES ----- */
body.light-theme {
    --background: #f0f2f5;
    --panel: #ffffff;
    --panel-light: #f7f8fa;
    --border: rgba(0,0,0,.12);
    --text: #1a1a2e;
    --muted: #555555;
    --gold: #c49b1f;
    --gold-light: #d4a017;
    --silver: #a0a8b0;
    --bronze: #a07050;
    --green: #2e7d5a;
    --red: #b33a2e;
    --purple: #6a4ea7;
    --player: #1a5fc7;
}
body.light-theme .panel,
body.light-theme .stat-card,
body.light-theme .achievement,
body.light-theme .activity-row,
body.light-theme .rank-row,
body.light-theme .podium-card,
body.light-theme .chart-card,
body.light-theme .performance-card,
body.light-theme .login-legend,
body.light-theme .today-pulse,
body.light-theme .domain-expertise,
body.light-theme .player-hero,
body.light-theme .leaderboard-table,
body.light-theme .content-section,
body.light-theme .seo-section {
    color: var(--text);
}
body.light-theme p,
body.light-theme .panel p,
body.light-theme .content-section p,
body.light-theme .about-text p,
body.light-theme .seo-text p,
body.light-theme .brain-panel p,
body.light-theme .classification p,
body.light-theme .login-main p,
body.light-theme .panel-intro,
body.light-theme .section-intro,
body.light-theme .hero-description,
body.light-theme .hero-bio,
body.light-theme .player-motto,
body.light-theme .activity-question,
body.light-theme .rank-row span:not(.player-colour),
body.light-theme .table-value,
body.light-theme .chart-axis-label,
body.light-theme .chart-labels,
body.light-theme .breadcrumbs,
body.light-theme .seo-section p,
body.light-theme .footer-brand span,
body.light-theme .footer-copyright,
body.light-theme .footer-updated {
    color: #1a1a2e !important;
}
body.light-theme .muted,
body.light-theme .player-meta,
body.light-theme .activity-time,
body.light-theme .rank-row small,
body.light-theme .stat-card span,
body.light-theme .achievement-progress-label,
body.light-theme .period-description-compact,
body.light-theme .advert-rail-title,
body.light-theme .login-badge span,
body.light-theme .login-label,
body.light-theme .podium-meta,
body.light-theme .activity-answer span,
body.light-theme .hero-rank small,
body.light-theme .brain-stat span,
body.light-theme .chart-summary span {
    color: #444 !important;
}
body.light-theme h1, body.light-theme h2, body.light-theme h3,
body.light-theme strong, body.light-theme b,
body.light-theme .section-heading h2,
body.light-theme .classification h3,
body.light-theme .login-main strong,
body.light-theme .stat-card strong,
body.light-theme .performance-card strong,
body.light-theme .hero-rank strong,
body.light-theme .brain-stat strong,
body.light-theme .chart-summary strong {
    color: #1a1a2e !important;
}
body.light-theme .gold,
body.light-theme .gold-text,
body.light-theme .eyebrow,
body.light-theme .player-title,
body.light-theme .period-tab.active,
body.light-theme .activity-category,
body.light-theme .score,
body.light-theme .rank-row strong.score,
body.light-theme .podium-score,
body.light-theme .chart-summary strong,
body.light-theme .brain-stat strong {
    color: #c49b1f !important;
}
body.light-theme .player-colour,
body.light-theme #playerName,
body.light-theme .player-name {
    color: #1a5fc7 !important;
}
body.light-theme a:not(.brand):not(.player-colour) {
    color: #1a5fc7;
}
body.light-theme a:not(.brand):not(.player-colour):hover {
    color: #0d47a1;
}
body.light-theme .rank-row .player-name {
    color: #1a5fc7 !important;
}
body.light-theme .rank-row .player-name:hover {
    color: #c49b1f !important;
}
body.light-theme .table-header {
    color: #444 !important;
}
body.light-theme .rank-number {
    color: #555 !important;
}
body.light-theme .podium-card .podium-name {
    color: #1a5fc7 !important;
}
body.light-theme .podium-card .podium-name:hover {
    color: #c49b1f !important;
}
body.light-theme .stat-card span {
    color: #444 !important;
}
body.light-theme .stat-card small {
    color: #555 !important;
}
body.light-theme .category-chip {
    color: #1a1a2e !important;
    background: rgba(0,0,0,.05) !important;
    border-color: rgba(0,0,0,.1) !important;
}
body.light-theme .category-chip span {
    color: #555 !important;
}
body.light-theme .player-search-form input[type="text"] {
    background: #fff !important;
    border-color: rgba(0,0,0,.12) !important;
    color: #1a1a2e !important;
}
body.light-theme .player-search-form input[type="text"]:focus {
    border-color: #c49b1f !important;
}
body.light-theme .player-search-form button {
    background: #c49b1f !important;
    color: #fff !important;
}
body.light-theme .player-search-form button:hover {
    background: #d4a017 !important;
}
body.light-theme .clear-search {
    color: #555 !important;
    border-color: rgba(0,0,0,.1) !important;
}
body.light-theme .clear-search:hover {
    color: #1a1a2e !important;
    border-color: rgba(0,0,0,.2) !important;
}
body.light-theme .autocomplete-dropdown {
    background: #fff !important;
    border-color: rgba(0,0,0,.12) !important;
}
body.light-theme .autocomplete-dropdown .dropdown-item {
    color: #1a1a2e !important;
    border-bottom: 1px solid rgba(0,0,0,.04) !important;
}
body.light-theme .autocomplete-dropdown .dropdown-item:hover,
body.light-theme .autocomplete-dropdown .dropdown-item.active {
    background: rgba(196,155,31,.08) !important;
    color: #c49b1f !important;
}
body.light-theme .autocomplete-dropdown .no-results {
    color: #555 !important;
}
body.light-theme .period-tab {
    color: #777 !important;
}
body.light-theme .period-tab:hover {
    color: #1a1a2e !important;
}
body.light-theme .period-tab.active {
    color: #c49b1f !important;
    background: rgba(196,155,31,.06) !important;
}
body.light-theme .period-tab.active::after {
    background: #c49b1f !important;
}
body.light-theme .rank-tab {
    color: #777 !important;
}
body.light-theme .rank-tab:hover {
    color: #1a1a2e !important;
}
body.light-theme .rank-tab.active {
    color: #c49b1f !important;
    background: rgba(196,155,31,.1) !important;
}
body.light-theme .pagination-controls .page-btn {
    background: #fff !important;
    border-color: rgba(0,0,0,.12) !important;
    color: #555 !important;
}
body.light-theme .pagination-controls .page-btn:hover:not(:disabled) {
    color: #1a1a2e !important;
    border-color: rgba(196,155,31,.3) !important;
    background: rgba(196,155,31,.05) !important;
}
body.light-theme .pagination-controls .page-info {
    color: #555 !important;
}
body.light-theme .activity-question {
    color: #1a1a2e !important;
}
body.light-theme .activity-category {
    color: #c49b1f !important;
}
body.light-theme .activity-answer strong {
    color: #1a5fc7 !important;
}
body.light-theme .footer-brand strong {
    color: #1a1a2e !important;
}
body.light-theme .footer-brand span {
    color: #555 !important;
}
body.light-theme .footer-affiliates a {
    color: #1a1a2e !important;
    background: rgba(0,0,0,.04) !important;
}
body.light-theme .footer-affiliates a:hover {
    color: #fff !important;
}
body.light-theme .brain-panel {
    background: #fff !important;
    border-color: rgba(106,78,167,.15) !important;
}
body.light-theme .brain-panel p {
    color: #1a1a2e !important;
}
body.light-theme .hero-stats div {
    background: #f7f8fa !important;
    border-color: rgba(0,0,0,.08) !important;
}
body.light-theme .hero-stats span {
    color: #555 !important;
}
body.light-theme .hero-stats strong {
    color: #1a1a2e !important;
}
body.light-theme .hero-rank {
    color: #555 !important;
}
body.light-theme .hero-rank strong {
    color: #c49b1f !important;
}
body.light-theme .hero-rank small {
    color: #555 !important;
}
body.light-theme .active-status {
    color: #2e7d5a !important;
}
body.light-theme .active-status span {
    background: #2e7d5a !important;
}
body.light-theme .live-indicator {
    color: #2e7d5a !important;
    border-color: rgba(46,125,90,.16) !important;
}
body.light-theme .live-indicator span {
    background: #2e7d5a !important;
}
body.light-theme .view-more-btn {
    color: #555 !important;
    border-color: rgba(0,0,0,.1) !important;
}
body.light-theme .view-more-btn:hover {
    color: #c49b1f !important;
    border-color: rgba(196,155,31,.3) !important;
}
body.light-theme .chart-labels {
    color: #555 !important;
}
body.light-theme .chart-summary span {
    color: #555 !important;
}
body.light-theme .chart-axis-label {
    fill: #555 !important;
}
body.light-theme .chart-grid {
    stroke: rgba(0,0,0,.08) !important;
}
body.light-theme .classification-label {
    color: #6a4ea7 !important;
}
body.light-theme .seo-text {
    color: #1a1a2e !important;
}
body,
body * {
    transition: background-color var(--transition-speed) ease,
                color var(--transition-speed) ease,
                border-color var(--transition-speed) ease,
                box-shadow var(--transition-speed) ease;
}

/* ----- RESET & BASE ----- */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background:
        radial-gradient(circle at 50% -10%, rgba(92,120,255,.14), transparent 35%),
        radial-gradient(circle at 100% 50%, rgba(155,124,255,.06), transparent 30%),
        var(--background);
    color: var(--text);
    font-family: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
a { color: inherit; }

/* ----- PAGE WRAPPER ----- */
.site { width: min(1250px, calc(100% - 60px)); margin: auto; }
.page { width: min(1450px, calc(100% - 60px)); margin: 0 auto; }

/* ----- HEADER ----- */
.site-header {
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--border);
}
.brand {
    display: flex;
    align-items: center;
    gap: 13px;
    text-decoration: none;
    min-width: 0;
}
.brand-logo {
    width: 150px;
    height: 80px;
    display: block;
    flex-shrink: 0;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(98,200,255,.12)) drop-shadow(0 0 10px rgba(155,124,255,.08));
    transition: transform .2s ease, filter .2s ease;
}
.brand:hover .brand-logo {
    transform: scale(1.04);
    filter: drop-shadow(0 0 11px rgba(98,200,255,.24)) drop-shadow(0 0 15px rgba(155,124,255,.18));
}
.brand-text { min-width: 0; }
.brand-name {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 800;
    letter-spacing: 1.5px;
    white-space: nowrap;
}
.brand-subtitle {
    margin-top: 2px;
    color: var(--muted);
    font-size: 13px;      /* was 9px */
    letter-spacing: 1px;  /* adjusted for readability */
    white-space: nowrap;
}
.header-right {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.brain-circus {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--muted);
    font-size: 13px;      /* was 12px */
}
.brain-circus strong {
    color: var(--gold-light);
    cursor: help;
    border-bottom: 1px dotted rgba(242,193,78,.3);
}
.brain-status {
    width: 7px;
    height: 7px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 10px rgba(89,212,138,.8);
    animation: pulse 1.8s ease-in-out infinite;
}
.theme-selector-wrapper {
    display: flex;
    align-items: center;
    gap: 4px;
}
.theme-selector-label {
    font-size: 16px;
    line-height: 1;
    color: var(--muted);
    cursor: pointer;
}
.theme-selector {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 6px;
    padding: 3px 6px;
    color: var(--text);
    font-size: 13px;      /* was 11px */
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    outline: none;
    transition: border-color .2s ease;
}
.theme-selector:hover,
.theme-selector:focus {
    border-color: var(--gold);
}
.theme-toggle {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 30px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    color: var(--muted);
    transition: all .2s ease;
    font-family: inherit;
}
.theme-toggle:hover {
    border-color: var(--gold);
    color: var(--gold-light);
}
.theme-toggle .icon-sun,
.theme-toggle .icon-moon {
    display: inline-block;
    width: 20px;
    text-align: center;
}
body.light-theme .theme-toggle .icon-sun { color: var(--gold); }
body:not(.light-theme) .theme-toggle .icon-moon { color: var(--gold-light); }
.theme-toggle .toggle-label {
    font-size: 13px;      /* was 9px */
    font-weight: 700;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    color: var(--muted);
}

/* ----- MAIN NAV ----- */
.main-nav {
    display: flex;
    justify-content: center;
    padding: 12px 0;
    margin-top: 2px;
    border-bottom: 1px solid var(--border);
    background: var(--panel-light);
    border-radius: 0 0 8px 8px;
}
.main-nav ul {
    display: flex;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
}
.main-nav ul li a {
    display: block;
    padding: 8px 18px;
    border-radius: 6px;
    color: var(--muted);
    font-size: 13px;      /* was 11px */
    font-weight: 700;
    letter-spacing: 0.5px; /* reduced from 0.8px for readability */
    text-decoration: none;
    transition: all .2s ease;
    white-space: nowrap;
}
.main-nav ul li a:hover {
    color: white;
    background: rgba(255,255,255,.05);
}
.main-nav ul li a.active {
    color: var(--gold-light);
    background: rgba(242,193,78,.1);
    box-shadow: inset 0 -2px 0 var(--gold);
}

/* ----- PULSE ANIMATION ----- */
@keyframes pulse {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.85); }
    100% { opacity: 1; transform: scale(1); }
}

/* ----- BREADCRUMBS ----- */
.breadcrumbs {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 30px;
    color: var(--muted);
    font-size: 13px;      /* was 10px */
}
.breadcrumbs a { text-decoration: none; }
.breadcrumbs a:hover { color: white; }

/* ----- LAYOUT ----- */
.page-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 30px;
    align-items: start;
}
main { min-width: 0; }

/* ----- AD RAIL ----- */
.advert-rail {
    position: sticky;
    top: 25px;
    padding-top: 78px;
}
.advert-rail-title {
    margin-bottom: 10px;
    color: #555b68;
    text-align: center;
    font-size: 13px;      /* was 8px */
    font-weight: 700;
    letter-spacing: 0.8px; /* adjusted */
}
.advert-box {
    min-height: 250px;
    display: grid;
    place-items: center;
    margin-bottom: 20px;
    border: 1px dashed rgba(255,255,255,.08);
    border-radius: 8px;
    background: rgba(255,255,255,.01);
    color: #454b58;
    font-size: 13px;      /* was 9px */
}
.advert-box span { opacity: .7; }

/* ----- SHARED SECTIONS ----- */
.content-section { margin-top: 70px; }
.section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}
.section-heading h2 {
    margin: 5px 0 0;
    font: 700 27px "Space Grotesk";
}
.eyebrow {
    color: var(--gold);
    font-size: 13px;      /* was 10px */
    font-weight: 700;
    letter-spacing: 1.5px; /* reduced from 3px */
}
.section-intro {
    margin-top: -5px;
    color: var(--muted);
    font-size: 13px;      /* was 11px */
    font-weight: 500;
}

/* ----- FOOTER ----- */
footer {
    margin-top: 80px;
    padding: 30px 0 20px 0;
    border-top: 1px solid var(--border);
    color: var(--muted);
    font-size: 13px;      /* was 10px */
}
.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border);
}
.footer-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.footer-brand strong {
    color: #bfc3cd;
    letter-spacing: 1px;
    font-weight: 700;
}
.footer-brand span {
    color: var(--muted);
    font-size: 13px;      /* was 10px */
}
.footer-affiliates {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.footer-affiliates .affiliate-label {
    color: var(--gold-light);
    font-size: 13px;      /* was 12px */
    font-weight: 700;
    letter-spacing: 0.3px;
}
.footer-affiliates a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;      /* was 12px */
    font-weight: 700;
    padding: 5px 16px;
    border: none;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(242,193,78,.25), rgba(242,193,78,.05));
    box-shadow: 0 2px 15px rgba(242,193,78,.08);
    transition: all .4s ease;
    white-space: nowrap;
    position: relative;
}
.footer-affiliates a:hover {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #f2c14e, #ff6b6b, #9b7cff, #59d48a);
    background-size: 300% 300%;
    animation: gradientShift 2s ease infinite;
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 4px 30px rgba(242,193,78,.25);
}
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 16px;
}
.footer-copyright {
    color: var(--muted);
    font-size: 13px;      /* was 9px */
}
.footer-copyright a {
    color: var(--muted);
    text-decoration: none;
}
.footer-copyright a:hover {
    color: var(--gold-light);
}
.footer-credit { opacity: 0.5; }
.footer-updated {
    color: var(--muted);
    font-size: 13px;      /* was 9px */
    opacity: 0.6;
}

/* ----- RESPONSIVE (abbreviated for brevity) ----- */
@media (max-width: 1100px) {
    .site, .page { width: min(100% - 40px, 1250px); }
    .brand-logo { width: 120px; height: 64px; }
    .page-layout { grid-template-columns: 1fr; }
    .advert-rail {
        position: static;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        padding-top: 0;
        order: 2;
    }
    .advert-rail-title { grid-column: 1 / -1; margin-bottom: -4px; }
    .advert-box { min-height: 150px; margin-bottom: 0; }
}
@media (max-width: 850px) {
    .site, .page { width: calc(100% - 30px); }
    .brain-circus { display: none; }
    .main-nav ul {
        gap: 2px;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: flex-start;
        padding: 0 10px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .main-nav ul::-webkit-scrollbar { display: none; }
    .main-nav ul li a { padding: 6px 12px; font-size: 13px; white-space: nowrap; } /* was 9px */
}
@media (max-width: 700px) {
    .brand-logo { width: 80px; height: 48px; }
    .brand-name { font-size: 13px; }
    .advert-rail { grid-template-columns: repeat(2, 1fr); }
    .footer-top { flex-direction: column; align-items: flex-start; gap: 12px; }
    .footer-affiliates { gap: 8px; }
    .footer-affiliates a { font-size: 13px; padding: 3px 12px; }
    .footer-affiliates .affiliate-label { font-size: 13px; }
    .footer-bottom { flex-direction: column; align-items: flex-start; gap: 6px; }
    .theme-toggle .toggle-label { display: none; }
    .theme-selector-wrapper { flex-direction: row; }
    .theme-selector { font-size: 13px; padding: 2px 4px; max-width: 100px; }
    .theme-selector-label { font-size: 14px; }
}
@media (max-width: 600px) {
    .brand-logo { width: 48px; height: 48px; }
    .brand-name { font-size: 13px; }
    .brand-subtitle { font-size: 13px; letter-spacing: 0.8px; }
    .advert-rail { grid-template-columns: 1fr; }
    .advert-rail-title { grid-column: auto; }
    .advert-box { min-height: 120px; }
    footer { flex-direction: column; gap: 8px; }
}
@media (max-width: 450px) {
    .site, .page { width: calc(100% - 20px); }
    .site-header { height: 75px; }
    .brand-logo { width: 60px; height: 36px; }
    .brand-name { font-size: 13px; }
    .brand-subtitle { font-size: 13px; }
    .footer-affiliates a { font-size: 13px; padding: 2px 10px; }
    .footer-affiliates .affiliate-label { font-size: 13px; display: block; width: 100%; }
}

/* ----- LEGIBILITY FIXES ----- */
/* Removed the !important overrides that forced small sizes */
/* Now we rely on the actual font-size values we set above */
.breadcrumbs,
.hero-stats span,
.ranking-note,
.period-description,
.brand-subtitle,
.eyebrow,
.live-indicator,
.active-status,
.rank-row small,
.achievement-progress-label,
.chart-axis-label,
.chart-labels,
.brain-stat span,
.brain-panel p,
.seo-section p,
footer,
.panel-intro,
.section-intro,
.activity-answer span,
.login-badge span,
.advert-rail-title,
.advert-box,
.footer-copyright,
.footer-updated {
    font-weight: 600 !important;
}
/* We removed the forced font-size: 9px !important etc. */

/* ----- ESTIMATE BADGES ----- */
.estimate-badge-small {
    display: inline-block;
    padding: 0 6px;
    border-radius: 10px;
    background: rgba(242,193,78,.08);
    color: var(--gold-light);
    font-size: 13px;      /* was 7px */
    font-weight: 700;
    letter-spacing: 0.3px;
    vertical-align: middle;
    margin-left: 4px;
    border: 1px solid rgba(242,193,78,.1);
}
.estimate-badge-small:hover {
    background: rgba(242,193,78,.15);
}
.footnote {
    color: var(--muted);
    font-size: 13px;      /* was 10px */
    opacity: 0.7;
    margin-top: 4px;
}

/* ==========================================================
   THEMES – FULLY SCOPED WITH !important (UNCHANGED)
========================================================== */

/* ----- DEFAULT (no extra class needed) ----- */

/* ----- 1. RETRO ARCADE ----- */
body.theme-retro {
    --background: #0a0e1a !important;
    --panel: #12162a !important;
    --panel-light: #1a1f36 !important;
    --border: rgba(0,240,255,.25) !important;
    --text: #e6f1ff !important;
    --muted: #8892b0 !important;
    --gold: #ff2d95 !important;
    --gold-light: #ff6bb5 !important;
    --silver: #8892b0 !important;
    --bronze: #b967ff !important;
    --green: #b967ff !important;
    --red: #ff2d95 !important;
    --purple: #00f0ff !important;
    --player: #00f0ff !important;
}
body.light-theme.theme-retro {
    --background: #f0f2ff !important;
    --panel: #ffffff !important;
    --panel-light: #f5f7ff !important;
    --border: rgba(0,0,0,.12) !important;
    --text: #1a1a2e !important;
    --muted: #555 !important;
    --gold: #d41b6a !important;
    --gold-light: #e64a8a !important;
    --silver: #888 !important;
    --bronze: #9b4dff !important;
    --green: #9b4dff !important;
    --red: #d41b6a !important;
    --purple: #0088cc !important;
    --player: #0088cc !important;
}
.theme-retro .panel,
.theme-retro .stat-card,
.theme-retro .achievement,
.theme-retro .activity-row,
.theme-retro .rank-row,
.theme-retro .podium-card,
.theme-retro .chart-card,
.theme-retro .performance-card,
.theme-retro .domain-expertise,
.theme-retro .player-hero,
.theme-retro .leaderboard-table,
.theme-retro .content-section,
.theme-retro .seo-section,
.theme-retro .brain-panel,
.theme-retro .mock-banner {
    border: 1px solid var(--border) !important;
    box-shadow: 0 0 20px rgba(0,240,255,.08), inset 0 0 20px rgba(0,240,255,.02) !important;
    border-radius: 12px !important;
    background: var(--panel) !important;
}
.theme-retro .compare-profile-btn,
.theme-retro .period-button.active,
.theme-retro .rank-tab.active,
.theme-retro .period-tab.active,
.theme-retro .player-search-form button,
.theme-retro .podium-card.first {
    border-color: var(--gold) !important;
    box-shadow: 0 0 20px rgba(255,45,149,.2) !important;
}
.theme-retro .podium-card.first {
    background: radial-gradient(circle at 50% 15%, rgba(255,45,149,.15), transparent 45%), var(--panel) !important;
}
.theme-retro .brand-name,
.theme-retro h1,
.theme-retro h2,
.theme-retro h3 {
    font-family: "Press Start 2P", "Space Grotesk", monospace !important;
}
.theme-retro .theme-toggle:hover,
.theme-retro .compare-profile-btn:hover {
    box-shadow: 0 0 30px rgba(255,45,149,.3) !important;
}

/* ----- 2. WARM COZY ----- */
body.theme-cozy {
    --background: #1a1410 !important;
    --panel: #281f1a !important;
    --panel-light: #332824 !important;
    --border: rgba(212,163,115,.25) !important;
    --text: #f5e6d3 !important;
    --muted: #b8a99a !important;
    --gold: #d4a373 !important;
    --gold-light: #e9c46a !important;
    --silver: #b8a99a !important;
    --bronze: #8b6f5c !important;
    --green: #b8a99a !important;
    --red: #c45a3c !important;
    --purple: #8b6f5c !important;
    --player: #e9c46a !important;
}
body.light-theme.theme-cozy {
    --background: #f5efe6 !important;
    --panel: #ffffff !important;
    --panel-light: #faf6f0 !important;
    --border: rgba(0,0,0,.1) !important;
    --text: #2c221c !important;
    --muted: #6b5e52 !important;
    --gold: #b8860b !important;
    --gold-light: #d4a017 !important;
    --silver: #888 !important;
    --bronze: #8b6f5c !important;
    --green: #2e7d5a !important;
    --red: #c45a3c !important;
    --purple: #6a4ea7 !important;
    --player: #b8860b !important;
}
.theme-cozy .panel,
.theme-cozy .stat-card,
.theme-cozy .achievement,
.theme-cozy .activity-row,
.theme-cozy .rank-row,
.theme-cozy .podium-card,
.theme-cozy .chart-card,
.theme-cozy .performance-card,
.theme-cozy .domain-expertise,
.theme-cozy .player-hero,
.theme-cozy .leaderboard-table,
.theme-cozy .content-section,
.theme-cozy .seo-section,
.theme-cozy .brain-panel {
    background: linear-gradient(145deg, var(--panel), #2a201b) !important;
    border: 1px solid var(--border) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.4) !important;
    border-radius: 12px !important;
}
.theme-cozy h1,
.theme-cozy h2,
.theme-cozy h3,
.theme-cozy .brand-name {
    font-family: "Playfair Display", "Space Grotesk", serif !important;
}
.theme-cozy .compare-profile-btn,
.theme-cozy .period-button.active,
.theme-cozy .rank-tab.active,
.theme-cozy .period-tab.active,
.theme-cozy .player-search-form button {
    background: var(--gold) !important;
    color: #1a1410 !important;
    border-color: var(--gold) !important;
}
.theme-cozy .compare-profile-btn:hover,
.theme-cozy .player-search-form button:hover {
    background: var(--gold-light) !important;
    color: #1a1410 !important;
}
.theme-cozy .podium-card.first {
    background: radial-gradient(circle at 50% 15%, rgba(212,163,115,.15), transparent 45%), var(--panel) !important;
}

/* ----- 3. MINIMALIST ----- */
body.theme-minimal {
    --background: #f8f9fa !important;
    --panel: #ffffff !important;
    --panel-light: #f1f3f5 !important;
    --border: rgba(0,0,0,.08) !important;
    --text: #1a1a2e !important;
    --muted: #6c757d !important;
    --gold: #b8860b !important;
    --gold-light: #d4a017 !important;
    --silver: #adb5bd !important;
    --bronze: #8b6f5c !important;
    --green: #2e7d5a !important;
    --red: #b33a2e !important;
    --purple: #6a4ea7 !important;
    --player: #2a4b7c !important;
}
body:not(.light-theme).theme-minimal {
    --background: #111 !important;
    --panel: #1a1a1a !important;
    --panel-light: #222 !important;
    --border: rgba(255,255,255,.08) !important;
    --text: #e0e0e0 !important;
    --muted: #888 !important;
    --gold: #d4a017 !important;
    --gold-light: #e6b85c !important;
    --silver: #888 !important;
    --bronze: #8b6f5c !important;
    --green: #59d48a !important;
    --red: #ef6b73 !important;
    --purple: #9b7cff !important;
    --player: #64b5f6 !important;
}
.theme-minimal .panel,
.theme-minimal .stat-card,
.theme-minimal .achievement,
.theme-minimal .activity-row,
.theme-minimal .rank-row,
.theme-minimal .podium-card,
.theme-minimal .chart-card,
.theme-minimal .performance-card,
.theme-minimal .domain-expertise,
.theme-minimal .player-hero,
.theme-minimal .leaderboard-table,
.theme-minimal .content-section,
.theme-minimal .seo-section,
.theme-minimal .brain-panel,
.theme-minimal .mock-banner {
    border: none !important;
    background: var(--panel) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
    border-radius: 8px !important;
}
.theme-minimal .compare-profile-btn,
.theme-minimal .period-button.active,
.theme-minimal .rank-tab.active,
.theme-minimal .period-tab.active {
    border: 1px solid var(--gold) !important;
    background: transparent !important;
    color: var(--gold) !important;
}
.theme-minimal .compare-profile-btn:hover,
.theme-minimal .player-search-form button {
    background: var(--gold) !important;
    color: #fff !important;
    border-color: var(--gold) !important;
}
.theme-minimal .player-search-form button {
    background: var(--gold) !important;
    color: #fff !important;
}
.theme-minimal .player-search-form button:hover {
    background: var(--gold-light) !important;
}
.theme-minimal .podium-card.first {
    background: radial-gradient(circle at 50% 15%, rgba(184,134,11,.08), transparent 45%), var(--panel) !important;
}
.theme-minimal .theme-toggle {
    border: 1px solid var(--border) !important;
}

/* ----- 4. HAND‑DRAWN (original) ----- */
body.theme-handdrawn {
    --background: #f5efe6 !important;
    --panel: #ece4d9 !important;
    --panel-light: #f5efe6 !important;
    --border: #b5654b !important;
    --text: #2c221c !important;
    --muted: #7a6b5e !important;
    --gold: #e6b85c !important;
    --gold-light: #d4a373 !important;
    --silver: #7a6b5e !important;
    --bronze: #b5654b !important;
    --green: #86a789 !important;
    --red: #b5654b !important;
    --purple: #86a789 !important;
    --player: #86a789 !important;
}
body:not(.light-theme).theme-handdrawn {
    --background: #1a1614 !important;
    --panel: #2a2420 !important;
    --panel-light: #332c26 !important;
    --border: #7a6b5e !important;
    --text: #f5efe6 !important;
    --muted: #b8a99a !important;
    --gold: #e6b85c !important;
    --gold-light: #d4a373 !important;
    --silver: #b8a99a !important;
    --bronze: #8b6f5c !important;
    --green: #86a789 !important;
    --red: #b5654b !important;
    --purple: #86a789 !important;
    --player: #86a789 !important;
}
.theme-handdrawn .panel,
.theme-handdrawn .stat-card,
.theme-handdrawn .achievement,
.theme-handdrawn .activity-row,
.theme-handdrawn .rank-row,
.theme-handdrawn .podium-card,
.theme-handdrawn .chart-card,
.theme-handdrawn .performance-card,
.theme-handdrawn .domain-expertise,
.theme-handdrawn .player-hero,
.theme-handdrawn .leaderboard-table,
.theme-handdrawn .content-section,
.theme-handdrawn .seo-section,
.theme-handdrawn .brain-panel,
.theme-handdrawn .mock-banner {
    border: 2px dashed var(--border) !important;
    background: var(--panel) !important;
    border-radius: 20px 8px 20px 8px !important;
    box-shadow: 4px 4px 0 rgba(0,0,0,.05) !important;
}
.theme-handdrawn h1,
.theme-handdrawn h2,
.theme-handdrawn h3,
.theme-handdrawn .brand-name,
.theme-handdrawn .podium-name,
.theme-handdrawn .player-name {
    font-family: "Patrick Hand", "Space Grotesk", cursive !important;
}
.theme-handdrawn .compare-profile-btn,
.theme-handdrawn .period-button.active,
.theme-handdrawn .rank-tab.active,
.theme-handdrawn .period-tab.active {
    border: 2px dashed var(--gold) !important;
    background: transparent !important;
    color: var(--gold) !important;
    transform: rotate(-0.5deg) !important;
}
.theme-handdrawn .compare-profile-btn:hover,
.theme-handdrawn .player-search-form button {
    transform: rotate(0.5deg) scale(1.02) !important;
    background: rgba(230,184,92,.1) !important;
    border-color: var(--gold-light) !important;
}
.theme-handdrawn .player-search-form button {
    background: var(--gold) !important;
    color: #1a1614 !important;
    border: 2px dashed var(--gold) !important;
}
.theme-handdrawn .player-search-form button:hover {
    background: var(--gold-light) !important;
}
.theme-handdrawn .podium-card.first {
    background: radial-gradient(circle at 50% 15%, rgba(230,184,92,.15), transparent 45%), var(--panel) !important;
}
.theme-handdrawn .theme-toggle {
    border: 2px dashed var(--border) !important;
}

/* ----- 5. BRUTALIST ----- */
body.theme-brutalist {
    --background: #111 !important;
    --panel: #1a1a1a !important;
    --panel-light: #222 !important;
    --border: #fff !important;
    --text: #eee !important;
    --muted: #aaa !important;
    --gold: #ffcc00 !important;
    --gold-light: #ffdd44 !important;
    --silver: #aaa !important;
    --bronze: #cc8844 !important;
    --green: #66ff66 !important;
    --red: #ff4444 !important;
    --purple: #cc88ff !important;
    --player: #66ccff !important;
}
body.light-theme.theme-brutalist {
    --background: #f0f0f0 !important;
    --panel: #fff !important;
    --panel-light: #e8e8e8 !important;
    --border: #000 !important;
    --text: #111 !important;
    --muted: #555 !important;
    --gold: #cc9900 !important;
    --gold-light: #ddbb33 !important;
    --silver: #888 !important;
    --bronze: #aa7744 !important;
    --green: #22aa44 !important;
    --red: #cc3333 !important;
    --purple: #8844bb !important;
    --player: #2266cc !important;
}
.theme-brutalist .panel,
.theme-brutalist .stat-card,
.theme-brutalist .achievement,
.theme-brutalist .activity-row,
.theme-brutalist .rank-row,
.theme-brutalist .podium-card,
.theme-brutalist .chart-card,
.theme-brutalist .performance-card,
.theme-brutalist .domain-expertise,
.theme-brutalist .player-hero,
.theme-brutalist .leaderboard-table,
.theme-brutalist .content-section,
.theme-brutalist .seo-section,
.theme-brutalist .brain-panel,
.theme-brutalist .mock-banner {
    border: 3px solid var(--border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--panel) !important;
}
.theme-brutalist h1, .theme-brutalist h2, .theme-brutalist h3,
.theme-brutalist .brand-name,
.theme-brutalist .podium-name,
.theme-brutalist .player-name {
    font-family: "Arial Black", "Impact", sans-serif !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}
.theme-brutalist .compare-profile-btn,
.theme-brutalist .period-button.active,
.theme-brutalist .rank-tab.active,
.theme-brutalist .period-tab.active,
.theme-brutalist .player-search-form button {
    border: 3px solid var(--gold) !important;
    background: transparent !important;
    color: var(--gold) !important;
    border-radius: 0 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}
.theme-brutalist .compare-profile-btn:hover,
.theme-brutalist .player-search-form button:hover {
    background: var(--gold) !important;
    color: var(--background) !important;
}
.theme-brutalist .podium-card.first {
    border-color: var(--gold) !important;
    background: var(--panel) !important;
}
.theme-brutalist .theme-toggle {
    border: 3px solid var(--border) !important;
    border-radius: 0 !important;
}

/* ----- 6. PIXEL ARCADE ----- */
body.theme-pixel {
    --background: #0a0a1a !important;
    --panel: #14142a !important;
    --panel-light: #1e1e3a !important;
    --border: #ffcc00 !important;
    --text: #d0e0ff !important;
    --muted: #88a0cc !important;
    --gold: #ffcc00 !important;
    --gold-light: #ffdd44 !important;
    --silver: #88a0cc !important;
    --bronze: #cc8844 !important;
    --green: #66ff66 !important;
    --red: #ff4444 !important;
    --purple: #cc88ff !important;
    --player: #66ccff !important;
}
body.light-theme.theme-pixel {
    --background: #d0d8e8 !important;
    --panel: #f0f4ff !important;
    --panel-light: #e0e8f8 !important;
    --border: #3366cc !important;
    --text: #1a1a2e !important;
    --muted: #555 !important;
    --gold: #ff9900 !important;
    --gold-light: #ffbb33 !important;
    --silver: #888 !important;
    --bronze: #aa7744 !important;
    --green: #22aa44 !important;
    --red: #cc3333 !important;
    --purple: #8844bb !important;
    --player: #2266cc !important;
}
.theme-pixel .panel,
.theme-pixel .stat-card,
.theme-pixel .achievement,
.theme-pixel .activity-row,
.theme-pixel .rank-row,
.theme-pixel .podium-card,
.theme-pixel .chart-card,
.theme-pixel .performance-card,
.theme-pixel .domain-expertise,
.theme-pixel .player-hero,
.theme-pixel .leaderboard-table,
.theme-pixel .content-section,
.theme-pixel .seo-section,
.theme-pixel .brain-panel,
.theme-pixel .mock-banner {
    border: 4px solid var(--border) !important;
    border-radius: 0 !important;
    box-shadow: 8px 8px 0 rgba(0,0,0,.3) !important;
    background: var(--panel) !important;
    image-rendering: pixelated !important;
}
.theme-pixel .podium-card.first {
    border-color: var(--gold) !important;
    box-shadow: 8px 8px 0 rgba(255,204,0,.2) !important;
}
.theme-pixel h1, .theme-pixel h2, .theme-pixel h3,
.theme-pixel .brand-name,
.theme-pixel .podium-name,
.theme-pixel .player-name {
    font-family: "Press Start 2P", "Courier New", monospace !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}
.theme-pixel .compare-profile-btn,
.theme-pixel .period-button.active,
.theme-pixel .rank-tab.active,
.theme-pixel .period-tab.active,
.theme-pixel .player-search-form button {
    border: 4px solid var(--gold) !important;
    background: transparent !important;
    color: var(--gold) !important;
    border-radius: 0 !important;
    font-family: "Press Start 2P", monospace !important;
    font-size: 13px !important; /* was 10px – adjusted to 13 */
    text-transform: uppercase !important;
    box-shadow: 4px 4px 0 rgba(255,204,0,.2) !important;
}
.theme-pixel .compare-profile-btn:hover,
.theme-pixel .player-search-form button:hover {
    background: var(--gold) !important;
    color: var(--background) !important;
}
.theme-pixel .theme-toggle {
    border: 4px solid var(--border) !important;
    border-radius: 0 !important;
}
.theme-pixel .advert-box {
    border: 2px dashed var(--border) !important;
}
.theme-pixel body::after {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: repeating-linear-gradient(0deg, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 2px, rgba(0,0,0,.08) 2px, rgba(0,0,0,.08) 4px);
    pointer-events: none;
    z-index: 9999;
}

/* ----- 7. EDITORIAL ----- */
body.theme-editorial {
    --background: #f5f0e8 !important;
    --panel: #ffffff !important;
    --panel-light: #faf6f0 !important;
    --border: #d0c8b8 !important;
    --text: #1a1a2e !important;
    --muted: #6b5e52 !important;
    --gold: #b8860b !important;
    --gold-light: #d4a017 !important;
    --silver: #adb5bd !important;
    --bronze: #8b6f5c !important;
    --green: #2e7d5a !important;
    --red: #b33a2e !important;
    --purple: #6a4ea7 !important;
    --player: #2a4b7c !important;
}
body:not(.light-theme).theme-editorial {
    --background: #1a1614 !important;
    --panel: #2a2420 !important;
    --panel-light: #332c26 !important;
    --border: #5a5048 !important;
    --text: #f5efe6 !important;
    --muted: #b8a99a !important;
    --gold: #d4a373 !important;
    --gold-light: #e9c46a !important;
    --silver: #b8a99a !important;
    --bronze: #8b6f5c !important;
    --green: #86a789 !important;
    --red: #b5654b !important;
    --purple: #86a789 !important;
    --player: #86a789 !important;
}
.theme-editorial .panel,
.theme-editorial .stat-card,
.theme-editorial .achievement,
.theme-editorial .activity-row,
.theme-editorial .rank-row,
.theme-editorial .podium-card,
.theme-editorial .chart-card,
.theme-editorial .performance-card,
.theme-editorial .domain-expertise,
.theme-editorial .player-hero,
.theme-editorial .leaderboard-table,
.theme-editorial .content-section,
.theme-editorial .seo-section,
.theme-editorial .brain-panel,
.theme-editorial .mock-banner {
    border: none !important;
    background: var(--panel) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.04) !important;
    border-radius: 8px !important;
}
.theme-editorial h1, .theme-editorial h2, .theme-editorial h3,
.theme-editorial .brand-name {
    font-family: "Playfair Display", "Georgia", serif !important;
}
.theme-editorial .compare-profile-btn,
.theme-editorial .period-button.active,
.theme-editorial .rank-tab.active,
.theme-editorial .period-tab.active {
    border: 1px solid var(--gold) !important;
    background: transparent !important;
    color: var(--gold) !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}
.theme-editorial .compare-profile-btn:hover,
.theme-editorial .player-search-form button:hover {
    background: var(--gold) !important;
    color: var(--panel) !important;
}
.theme-editorial .player-search-form button {
    background: var(--gold) !important;
    color: var(--panel) !important;
    border: none !important;
}
.theme-editorial .podium-card.first {
    background: var(--panel) !important;
    border-left: 4px solid var(--gold) !important;
}
.theme-editorial .theme-toggle {
    border: 1px solid var(--border) !important;
}

/* ----- 8. CYBERPUNK NEON ----- */
body.theme-cyberpunk {
    --background: #0a0a1a !important;
    --panel: #12122a !important;
    --panel-light: #1a1a3a !important;
    --border: #00f0ff !important;
    --text: #e6f1ff !important;
    --muted: #8892b0 !important;
    --gold: #ff2d95 !important;
    --gold-light: #ff6bb5 !important;
    --silver: #8892b0 !important;
    --bronze: #b967ff !important;
    --green: #b967ff !important;
    --red: #ff2d95 !important;
    --purple: #00f0ff !important;
    --player: #00f0ff !important;
}
body.light-theme.theme-cyberpunk {
    --background: #f0f2ff !important;
    --panel: #ffffff !important;
    --panel-light: #f5f7ff !important;
    --border: #0088cc !important;
    --text: #1a1a2e !important;
    --muted: #555 !important;
    --gold: #d41b6a !important;
    --gold-light: #e64a8a !important;
    --silver: #888 !important;
    --bronze: #9b4dff !important;
    --green: #9b4dff !important;
    --red: #d41b6a !important;
    --purple: #0088cc !important;
    --player: #0088cc !important;
}
.theme-cyberpunk .panel,
.theme-cyberpunk .stat-card,
.theme-cyberpunk .achievement,
.theme-cyberpunk .activity-row,
.theme-cyberpunk .rank-row,
.theme-cyberpunk .podium-card,
.theme-cyberpunk .chart-card,
.theme-cyberpunk .performance-card,
.theme-cyberpunk .domain-expertise,
.theme-cyberpunk .player-hero,
.theme-cyberpunk .leaderboard-table,
.theme-cyberpunk .content-section,
.theme-cyberpunk .seo-section,
.theme-cyberpunk .brain-panel,
.theme-cyberpunk .mock-banner {
    border: 1px solid var(--border) !important;
    box-shadow: 0 0 30px rgba(0,240,255,.08), inset 0 0 30px rgba(0,240,255,.02) !important;
    background: var(--panel) !important;
    border-radius: 8px !important;
}
.theme-cyberpunk .podium-card.first {
    border-color: var(--gold) !important;
    box-shadow: 0 0 40px rgba(255,45,149,.15) !important;
}
.theme-cyberpunk h1, .theme-cyberpunk h2, .theme-cyberpunk h3,
.theme-cyberpunk .brand-name,
.theme-cyberpunk .podium-name,
.theme-cyberpunk .player-name {
    font-family: "Orbitron", "Rajdhani", sans-serif !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}
.theme-cyberpunk .compare-profile-btn,
.theme-cyberpunk .period-button.active,
.theme-cyberpunk .rank-tab.active,
.theme-cyberpunk .period-tab.active,
.theme-cyberpunk .player-search-form button {
    border: 2px solid var(--gold) !important;
    background: transparent !important;
    color: var(--gold) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 20px rgba(255,45,149,.2) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}
.theme-cyberpunk .compare-profile-btn:hover,
.theme-cyberpunk .player-search-form button:hover {
    background: var(--gold) !important;
    color: var(--background) !important;
    box-shadow: 0 0 40px rgba(255,45,149,.4) !important;
}
.theme-cyberpunk .theme-toggle {
    border: 2px solid var(--border) !important;
    box-shadow: 0 0 20px rgba(0,240,255,.1) !important;
}

/* ----- 9. HAND‑DRAWN EXTREME ----- */
body.theme-handdrawn-extreme {
    --background: #f5efe6 !important;
    --panel: #ece4d9 !important;
    --panel-light: #f5efe6 !important;
    --border: #b5654b !important;
    --text: #2c221c !important;
    --muted: #7a6b5e !important;
    --gold: #e6b85c !important;
    --gold-light: #d4a373 !important;
    --silver: #7a6b5e !important;
    --bronze: #b5654b !important;
    --green: #86a789 !important;
    --red: #b5654b !important;
    --purple: #86a789 !important;
    --player: #86a789 !important;
}
body:not(.light-theme).theme-handdrawn-extreme {
    --background: #1a1614 !important;
    --panel: #2a2420 !important;
    --panel-light: #332c26 !important;
    --border: #7a6b5e !important;
    --text: #f5efe6 !important;
    --muted: #b8a99a !important;
    --gold: #e6b85c !important;
    --gold-light: #d4a373 !important;
    --silver: #b8a99a !important;
    --bronze: #8b6f5c !important;
    --green: #86a789 !important;
    --red: #b5654b !important;
    --purple: #86a789 !important;
    --player: #86a789 !important;
}
.theme-handdrawn-extreme .panel,
.theme-handdrawn-extreme .stat-card,
.theme-handdrawn-extreme .achievement,
.theme-handdrawn-extreme .activity-row,
.theme-handdrawn-extreme .rank-row,
.theme-handdrawn-extreme .podium-card,
.theme-handdrawn-extreme .chart-card,
.theme-handdrawn-extreme .performance-card,
.theme-handdrawn-extreme .domain-expertise,
.theme-handdrawn-extreme .player-hero,
.theme-handdrawn-extreme .leaderboard-table,
.theme-handdrawn-extreme .content-section,
.theme-handdrawn-extreme .seo-section,
.theme-handdrawn-extreme .brain-panel,
.theme-handdrawn-extreme .mock-banner {
    border: 3px dashed var(--border) !important;
    border-radius: 30px 8px 30px 8px !important;
    background: var(--panel) !important;
    box-shadow: 6px 6px 0 rgba(0,0,0,.06) !important;
    transform: rotate(-0.5deg) !important;
}
.theme-handdrawn-extreme .panel:hover,
.theme-handdrawn-extreme .stat-card:hover {
    transform: rotate(0.5deg) !important;
}
.theme-handdrawn-extreme h1, .theme-handdrawn-extreme h2, .theme-handdrawn-extreme h3,
.theme-handdrawn-extreme .brand-name,
.theme-handdrawn-extreme .podium-name,
.theme-handdrawn-extreme .player-name {
    font-family: "Patrick Hand", "Gochi Hand", cursive !important;
    letter-spacing: 1px !important;
}
.theme-handdrawn-extreme .compare-profile-btn,
.theme-handdrawn-extreme .period-button.active,
.theme-handdrawn-extreme .rank-tab.active,
.theme-handdrawn-extreme .period-tab.active,
.theme-handdrawn-extreme .player-search-form button {
    border: 3px dashed var(--gold) !important;
    background: transparent !important;
    color: var(--gold) !important;
    border-radius: 30px 8px 30px 8px !important;
    transform: rotate(-1deg) !important;
}
.theme-handdrawn-extreme .compare-profile-btn:hover,
.theme-handdrawn-extreme .player-search-form button:hover {
    transform: rotate(1deg) scale(1.02) !important;
    background: rgba(230,184,92,.1) !important;
}
.theme-handdrawn-extreme .player-search-form button {
    background: var(--gold) !important;
    color: #1a1614 !important;
}
.theme-handdrawn-extreme .player-search-form button:hover {
    background: var(--gold-light) !important;
}
.theme-handdrawn-extreme .podium-card.first {
    border-color: var(--gold) !important;
    box-shadow: 6px 6px 0 rgba(230,184,92,.15) !important;
}
.theme-handdrawn-extreme .theme-toggle {
    border: 3px dashed var(--border) !important;
    border-radius: 30px 8px 30px 8px !important;
}

/* ----- 10. WINDOWS 95 (Flat version) ----- */
body.theme-windows95 {
    --background: #008080 !important;
    --panel: #c0c0c0 !important;
    --panel-light: #d4d0c8 !important;
    --border: #808080 !important;
    --text: #000000 !important;
    --muted: #444 !important;
    --gold: #ffff00 !important;
    --gold-light: #ffff66 !important;
    --silver: #c0c0c0 !important;
    --bronze: #808080 !important;
    --green: #00aa00 !important;
    --red: #ff0000 !important;
    --purple: #800080 !important;
    --player: #0000ff !important;
}
body.light-theme.theme-windows95 {
    --background: #008080 !important;
    --panel: #c0c0c0 !important;
    --panel-light: #d4d0c8 !important;
    --border: #808080 !important;
    --text: #000000 !important;
    --muted: #444 !important;
    --gold: #ffff00 !important;
    --gold-light: #ffff66 !important;
    --silver: #c0c0c0 !important;
    --bronze: #808080 !important;
    --green: #00aa00 !important;
    --red: #ff0000 !important;
    --purple: #800080 !important;
    --player: #0000ff !important;
}
body:not(.light-theme).theme-windows95 {
    --background: #2a2a2a !important;
    --panel: #3a3a3a !important;
    --panel-light: #4a4a4a !important;
    --border: #808080 !important;
    --text: #ffffff !important;
    --muted: #cccccc !important;
    --gold: #ffff00 !important;
    --gold-light: #ffff66 !important;
    --silver: #cccccc !important;
    --bronze: #808080 !important;
    --green: #66ff66 !important;
    --red: #ff6666 !important;
    --purple: #cc66ff !important;
    --player: #66ccff !important;
}
.theme-windows95 .panel,
.theme-windows95 .stat-card,
.theme-windows95 .achievement,
.theme-windows95 .activity-row,
.theme-windows95 .rank-row,
.theme-windows95 .podium-card,
.theme-windows95 .chart-card,
.theme-windows95 .performance-card,
.theme-windows95 .domain-expertise,
.theme-windows95 .player-hero,
.theme-windows95 .leaderboard-table,
.theme-windows95 .content-section,
.theme-windows95 .seo-section,
.theme-windows95 .brain-panel,
.theme-windows95 .mock-banner {
    border: 2px solid var(--border) !important;
    border-radius: 0 !important;
    background: var(--panel) !important;
    box-shadow: none !important;
}
.theme-windows95 h1, .theme-windows95 h2, .theme-windows95 h3,
.theme-windows95 .brand-name,
.theme-windows95 .podium-name,
.theme-windows95 .player-name {
    font-family: "Tahoma", "Arial", sans-serif !important;
    font-weight: 700 !important;
}
.theme-windows95 .compare-profile-btn,
.theme-windows95 .period-button.active,
.theme-windows95 .rank-tab.active,
.theme-windows95 .period-tab.active,
.theme-windows95 .player-search-form button {
    border: 2px solid var(--border) !important;
    background: var(--panel) !important;
    color: var(--text) !important;
    border-radius: 0 !important;
    font-family: "Tahoma", sans-serif !important;
}
.theme-windows95 .compare-profile-btn:hover,
.theme-windows95 .player-search-form button:hover {
    background: var(--panel-light) !important;
}
.theme-windows95 .podium-card.first {
    border-color: var(--gold) !important;
}
.theme-windows95 .theme-toggle {
    border: 2px solid var(--border) !important;
    border-radius: 0 !important;
}
.theme-windows95 .advert-box {
    border: 2px solid var(--border) !important;
}