body.player-stats { padding-top: 128px; }
.player-stats-main-content { padding-bottom: 12px; padding-top: 8px; }
.leaderboard-layout { display: flex; gap: 16px; align-items: flex-start; }
.sidebar-container { display: flex; flex-direction: column; width: 220px; flex-shrink: 0; gap: 12px; }
.advancement-type-buttons { display: flex; flex-direction: column; gap: 8px; width: 100%; }
.advancement-type-buttons::-webkit-scrollbar { display: none; }
.advancement-type-btn { display: flex; align-items: center; justify-content: flex-start; gap: 10px; padding: 10px 14px; text-transform: capitalize; white-space: nowrap; width: 100%; background: linear-gradient(180deg, #5a7fb8 0%, #3d5a88 100%); border: 2px solid #2a4060; border-bottom-width: 3px; border-radius: 4px; box-shadow: 0 3px 0 #1a2838, inset 0 -1px 0 rgba(42, 64, 96, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); color: #d0e0f0; font-weight: 700; font-size: 14px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); transition: all 0.15s ease; image-rendering: pixelated; position: relative; cursor: pointer; }
.advancement-type-btn::after { content: ""; position: absolute; top: 2px; left: 4px; right: 4px; height: 40%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%); border-radius: 2px; pointer-events: none; }
.advancement-type-btn:hover { background: linear-gradient(180deg, #6a8fc8 0%, #4d6a98 100%); box-shadow: 0 3px 0 #1a2838, inset 0 -1px 0 rgba(42, 64, 96, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom-width: 3px; filter: brightness(1.08); }
.advancement-type-btn img { width: 32px; height: 32px; object-fit: contain; image-rendering: pixelated; z-index: 1; position: relative; }
.advancement-type-btn span { font-size: 16px; }
.advancement-type-btn.active { background: linear-gradient(180deg, #6a8fc8 0%, #5a7fb8 100%); border-color: #2a4060; box-shadow: 0 3px 0 #1a2838, inset 0 -1px 0 rgba(42, 64, 96, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 0 10px rgba(42, 96, 152, 0.3); color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); }
.advancement-type-btn.active::after { background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, transparent 100%); }
.back-to-stats-btn { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 14px; text-transform: uppercase; white-space: nowrap; width: 100%; background: linear-gradient(180deg, #5a7fb8 0%, #3d5a88 100%); border: 2px solid #2a4060; border-bottom-width: 3px; border-radius: 4px; box-shadow: 0 3px 0 #1a2838, inset 0 -1px 0 rgba(42, 64, 96, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4); color: #d0e0f0; font-weight: 700; font-size: 14px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); transition: all 0.15s ease; image-rendering: pixelated; position: relative; flex-shrink: 0; text-decoration: none; cursor: pointer; }
.back-to-stats-btn::after { content: ""; position: absolute; top: 2px; left: 4px; right: 4px; height: 40%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, transparent 100%); border-radius: 2px; pointer-events: none; }
.back-to-stats-btn:hover { background: linear-gradient(180deg, #6a8fc8 0%, #4d6a98 100%); box-shadow: 0 3px 0 #1a2838, inset 0 -1px 0 rgba(42, 64, 96, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.5); border-bottom-width: 3px; filter: brightness(1.08); }
.back-to-stats-btn i { position: relative; z-index: 1; }
.leaderboard-scroll-container { flex: 1; }
.type-dropdown { display: none; width: 100%; padding: 12px 14px; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 4px; background: rgba(92, 68, 34, 0.9); color: #fff; font-size: 15px; font-weight: 500; text-transform: capitalize; cursor: pointer; }
.type-dropdown option { background: #3d2817; color: #fff; }
.page-heading { font-size: 28px; font-weight: 700; margin-bottom: 8px; margin-top: 0; color: #fff; text-align: right; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
@media (max-width: 768px) {
body.player-stats { overflow: auto; height: auto; padding-top: 114px; }
.player-stats-main-content { height: auto; overflow: visible; padding-bottom: 20px; padding-left: 12px; padding-right: 12px; }
.leaderboard-layout { flex-direction: column; height: auto; overflow: visible; }
.sidebar-container { width: 100%; max-height: none; gap: 8px; }
.advancement-type-buttons { display: none; }
.type-dropdown { display: block; }
.leaderboard-scroll-container { height: auto; overflow: visible; width: 100%; }
#leaderboardContainer { width: 100%; }
.card-map { width: 100% !important; box-sizing: border-box; }
@media (max-width: 480px) {
.rank-badge { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); font-weight: 700; font-size: 14px; color: #000; }
.rank-badge.rank-1 { background: linear-gradient(135deg, #FFD700, #FFA500); color: #000; }
.rank-badge.rank-2 { background: linear-gradient(135deg, #C0C0C0, #A8A8A8); color: #000; }
.rank-badge.rank-3 { background: linear-gradient(135deg, #CD7F32, #B87333); color: #000; }