.main-navigation { gap:6px; }
.main-navigation a { border:1px solid transparent; border-radius:7px; color:#a7adb9; text-transform:none; letter-spacing:0; font-size:12px; font-weight:650; padding:10px 16px; }
.main-navigation a:hover { color:#f4dfbb; background:#d4ad7410; }
.main-navigation a[aria-current] { color:#f0cd91; border-color:#d4ad7433; background:#d4ad7410; }
.main-navigation a:focus-visible,.statistics-navigation a:focus-visible { outline:2px solid #e8bc79; outline-offset:3px; }
.statistics-navigation { background:#0a101c; border-bottom:1px solid #ffffff10; }
.statistics-navigation nav { display:flex; justify-content:flex-start; flex-wrap:wrap; gap:24px; padding-block:0; }
.statistics-navigation a { flex:0 0 auto; white-space:nowrap; font-size:12px; letter-spacing:0; text-transform:none; font-weight:600; color:#8d9bac; border:0; border-bottom:2px solid transparent; padding:17px 3px 15px; }
.statistics-navigation a:hover { color:#e2e8f0; }
.statistics-navigation a[aria-current] { color:#efc88e; border-bottom-color:#efc88e; }
.statistics-title { font-size:clamp(32px,4vw,48px); line-height:1.1; margin:12px 0; }
#weeklyAwards { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:900px) { #weeklyAwards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { #weeklyAwards { grid-template-columns:1fr; } }
@media(max-width:600px) {
    .nav { height:auto; min-height:76px; flex-wrap:wrap; padding-block:13px; gap:13px; }
    .nav .brand { gap:10px; } .nav .brand b { font-size:14px; }
    .main-navigation { justify-content:flex-start; width:100%; }
    .main-navigation a { flex:1; text-align:center; padding:9px 12px; font-size:12px; }
    .statistics-navigation nav { gap:0 18px; }
    .statistics-navigation a { font-size:11px; padding-block:14px 12px; }
}

.role-filters{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 12px}.role-filters button{border:1px solid #ffffff20;border-radius:7px;background:#0c1521;color:#94a3b8;padding:12px 24px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.role-filters button[aria-pressed="true"]{color:#e4c795;border-color:#d9b67777;background:#d9b67715}.role-filters button:focus-visible{outline:2px solid #e4c795;outline-offset:3px}.role-note{font-size:12px;color:#94a3b8;line-height:1.7}
.role-filters button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px}
.role-filters svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#e4c795}
.role-filters [data-role="TANK"] svg{color:#7db7ed}
.role-filters [data-role="HEALER"] svg{color:#84d6a0}
.role-filters [data-role="DPS"] svg{color:#ed9a87}
.role-filters button:hover{border-color:#d9b67755;color:#f1f5f9}
@media(max-width:600px){.role-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}