.champions-page{max-width:1240px;margin:64px auto;padding:0 24px 60px}.champions-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.champions-heading h1{margin:10px 0;font-size:30px}.champions-heading p,.champions-note,.champions-method{color:var(--muted-foreground);font-size:13px;line-height:1.7}.champions-table-panel{border-radius:18px;overflow:hidden}.champions-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:14px;padding:24px;display:flex}.champions-filters label,.champions-admin label{color:var(--muted-foreground);flex-direction:column;gap:7px;font-size:12px;display:flex}.champions-search{flex:1;min-width:190px}.champions-filters input,.champions-filters select,.champions-sample select,.champions-admin input[type=text]{background:var(--background);color:var(--foreground);border:1px solid var(--border);border-radius:7px;min-height:40px;padding:10px}.champions-filters select:disabled{opacity:.5}.champions-sample{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;font-size:12px;display:flex}.champions-note{margin:0;padding:0 24px 16px}.champions-scroll{overflow:auto}.champions-scroll table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}.champions-scroll th{text-align:left;color:var(--muted-foreground);padding:16px;font-weight:500}.champions-scroll td{border-top:1px solid var(--border);padding:14px 16px}.champions-name{align-items:center;gap:12px;display:flex}.champions-rate,.tier-S,.tier-A{color:var(--primary);font-weight:600}.champions-scroll small{color:var(--muted-foreground);font-size:10px;display:block}.champions-empty{text-align:center;color:var(--muted-foreground);padding:40px}.champions-method{margin-top:24px}.champions-method summary{cursor:pointer;color:var(--foreground)}.champions-method p{margin-top:12px}.champions-admin{gap:18px;max-width:650px;margin-top:24px;padding:28px;display:grid}.champions-admin .champions-auto{flex-direction:row;align-items:center}.champions-admin button{background:var(--primary);color:var(--primary-foreground);border-radius:7px;padding:10px 18px}@media (max-width:700px){.champions-page{margin-top:32px;padding-inline:16px}.champions-heading{align-items:flex-start}.champions-filters{padding:16px}.champions-filters label{flex:1;min-width:120px}.champions-sample{flex-wrap:wrap;padding:16px}}.champions-scroll th button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;display:flex}.champions-scroll th[aria-sort=ascending],.champions-scroll th[aria-sort=descending]{color:var(--primary)}.champions-scroll th button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.champions-rank button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.champions-rank{min-width:155px;color:var(--muted-foreground);flex-direction:column;gap:7px;font-size:12px;display:flex;position:relative}.champions-rank-trigger{border:1px solid var(--border);background:var(--background);min-height:40px;color:var(--foreground);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;display:flex}.champions-rank-trigger>span:first-child,.champions-rank-options button{align-items:center;gap:8px;display:flex}.champions-rank img{object-fit:contain;width:28px;height:28px}.champions-rank-options{z-index:20;background:var(--background);border:1px solid var(--border);border-radius:8px;min-width:190px;padding:6px;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0005}.champions-rank-options button{width:100%;color:var(--foreground);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:7px}.champions-rank-options button:hover,.champions-rank-options button[aria-pressed=true]{background:color-mix(in srgb, var(--primary) 15%, var(--background))}.champions-rank-trigger:disabled{opacity:.5}.champions-table-panel{overflow:visible}.champions-sample{flex-wrap:wrap}.champions-preview{cursor:pointer;align-items:center;gap:6px;display:flex}.champions-refresh{border:1px solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;border-radius:6px;padding:8px 12px}.champions-page{max-width:1140px;margin-top:36px}.champions-heading{margin-bottom:20px}.champions-heading h1{font-size:27px}.champions-table-panel{border-radius:9px}.champions-filters{gap:12px;padding:16px}.champions-sample{padding:10px 16px;font-size:12px}.champions-role-tabs{background:color-mix(in srgb, var(--foreground) 5%, var(--card));border-block:1px solid var(--border);grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;padding:6px;display:grid}.champions-role-tabs button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:11px 8px;font-size:13px;display:flex}.champions-role-tabs button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground);font-weight:600}.champions-role-tabs button:hover:not([aria-pressed=true]):not(:disabled){background:color-mix(in srgb, var(--foreground) 7%, transparent);color:var(--foreground)}.champions-role-tabs button:disabled{opacity:.35;cursor:default}.champions-role-tabs button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.champions-scroll th{background:color-mix(in srgb, var(--foreground) 4%, var(--card));padding:9px 13px;font-size:12px}.champions-scroll td{font-variant-numeric:tabular-nums;height:43px;color:var(--muted-foreground);padding:5px 13px}.champions-scroll tbody tr:nth-child(odd){background:color-mix(in srgb, var(--foreground) 6%, var(--card))}.champions-scroll tbody tr:nth-child(2n){background:color-mix(in srgb, var(--foreground) 2%, var(--card))}.champions-scroll tbody tr:hover{background:color-mix(in srgb, var(--primary) 10%, var(--card))}.champions-name{color:var(--foreground);gap:10px;text-decoration:none}.champions-name:hover strong{color:var(--primary)}.champions-name img{border-radius:5px;width:32px;height:32px}.champions-name strong{font-size:13px;font-weight:600}.champions-scroll .champions-rate{color:var(--muted-foreground);font-weight:400}.champions-tier{width:24px;height:28px;color:var(--foreground);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.champions-tier.tier-S,.champions-tier.tier-A{color:var(--primary)}.champions-role-icon{color:var(--muted-foreground);align-items:center;display:inline-flex}.champions-small-sample{color:var(--muted-foreground);margin-left:3px}.champions-demo-label{background:color-mix(in srgb, var(--primary) 9%, var(--card));color:var(--primary);margin:0;padding:9px 16px;font-size:12px}.champions-scroll th:first-child,.champions-scroll td:first-child{width:45px}.champions-scroll th:nth-child(2){width:24%}.champion-back{color:var(--muted-foreground);font-size:13px}.champion-detail-heading{align-items:center;gap:20px;margin:26px 0;display:flex}.champion-detail-heading img{border-radius:12px;width:80px;height:80px}.champion-detail-heading h1{margin:8px 0;font-size:32px}.champion-detail-heading p,.champion-detail-next{color:var(--muted-foreground);font-size:13px}.champion-detail-stats{flex-wrap:wrap;gap:36px;margin:20px 0;padding:24px;display:flex}.champion-detail-stats span{color:var(--muted-foreground);font-size:12px;display:block}.champion-detail-stats strong{font-size:24px;font-weight:500}.champions-scroll th button span{opacity:.45}.champions-scroll th[aria-sort=ascending] button span,.champions-scroll th[aria-sort=descending] button span{opacity:1}@media (max-width:600px){.champions-role-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.champions-page{padding-inline:12px}.champions-scroll th,.champions-scroll td{padding-inline:9px}.champions-scroll table{min-width:690px}.champions-filters{padding:12px}.champion-detail-heading{align-items:flex-start}.champion-detail-stats{gap:24px}}