:root{--bg:#0e1116;--surface:#161b22;--surface-2:#1d232c;--border:#2a313c;--text:#e6edf3;--muted:#8b949e;--accent:#d4a54a;--good:#3fb950;--bad:#f85149;--neutral:#8b949e;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:inherit}main{max-width:1280px;margin:0 auto;padding:24px 16px 48px}.site-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:32px;padding:14px 24px;display:flex}.site-header nav a,.brand{text-decoration:none}.brand{color:var(--accent);font-size:18px;font-weight:700}.site-header nav a{color:var(--muted)}.site-header nav a:hover{color:var(--text)}.language-menu{margin-left:auto;position:relative}.language-menu summary,.language-summary{border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:13px;font-weight:600;list-style:none;display:flex}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:hover,.language-menu[open] summary{color:var(--text);border-color:var(--muted)}.language-menu img{border-radius:2px;display:block}.language-menu ul{z-index:10;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);min-width:160px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.language-menu li a{border-radius:6px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.language-menu li a:hover{background:var(--surface)}.language-menu li a[aria-current]{color:var(--accent);font-weight:600}.site-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);padding:24px 16px;font-size:13px}h1{margin:0 0 4px;font-size:26px}.subtitle{color:var(--muted);margin:0 0 20px}.filters{flex-wrap:wrap;gap:16px 28px;margin-bottom:20px;display:flex}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px}.segmented{border:1px solid var(--border);border-radius:var(--radius);display:flex;overflow:hidden}.segmented a{color:var(--muted);background:var(--surface);border-right:1px solid var(--border);white-space:nowrap;padding:6px 12px;text-decoration:none}.segmented a:last-child{border-right:0}.segmented a{align-items:center;display:flex}.segmented a.segmented-icon{padding:2px 10px}.segmented a:hover{color:var(--text)}.segmented a[aria-current=true]{background:var(--accent);color:#1a1408;font-weight:600}.table-toolbar{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;margin-bottom:10px;display:flex}.table-toolbar .filters{margin-bottom:0}.table-search{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;max-width:320px;color:var(--text);font:inherit;flex:140px;padding:8px 12px}.table-search:focus{outline:2px solid var(--accent);outline-offset:1px}.hero-table{--rank-width:52px;--hero-width:240px;--number-width:112px;table-layout:fixed;min-width:calc(var(--rank-width) + var(--hero-width) + 7 * var(--number-width))}.hero-table .col-rank{width:var(--rank-width)}.hero-table .col-number{width:var(--number-width)}.hero-table td{text-overflow:ellipsis;overflow:hidden}.hero-table thead th button{position:relative}.hero-table .sort-indicator{padding-right:2px;position:absolute;top:0;right:100%}.hero-table th.text-left .sort-indicator{padding:0 0 0 2px;left:100%;right:auto}@media (max-width:640px){.hero-table{--rank-width:44px;--hero-width:118px;--number-width:100px;width:calc(var(--rank-width) + var(--hero-width) + 7 * var(--number-width));min-width:0}.hero-table .col-hero{width:var(--hero-width)}}.hero-portrait{flex-shrink:0;align-items:stretch;display:inline-flex}.hero-portrait img{border-radius:0 4px 4px 0}.hero-score{font-variant-numeric:tabular-nums;color:#1a1408;justify-content:center;align-items:center;gap:3px;width:46px;font-size:11px;font-weight:700;display:inline-flex}.hero-portrait .hero-score{border-radius:4px 0 0 4px}.hero-score strong{font-size:12px}@media (max-width:640px){.hero-table .hero-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.pagination{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 4px;display:flex}.pagination button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:36px;color:var(--muted);font:inherit;cursor:pointer;padding:6px 10px}.pagination button:hover:not(:disabled){color:var(--text)}.pagination button[aria-current=page]{background:var(--accent);border-color:var(--accent);color:#1a1408;font-weight:600}.pagination button:disabled{opacity:.4;cursor:default}.pagination-gap{min-width:36px;color:var(--muted);text-align:center}@media (max-width:640px){.pagination{gap:4px}.pagination button,.pagination-gap{min-width:32px;padding:6px 0}.pagination-text{display:none}.pagination-count{flex-basis:100%;margin-left:0}}.pagination-count{color:var(--muted);margin-left:auto;font-size:13px}.summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.stat-label{color:var(--muted);font-size:12px}.stat-value{font-size:20px;font-weight:600}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:right;white-space:nowrap;padding:8px 12px}th.text-left,td.text-left{text-align:left}thead th{background:var(--surface-2);color:var(--muted);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;position:sticky;top:0}thead th button{all:unset;cursor:pointer}thead th button:hover{color:var(--text)}thead th button:has(.sort-indicator){color:var(--text)}thead th button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}tbody tr{border-top:1px solid var(--border)}tbody tr:hover{background:var(--surface-2)}.hero-cell{align-items:center;gap:10px;display:flex}.hero-cell img{border-radius:4px}.rank{width:2ch;color:var(--muted);text-align:right}.good{color:var(--good)}.bad{color:var(--bad)}.muted{color:var(--muted)}@media (max-width:640px){.summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:8px 12px}.stat-value{font-size:16px}.site-header{padding:12px 16px}}.notice{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:16px}.legend{color:var(--muted);margin-top:24px;font-size:14px}.legend dt{color:var(--text);font-weight:600}.legend dd{margin:0 0 10px}.breadcrumb{color:var(--muted);margin:0 0 12px;font-size:14px}.breadcrumb a{color:var(--accent);text-decoration:none}.hero-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.hero-header img{border-radius:var(--radius)}.hero-header .subtitle{margin:0}a.hero-cell{text-decoration:none}a.hero-cell:hover{color:var(--accent)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;margin-bottom:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:16px}.grid-2+.card,.card+.grid-2{margin-bottom:16px}.card h2{margin:0 0 8px;font-size:16px}.card h2:not(:first-child){margin-top:16px}.card .table-wrap{border:0}.hint{color:var(--muted);margin:0 0 12px;font-size:13px}table.compact th,table.compact td{padding:6px 8px}.item-cell{align-items:center;gap:8px;display:inline-flex}.item-cell img{border-radius:3px}.item-list,.matchup-list{margin:0;padding:0;list-style:none}.item-list li{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.matchup-list li{border-top:1px solid var(--border);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:4px 0;display:grid}.matchup-list li:first-child{border-top:0}.matchup-list li>span{text-align:right;min-width:5ch}.timings{gap:4px;display:flex}.timing{border:1px solid var(--border);border-radius:4px;flex-direction:column;align-items:center;min-width:46px;padding:2px 4px;font-size:13px;display:inline-flex}.timing small{color:var(--muted);font-size:10px}.section-title{color:var(--muted);margin:0 0 10px;font-size:15px;font-weight:600}.top-roles{margin-bottom:28px}.role-tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:6px;margin-bottom:16px;padding:6px;display:flex}.role-tabs a{color:var(--muted);border-radius:6px;padding:6px 14px;font-weight:600;text-decoration:none}.role-tabs a:hover{color:var(--text)}.role-tabs a[aria-selected=true]{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.role-cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-bottom:10px;display:grid}.role-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;min-width:0;padding:12px;text-decoration:none;display:flex}.role-card:hover{border-color:var(--accent)}.role-card img{border-radius:4px;flex-shrink:0}.role-card-body{min-width:0}.role-card-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.role-card-stats{font-variant-numeric:tabular-nums;gap:8px;font-size:13px;display:flex}.role-card-stats span:first-child{color:var(--accent)}.role-card-score{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;align-items:baseline;gap:4px;margin-top:4px;padding:1px 8px 1px 1px;display:inline-flex}.role-card-score small{color:var(--muted);font-size:10px}.tier{text-align:center;color:#1a1408;border-radius:5px;min-width:22px;padding:1px 6px;font-size:12px;font-weight:700;display:inline-block}.tier-S{background:#f472b6}.tier-A{background:#fdba74}.tier-B{background:#fde047}.tier-C{background:#86efac}.tier-D{background:#9ca3af}@media (max-width:640px){.role-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.role-card{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}.role-card-body{width:100%}}.sort-indicator sup{color:var(--accent);margin-left:1px;font-size:9px}.summary+.card,.build{margin-bottom:16px}.build-stats{color:var(--muted);margin:2px 0 8px;font-size:13px}.build-stats strong{color:var(--text)}.build-abilities{flex-wrap:wrap;gap:6px;display:flex}.ability{flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.ability img,.ability-talent{border-radius:4px;width:44px;height:44px}.ability-talent{background:var(--surface-2);border:1px solid var(--accent);color:var(--accent);place-items:center;font-weight:700;display:grid}.ability figcaption{color:var(--muted);font-size:12px}.talent-tree{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.talent-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);display:grid}.talent-row:first-child{border-top:0}.talent{text-align:center;padding:10px 12px}.talent-chosen{background:#d4a54a1a}.talent-name{font-weight:600}.talent-stats{color:var(--muted);font-size:13px}.talent-tag{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:700}.talent-level{background:var(--bg);place-items:center;display:grid}.talent-level span{border:1px solid var(--border);width:38px;height:38px;color:var(--accent);border-radius:50%;place-items:center;font-weight:700;display:grid}@media (max-width:640px){.talent-row{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}.talent{padding:8px 6px;font-size:13px}.talent-level span{width:30px;height:30px;font-size:12px}}.roles-bar{background:linear-gradient(90deg, #2a2216, var(--surface));border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-bottom:16px;padding:14px 16px;display:flex}.roles-bar-hero{align-items:center;gap:16px;display:flex}.roles-bar-hero img{border-radius:var(--radius)}.roles-bar-hero h1{margin:0}.roles-bar-hero p{margin:0;font-size:13px}.roles-bar-roles{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;min-width:min(100%,640px);display:grid}.role-column{border-radius:var(--radius);flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;display:flex;position:relative}a.role-column{color:inherit;border:1px solid #0000;text-decoration:none;transition:background .15s}a.role-column:hover{background:#ffffff1f}.role-popular{background:#ffffff14}.role-column.role-selected{border-color:var(--accent);background:#ffffff24}.role-badge{color:var(--accent);white-space:nowrap;font-size:11px;font-weight:700;position:absolute;top:-16px}.role-name{white-space:nowrap;font-weight:600}.role-numbers{font-variant-numeric:tabular-nums;gap:8px;font-size:13px;display:flex}.role-matches{color:var(--accent)}.role-score{align-items:baseline;gap:4px;font-size:13px;display:inline-flex}.role-score small{color:var(--muted);font-size:10px}.role-share{background:var(--border);border-radius:2px;width:70%;height:3px;margin-top:4px;overflow:hidden}.role-share span{background:var(--accent);height:100%;display:block}@media (max-width:640px){.roles-bar-roles{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px;min-width:100%}}