:root{--bg-color:#f8f9fa;--surface-color:#ffffff;--text-color:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--primary-color:#2563eb;--primary-text-color:#ffffff;--friendly-color:#ff9800;--moderate-color:#8e24aa;--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow:0 4px 12px rgba(0,0,0,0.05);--shadow-lg:0 8px 25px rgba(0,0,0,0.1);--ring-color:rgba(37,99,235,0.35);--btn-bg:var(--primary-color);--btn-text:var(--primary-text-color);--btn-border-radius:12px;--btn-border-radius-sm:10px;--btn-padding:0.85rem 1.05rem;--btn-padding-sm:0.6rem 0.8rem;--btn-padding-lg:1rem 1.2rem;--navbar-height:60px;--container-max-width:1120px;--container-padding:clamp(0.75rem,3vw,1.5rem);--gap-sm:0.5rem;--gap:1rem;--gap-lg:1.5rem;--gap-xl:2rem;--hero-height-min:220px;--hero-height-fluid:28vw;--hero-height-max:380px;--grid-gap:1.5rem;--grid-min-width:280px;--grid-columns:repeat(auto-fit,minmax(var(--grid-min-width),1fr));--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;--transition-fast:0.15s ease;--transition:0.2s ease;--transition-slow:0.3s ease}html.dark{--bg-color:#0f172a;--surface-color:#1e293b;--text-color:#f1f5f9;--text-muted:#94a3b8;--border-color:#334155;--primary-color:#3b82f6;--friendly-color:#ff9800;--moderate-color:#8e24aa;--shadow:0 6px 20px rgba(0,0,0,0.2);--shadow-lg:0 8px 25px rgba(0,0,0,0.3);--ring-color:rgba(96,165,250,0.45)}html.mode-friendly:root{--primary-color:var(--friendly-color)}html.mode-moderate:root{--primary-color:var(--moderate-color)}@media (min-width:1280px){:root{--container-max-width:1200px;--hero-height-fluid:25vw;--hero-height-max:520px}}@media (min-width:2560px){:root{--container-max-width:2000px;--hero-height-min:380px;--hero-height-fluid:22vw;--hero-height-max:600px}}:root{--chart-text-color:var(--text-color);--chart-bg-color:var(--surface-color);--chart-border-color:rgba(0,0,0,0.08);--chart-grid-color:rgba(0,0,0,0.05)}html.dark{--chart-text-color:var(--text-color);--chart-bg-color:var(--bg-color);--chart-border-color:rgba(255,255,255,0.06);--chart-grid-color:rgba(255,255,255,0.05)}:root{--leaderboard-max-width:900px;--leaderboard-grid-columns:50px minmax(120px,2fr) minmax(80px,1fr) minmax(100px,1fr) 70px;--leaderboard-gap:12px;--leaderboard-padding:0 16px}@media (max-width:640px){:root{--leaderboard-grid-columns:35px minmax(100px,2fr) minmax(55px,0.7fr) minmax(65px,0.9fr) 55px;--leaderboard-gap:6px;--leaderboard-padding:0 12px}}@media (max-width:480px){:root{--leaderboard-grid-columns:30px minmax(90px,2.2fr) minmax(45px,0.6fr) minmax(55px,0.8fr) 45px;--leaderboard-gap:4px;--leaderboard-padding:0 8px}}@media (max-width:380px){:root{--leaderboard-grid-columns:25px minmax(80px,2.5fr) minmax(40px,0.5fr) minmax(50px,0.7fr) 40px;--leaderboard-gap:3px;--leaderboard-padding:0 6px}}@media (max-width:320px){:root{--leaderboard-grid-columns:20px minmax(70px,3fr) minmax(35px,0.4fr) minmax(45px,0.6fr) 35px;--leaderboard-gap:2px;--leaderboard-padding:0 4px}}