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

:root {
    --team-primary:#003DA5;--team-dark:#002366;--team-light:#1a5bc4;--team-accent:#4a90d9;--team-secondary:#FFFFFF;--team-text:white;
    --gold:#FFD700;--win:#2ecc71;--draw:#f39c12;--loss:#e74c3c;
    --bg:#0a0e1a;--card-bg:#111827;--card-border:#1e293b;--text:#e2e8f0;--text-muted:#94a3b8;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;}

/* Scrollbar */
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:var(--team-accent);}

/* Loading spinner */
.loading-screen{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column;gap:20px;}
.spinner{width:50px;height:50px;border:4px solid var(--card-border);border-top-color:var(--team-primary);border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg)}}
.loading-text{color:var(--text-muted);font-size:0.9rem;}