/* ============================================================
   Bullfrog Creek Trivia — shared theme system + base styles
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Black+Ops+One&family=Bungee&family=Audiowide&family=Russo+One&family=Special+Elite&family=Cinzel:wght@700;900&family=Cinzel+Decorative:wght@700;900&family=Cormorant+Garamond:wght@600;700&family=Orbitron:wght@700;900&family=Permanent+Marker&family=Press+Start+2P&family=Yellowtail&display=swap');

:root, [data-theme="bullfrog"] {
    --primary:#2e5902; --primary-bright:#4C9F14; --accent:#f4b400; --accent-2:#e09600;
    --bg:#f4f4f4; --surface:#ffffff; --text:#222; --text-muted:#666;
    --board-bg:linear-gradient(180deg,#1a2410 0%,#0d1408 100%);
    --board-text:#f8f9fa; --danger:#dc3545; --logo-color:#f4b400;
    --rank1:#f4b400; --rank2:#C0C0C0; --rank3:#cd7f32;
    --font-display:'Yellowtail',cursive; --font-headline:'Bebas Neue',sans-serif; --font-score:'Russo One',sans-serif;
    --glow:0 0 30px rgba(244,180,0,0.4);
}
[data-theme="season1"]{--primary:#3a5a14;--primary-bright:#6b8e23;--accent:#f5c947;--accent-2:#d4a430;--bg:#10160a;--surface:#1a2410;--text:#f0e8d0;--text-muted:#b0a070;--board-bg:linear-gradient(180deg,#1a2410,#0d1408);--board-text:#f5e9c8;--danger:#c0392b;--logo-color:#f5c947;--rank1:#f5c947;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Cinzel Decorative',serif;--font-headline:'Cinzel',serif;--font-score:'Russo One',sans-serif;--glow:0 0 30px rgba(245,201,71,0.4);}
[data-theme="season2"]{--primary:#7b2ff7;--primary-bright:#39ff14;--accent:#39ff14;--accent-2:#00e5ff;--bg:#05050f;--surface:#0f0f1f;--text:#f0f0ff;--text-muted:#9090b0;--board-bg:linear-gradient(180deg,#0a0a1a,#050510);--board-text:#eaffea;--danger:#ff3860;--logo-color:#39ff14;--rank1:#39ff14;--rank2:#00e5ff;--rank3:#ff4081;--font-display:'Audiowide',sans-serif;--font-headline:'Audiowide',sans-serif;--font-score:'Orbitron',sans-serif;--glow:0 0 30px rgba(57,255,20,0.5);}
[data-theme="raceday"]{--primary:#0a0a0a;--primary-bright:#d10000;--accent:#ffd700;--accent-2:#d10000;--bg:#1a1a1a;--surface:#fff;--text:#1a1a1a;--text-muted:#555;--board-bg:linear-gradient(180deg,#0a0a0a,#1a0505);--board-text:#fff;--danger:#dc3545;--logo-color:#ffd700;--rank1:#ffd700;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Bebas Neue',sans-serif;--font-headline:'Bebas Neue',sans-serif;--font-score:'Russo One',sans-serif;--glow:0 0 30px rgba(255,215,0,0.5);}
[data-theme="football"]{--primary:#4a2511;--primary-bright:#8b4513;--accent:#ff8c00;--accent-2:#d2691e;--bg:#2d4a1f;--surface:#fff;--text:#3a1f08;--text-muted:#5a3a1f;--board-bg:linear-gradient(180deg,#1a3009,#0d1f04);--board-text:#fff4e6;--danger:#dc3545;--logo-color:#ff8c00;--rank1:#ff8c00;--rank2:#c9a87c;--rank3:#8b4513;--font-display:'Black Ops One',sans-serif;--font-headline:'Black Ops One',sans-serif;--font-score:'Bungee',sans-serif;--glow:0 0 30px rgba(255,140,0,0.5);}
[data-theme="baseball"]{--primary:#002d62;--primary-bright:#1e5cb3;--accent:#d50032;--accent-2:#b30028;--bg:#f0f4f8;--surface:#fff;--text:#001f5c;--text-muted:#4a5e7d;--board-bg:linear-gradient(180deg,#0a1f3d,#050f1f);--board-text:#fff;--danger:#dc3545;--logo-color:#fff;--rank1:#ffd700;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Special Elite',monospace;--font-headline:'Russo One',sans-serif;--font-score:'Bungee',sans-serif;--glow:0 0 25px rgba(213,0,50,0.5);}
[data-theme="hockey"]{--primary:#003a70;--primary-bright:#1e88e5;--accent:#b3e5fc;--accent-2:#4fc3f7;--bg:#e8f4fa;--surface:#fff;--text:#003366;--text-muted:#4a6580;--board-bg:linear-gradient(180deg,#0d1f3a,#061229);--board-text:#e8f4fa;--danger:#dc3545;--logo-color:#b3e5fc;--rank1:#b3e5fc;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Bebas Neue',sans-serif;--font-headline:'Bebas Neue',sans-serif;--font-score:'Russo One',sans-serif;--glow:0 0 25px rgba(179,229,252,0.6);}
[data-theme="basketball"]{--primary:#7a3b10;--primary-bright:#e87722;--accent:#ee6730;--accent-2:#c14a1f;--bg:#fdf0e6;--surface:#fff;--text:#5a2a08;--text-muted:#8a5a30;--board-bg:linear-gradient(180deg,#2a1408,#150a04);--board-text:#ffe6d0;--danger:#dc3545;--logo-color:#ee6730;--rank1:#ee6730;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Bungee',sans-serif;--font-headline:'Bebas Neue',sans-serif;--font-score:'Bungee',sans-serif;--glow:0 0 25px rgba(238,103,48,0.5);}
[data-theme="halloween"]{--primary:#5b2d8c;--primary-bright:#ff7518;--accent:#ff7518;--accent-2:#8e44ad;--bg:#120a1a;--surface:#1e1228;--text:#f0e6ff;--text-muted:#a890c0;--board-bg:linear-gradient(180deg,#1a0a26,#0d0413);--board-text:#ff9a3c;--danger:#dc3545;--logo-color:#ff7518;--rank1:#ff7518;--rank2:#c0c0c0;--rank3:#8e44ad;--font-display:'Creepster',cursive;--font-headline:'Black Ops One',sans-serif;--font-score:'Bungee',sans-serif;--glow:0 0 28px rgba(255,117,24,0.6);}
[data-theme="christmas"]{--primary:#0b6623;--primary-bright:#c8102e;--accent:#d4af37;--accent-2:#c8102e;--bg:#0a1f12;--surface:#0f2a18;--text:#eafff0;--text-muted:#9ec9ad;--board-bg:linear-gradient(180deg,#0a1f12,#04130a);--board-text:#eafff0;--danger:#c8102e;--logo-color:#d4af37;--rank1:#d4af37;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Mountains of Christmas',cursive;--font-headline:'Bebas Neue',sans-serif;--font-score:'Russo One',sans-serif;--glow:0 0 28px rgba(212,175,55,0.6);}
[data-theme="stpatty"]{--primary:#1a7a3c;--primary-bright:#2ecc71;--accent:#f5c518;--accent-2:#27ae60;--bg:#0c2415;--surface:#103019;--text:#eafff0;--text-muted:#9ec9ad;--board-bg:linear-gradient(180deg,#0c2415,#06130b);--board-text:#eafff0;--danger:#dc3545;--logo-color:#f5c518;--rank1:#f5c518;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Yellowtail',cursive;--font-headline:'Bebas Neue',sans-serif;--font-score:'Russo One',sans-serif;--glow:0 0 28px rgba(46,204,113,0.5);}
[data-theme="vegas"]{--primary:#4a148c;--primary-bright:#e91e63;--accent:#00e5ff;--accent-2:#ff4081;--bg:#0a0014;--surface:#1a0428;--text:#fff;--text-muted:#b39ddb;--board-bg:linear-gradient(180deg,#050010,#1a0028);--board-text:#00e5ff;--danger:#ff4081;--logo-color:#00e5ff;--rank1:#00e5ff;--rank2:#e91e63;--rank3:#ff4081;--font-display:'Audiowide',sans-serif;--font-headline:'Audiowide',sans-serif;--font-score:'Audiowide',sans-serif;--glow:0 0 30px rgba(0,229,255,0.7);}
[data-theme="disney"]{--primary:#1a3a8f;--primary-bright:#4a7bd4;--accent:#f5d76e;--accent-2:#e84393;--bg:#eaf2ff;--surface:#fff;--text:#102a66;--text-muted:#5a6f99;--board-bg:linear-gradient(180deg,#0a1d52,#1a3a8f 60%,#2a1a52);--board-text:#fff7e0;--danger:#dc3545;--logo-color:#f5d76e;--rank1:#f5d76e;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Cinzel Decorative',serif;--font-headline:'Cinzel',serif;--font-score:'Russo One',sans-serif;--glow:0 0 24px rgba(245,215,110,0.6);}
[data-theme="harrypotter"]{--primary:#5a0b0b;--primary-bright:#7f0909;--accent:#d3a625;--accent-2:#946b2d;--bg:#efe6d2;--surface:#fbf6ea;--text:#2e1a0a;--text-muted:#6b5436;--board-bg:linear-gradient(180deg,#1a0a0a,#2a0f0f);--board-text:#f0e3c0;--danger:#7f0909;--logo-color:#d3a625;--rank1:#d3a625;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Cinzel Decorative',serif;--font-headline:'Cinzel',serif;--font-score:'Cinzel',serif;--glow:0 0 26px rgba(211,166,37,0.6);}
[data-theme="friends"]{--primary:#8e44ad;--primary-bright:#b34de0;--accent:#f4d03f;--accent-2:#e74c3c;--bg:#111;--surface:#fff;--text:#1a1a1a;--text-muted:#777;--board-bg:linear-gradient(180deg,#0a0a0a,#1a1020);--board-text:#fff;--danger:#e74c3c;--logo-color:#f4d03f;--rank1:#f4d03f;--rank2:#4dd0e1;--rank3:#e74c3c;--font-display:'Permanent Marker',cursive;--font-headline:'Bebas Neue',sans-serif;--font-score:'Bungee',sans-serif;--glow:0 0 24px rgba(244,208,63,0.5);}
[data-theme="grease"]{--primary:#c0392b;--primary-bright:#ff4d6d;--accent:#ff4d88;--accent-2:#00b4d8;--bg:#fbeff2;--surface:#fff;--text:#1a1a1a;--text-muted:#777;--board-bg:linear-gradient(180deg,#0d0d0d,#2a0a14);--board-text:#ffe6ef;--danger:#c0392b;--logo-color:#ff4d88;--rank1:#ff4d88;--rank2:#c0c0c0;--rank3:#00b4d8;--font-display:'Yellowtail',cursive;--font-headline:'Bebas Neue',sans-serif;--font-score:'Russo One',sans-serif;--glow:0 0 24px rgba(255,77,136,0.6);}
[data-theme="office"]{--primary:#004990;--primary-bright:#2a7ac4;--accent:#e8a33d;--accent-2:#6b8e3a;--bg:#eef1f4;--surface:#fff;--text:#1f2d3d;--text-muted:#6a7785;--board-bg:linear-gradient(180deg,#0e2640,#06121f);--board-text:#eaf1f8;--danger:#dc3545;--logo-color:#e8a33d;--rank1:#e8a33d;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Special Elite',monospace;--font-headline:'Special Elite',monospace;--font-score:'Russo One',sans-serif;--glow:0 0 18px rgba(232,163,61,0.4);}
[data-theme="starwars"]{--primary:#1a1a1a;--primary-bright:#4fa8e0;--accent:#ffe81f;--accent-2:#4fa8e0;--bg:#0a0a0a;--surface:#fff;--text:#111;--text-muted:#888;--board-bg:radial-gradient(ellipse at top,#0a0a1a,#000000 70%);--board-text:#ffe81f;--danger:#e0341f;--logo-color:#ffe81f;--rank1:#ffe81f;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Orbitron',sans-serif;--font-headline:'Orbitron',sans-serif;--font-score:'Orbitron',sans-serif;--glow:0 0 24px rgba(255,232,31,0.6);}
[data-theme="marvel"]{--primary:#b41319;--primary-bright:#ed1d24;--accent:#f0c020;--accent-2:#2a7ac4;--bg:#f2eaea;--surface:#fff;--text:#1a1a1a;--text-muted:#777;--board-bg:linear-gradient(180deg,#1a0608,#2a0a0c);--board-text:#fff0f0;--danger:#ed1d24;--logo-color:#f0c020;--rank1:#f0c020;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Black Ops One',sans-serif;--font-headline:'Bebas Neue',sans-serif;--font-score:'Bungee',sans-serif;--glow:0 0 26px rgba(237,29,36,0.5);}
[data-theme="swift"]{--primary:#6a4c93;--primary-bright:#9b6bc4;--accent:#c9a8e0;--accent-2:#4dd0c4;--bg:#f3edf8;--surface:#fff;--text:#2a1a3a;--text-muted:#7a6890;--board-bg:linear-gradient(180deg,#1a0f2a,#2a1a44);--board-text:#f3e8ff;--danger:#c0392b;--logo-color:#c9a8e0;--rank1:#c9a8e0;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Yellowtail',cursive;--font-headline:'Cormorant Garamond',serif;--font-score:'Russo One',sans-serif;--glow:0 0 24px rgba(201,168,224,0.6);}
[data-theme="strangerthings"]{--primary:#8b0000;--primary-bright:#e50914;--accent:#ff1e1e;--accent-2:#c0392b;--bg:#0d0d0d;--surface:#fff;--text:#111;--text-muted:#888;--board-bg:linear-gradient(180deg,#100000,#000000);--board-text:#ff3b3b;--danger:#e50914;--logo-color:#ff1e1e;--rank1:#ff1e1e;--rank2:#c0c0c0;--rank3:#cd7f32;--font-display:'Press Start 2P',monospace;--font-headline:'Bebas Neue',sans-serif;--font-score:'Bungee',sans-serif;--glow:0 0 22px rgba(229,9,20,0.7);}

* { box-sizing: border-box; }
body {
    margin: 0; font-family: 'Segoe UI', system-ui, sans-serif;
    background: var(--bg); color: var(--text);
    transition: background-color 0.3s, color 0.3s;
    -webkit-text-size-adjust: 100%;
}

/* Recolorable Bullfrog logo (mask keeps aspect ratio, fills with theme color) */
.bf-logo {
    display: inline-block; aspect-ratio: 1422 / 1106;
    background-color: var(--logo-color);
    -webkit-mask: url('logo.png') center / contain no-repeat;
    mask: url('logo.png') center / contain no-repeat;
    transition: background-color 0.3s;
}

.btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    border: none; border-radius: 10px; cursor: pointer; font-weight: 700;
    padding: 14px 26px; font-size: 1rem; transition: transform 0.1s, filter 0.15s;
    text-decoration: none; font-family: inherit;
}
.btn:hover { filter: brightness(1.08); transform: translateY(-1px); }
.btn:active { transform: translateY(0); }
.btn-primary { background: var(--primary); color: #fff; }
.btn-accent  { background: var(--accent); color: #1a1a1a; }
.btn-ghost   { background: transparent; color: var(--text); border: 2px solid var(--primary); }

.card {
    background: var(--surface); border-radius: 14px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.12); padding: 24px;
}
.spinner {
    width: 28px; height: 28px; border-radius: 50%;
    border: 3px solid rgba(0,0,0,0.15); border-top-color: var(--primary);
    animation: bf-spin 0.8s linear infinite; margin: 0 auto;
}
@keyframes bf-spin { to { transform: rotate(360deg); } }
.muted { color: var(--text-muted); }