:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=dark]{--text:#fff;--text-h:#fff;--bg:#141414;--border:#424242;--code-bg:#1f1f1f;--accent-bg:#aa3bff33;--social-bg:#0000004d;--shadow:#0000004d 0 10px 15px -3px, #0003 0 4px 6px -2px;--ant-color-bg-base:#141414;--ant-color-bg-container:#141414;--ant-color-bg-elevated:#1f1f1f;--ant-color-bg-layout:#000;--ant-color-bg-spotlight:#424242;--ant-color-border:#424242;--ant-color-border-secondary:#303030;--ant-color-text:#fff;--ant-color-text-secondary:#ffffffd9;--ant-color-text-tertiary:#ffffff73;--ant-color-text-quaternary:#ffffff40;--ant-color-fill:#ffffff14;--ant-color-fill-secondary:#ffffff0d;--ant-color-fill-tertiary:#ffffff08;--ant-color-fill-quaternary:#ffffff05;--ant-collapse-content-bg:#141414;--ant-collapse-header-bg:#141414;--ant-card-background:#141414;--ant-table-background:#141414;--ant-table-header-bg:#1f1f1f;--ant-table-row-hover-bg:#1f1f1f}html[data-theme=dark] .ant-table{background:var(--bg);border:1px solid var(--border)}html[data-theme=dark] .ant-table-thead>tr>th,html[data-theme=dark] .ant-table-tbody>tr>td{color:var(--text);background:var(--bg)!important;border-color:var(--border)!important}html[data-theme=dark] .ant-table-thead>tr>th{color:var(--text-h);background:var(--code-bg)!important}html[data-theme=dark] .ant-table-thead>tr>th:before{background-color:var(--border)!important}html[data-theme=dark] .ant-table-tbody>tr:hover>td,html[data-theme=dark] .ant-table-cell-row-hover{background:var(--code-bg)!important}html[data-theme=dark] .ant-table-wrapper,html[data-theme=dark] .ant-table-container,html[data-theme=dark] .ant-table-content,html[data-theme=dark] .ant-table-body{background:var(--bg)}html[data-theme=dark] .ant-table-expanded-row{background:var(--code-bg)!important}html[data-theme=dark] .ant-table-column-sorter{color:var(--text)}html[data-theme=dark] .ant-table-placeholder{color:var(--text);background:var(--bg)!important}html[data-theme=dark] .ant-card{background:var(--bg);border-color:var(--border)}html[data-theme=dark] .ant-card-head{border-bottom-color:var(--border);color:var(--text-h)}html[data-theme=dark] .ant-card-head-title{color:var(--text-h)}html[data-theme=dark] .ant-btn-default{background:var(--bg);border-color:var(--border);color:var(--text)}html[data-theme=dark] .ant-btn-text{color:var(--text)}html[data-theme=dark] .ant-btn-text:hover{color:var(--text-h)!important;background:var(--code-bg)!important}html[data-theme=dark] .ant-input,html[data-theme=dark] .ant-input-search,html[data-theme=dark] .ant-input-search .ant-input{background:var(--code-bg)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .ant-input-search .ant-input-prefix,html[data-theme=dark] .ant-input-search .ant-input-suffix{color:var(--text)!important;background:var(--code-bg)!important}html[data-theme=dark] .ant-input-search .ant-input-suffix{border-left:1px solid var(--border)!important}html[data-theme=dark] .ant-input-search-button{background:var(--code-bg)!important;border-color:var(--border)!important;color:var(--text)!important}html[data-theme=dark] .ant-select-dropdown{background:var(--bg)!important;border:1px solid var(--border)!important}html[data-theme=dark] .ant-select-item,html[data-theme=dark] .ant-select-item-option{color:var(--text)!important;background:var(--bg)!important}html[data-theme=dark] .ant-select-item-option:hover,html[data-theme=dark] .ant-select-item-option-active{background:var(--code-bg)!important}html[data-theme=dark] .ant-select-item-option-selected{font-weight:700;background:var(--code-bg)!important;color:var(--text-h)!important}html[data-theme=dark] .ant-select-item-option-content{color:var(--text)!important}html[data-theme=dark] .ant-dropdown-menu{background:var(--bg);border:1px solid var(--border)}html[data-theme=dark] .ant-dropdown-menu-item{color:var(--text)}html[data-theme=dark] .ant-dropdown-menu-item:hover{background:var(--code-bg)}html[data-theme=dark] .ant-modal-content{background:var(--bg)}html[data-theme=dark] .ant-modal-header{background:var(--bg);border-bottom-color:var(--border)}html[data-theme=dark] .ant-modal-title{color:var(--text-h)}html[data-theme=dark] .ant-modal-close{color:var(--text)}html[data-theme=dark] .ant-modal-close:hover{color:var(--text-h)}html[data-theme=dark] .ant-modal-footer{border-top-color:var(--border)}html[data-theme=dark] .ant-modal-body{color:var(--text)}html[data-theme=dark] .ant-tag{border-color:var(--border)}html[data-theme=dark] .ant-tag-default{background:var(--code-bg)!important;color:var(--text-h)!important;border-color:var(--border)!important}html[data-theme=dark] .ant-tag-magenta{color:#fff!important;background:#eb2f96!important;border-color:#eb2f96!important}html[data-theme=dark] .ant-tag-red{color:#fff!important;background:#f5222d!important;border-color:#f5222d!important}html[data-theme=dark] .ant-tag-blue{color:#fff!important;background:#1677ff!important;border-color:#1677ff!important}html[data-theme=dark] .ant-tag-orange{color:#fff!important;background:#fa8c16!important;border-color:#fa8c16!important}html[data-theme=dark] .ant-pagination-item{background:var(--bg);border-color:var(--border)}html[data-theme=dark] .ant-pagination-item a{color:var(--text)}html[data-theme=dark] .ant-collapse{background:var(--bg)!important;border-color:var(--border)!important}html[data-theme=dark] .ant-collapse-item{background:var(--bg)!important;border-bottom-color:var(--border)!important}html[data-theme=dark] .ant-collapse-header{color:var(--text-h)!important;background:var(--bg)!important}html[data-theme=dark] .ant-collapse-header:hover{color:var(--text-h)!important}html[data-theme=dark] .ant-collapse-content{background:var(--bg)!important;border-top-color:var(--border)!important}html[data-theme=dark] .ant-collapse-content-box,html[data-theme=dark] .ant-collapse-body{background:var(--bg)!important}html[data-theme=dark] .ant-collapse-header span{color:var(--text-h)!important}html[data-theme=dark] .ant-radio-button-wrapper{background:var(--bg);border-color:var(--border);color:var(--text)}html[data-theme=dark] .ant-tabs-tab{color:var(--text)}html[data-theme=dark] .ant-tabs-tab:hover{color:var(--text-h)}html[data-theme=dark] .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--text-h)!important}html[data-theme=dark] .ant-tabs-ink-bar{background:#1677ff}html[data-theme=dark] .ant-tabs-nav:before{border-bottom-color:var(--border)}html[data-theme=dark] .ant-tooltip-inner{background:var(--code-bg);color:var(--text)}html[data-theme=dark] .ant-tooltip-arrow:before{background:var(--code-bg)}html[data-theme=dark] input[type=search]{background:var(--code-bg);border-color:var(--border);color:var(--text)}html[data-theme=dark] input[type=search]::placeholder{color:var(--text);opacity:.6}html[data-theme=dark] input[type=search]:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff33}body{margin:0}.champion-index-layout{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.champion-gallery-column,.champion-list-column{gap:16px;min-width:0;display:grid}@media (width<=900px){.champion-index-layout{grid-template-columns:1fr}}*{box-sizing:border-box}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.champion-gallery{width:100%}.gallery-role-filter{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.role-filter-chip{background:var(--code-bg);border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:16px;padding:6px 12px;font-size:13px;transition:all .2s}.role-filter-chip:hover{border-color:var(--accent);color:var(--accent)}.role-filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.gallery-count{color:var(--text);opacity:.5;margin-bottom:8px;padding:0 4px;font-size:12px}.gallery-count span{opacity:.8;font-weight:600}.champion-grid{border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:0;display:grid;overflow:hidden}.champion-tile{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-width:0;min-height:86px;color:var(--text);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:8px 6px;text-decoration:none;transition:background .15s;display:flex}.champion-tile:hover{background:var(--accent-bg)}.champion-tile img{object-fit:cover;border-radius:8px;width:44px;height:44px;box-shadow:0 2px 4px #00000026}.champion-tile strong{width:100%;color:var(--text);opacity:.6;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:12px;font-weight:600;display:block;overflow:hidden}.champion-tile:hover strong{color:var(--accent);opacity:1}@media (width<=480px){.champion-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.champion-tile{min-height:76px;padding:6px 4px}.champion-tile img{border-radius:6px;width:36px;height:36px}.champion-tile strong{margin-top:4px;font-size:11px}}