*{box-sizing:border-box;margin:0;padding:0}body{color:#e8ecf3;background:#0b0f19;font-family:Inter,system-ui,sans-serif;line-height:1.6}.header{background:#11182d;border-bottom:1px solid #1e2747;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.header h1{color:#8fd3ff;font-size:1.4rem}.header nav a{color:#c7d7ff;margin-left:1.5rem;text-decoration:none;transition:all .2s}.header nav a:hover{color:#fff}.main{max-width:1200px;margin:auto;padding:2rem}.card{background:#11182d;border:1px solid #1e2747;border-radius:12px;margin-bottom:2rem;padding:1.5rem;animation:.6s forwards fadeIn;box-shadow:0 0 20px #0003}table{border-collapse:collapse;width:100%;margin-top:1rem}th{text-align:left;color:#9fd3ff;background:#1a2240;border-bottom:2px solid #2a3357;padding:.6rem}td{border-bottom:1px solid #1e2747;padding:.6rem}tr:hover td{background:#1a2240}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.leaderboard-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}@media (width<=900px){.leaderboard-grid{grid-template-columns:1fr}}tr.rank-1 td{color:gold;background:#ffd70026;font-weight:600}tr.rank-2 td{color:silver;background:#c0c0c026;font-weight:600}tr.rank-3 td{color:#cd7f32;background:#cd7f3226;font-weight:600}tr.cs-rank-1 td{color:gold;background:#ffd70026;font-weight:600}tbody tr{opacity:0;animation:.4s forwards fadeIn}tbody tr:first-child{animation-delay:50ms}tbody tr:nth-child(2){animation-delay:.1s}tbody tr:nth-child(3){animation-delay:.15s}tbody tr:nth-child(4){animation-delay:.2s}tbody tr:nth-child(5){animation-delay:.25s}.move-up{color:#2ecc71;font-weight:700}.move-down{color:#e74c3c;font-weight:700}.move-same{color:#999}