:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0f1218;--surface:#171c26;--surface-2:#1f2633;--border:#2b3445;--text:#e8ecf3;--muted:#98a3b8;--accent:#f99e1a;--accent-text:#f99e1a;--accent-contrast:#1a1204;--link:#8ec5ff;--good:#3ecf8e;--bad:#ff6b6b;--synergy:#6ea8ff;--tank:#4f9dff;--damage:#ff6b6b;--support:#3ecf8e;--bar-win:#3ecf8e;--bar-pick:#6ea8ff;--bar-ban:#ff8f5a;--radius:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f4f6fa;--surface:#fff;--surface-2:#eef1f7;--border:#d5dbe6;--text:#151a24;--muted:#596277;--accent:#d97e00;--accent-text:#8a4d00;--accent-contrast:#1a1204;--link:#0b5fc5;--good:#0b6b40;--bad:#c93030;--synergy:#1f6fd1;--tank:#1f6fd1;--damage:#c93030;--support:#138a55;--bar-win:#19a56a;--bar-pick:#3a7bd5;--bar-ban:#e0702f}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;line-height:1.5}a{color:var(--link);text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-underline-offset:3px;transition:color .12s,text-decoration-color .12s}a:hover{color:color-mix(in srgb, var(--link) 75%, white);text-decoration-color:currentColor}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1rem}p{margin:0 0 .75rem}ul{margin:0;padding:0;list-style:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}.app{flex-direction:column;min-height:100vh;display:flex}.nav{gap:2px;display:flex}.section{margin-top:32px}.footnote{margin-top:8px;font-size:.85rem}.prose{max-width:70ch}.button{border-radius:var(--radius);background:var(--accent);color:var(--accent-contrast);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button--ghost{color:var(--text);border-color:var(--border);background:0 0}.button--ghost:hover{background:var(--surface-2)}.notice{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:16px 0;padding:16px}.notice--error{border-color:var(--bad)}.filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin-bottom:16px;padding:12px 16px;display:flex}.field{flex-direction:column;gap:4px;min-width:0;max-width:100%;display:flex}.field--inline{flex-direction:row;align-items:center;margin-bottom:8px}.field__label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}select,input,textarea{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}select:disabled{opacity:.5}.segmented{border:1px solid var(--border);border-radius:var(--radius);scrollbar-width:none;max-width:100%;display:inline-flex;overflow-x:auto}.segmented__item{background:var(--surface-2);color:var(--muted);border:0;border-right:1px solid var(--border);font:inherit;cursor:pointer;flex:none;padding:8px 12px}.segmented__item:last-child{border-right:0}.segmented__item--active{background:var(--accent);color:var(--accent-contrast);font-weight:600}.segmented__item:disabled{opacity:.45;cursor:not-allowed}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(to right, var(--surface) 30%, transparent) left center / 40px 100% no-repeat local, linear-gradient(to left, var(--surface) 30%, transparent) right center / 40px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, color-mix(in srgb, var(--text) 28%, transparent), transparent) left center / 12px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--text) 28%, transparent), transparent) right center / 12px 100% no-repeat scroll, var(--surface);position:relative;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}.table tbody tr:last-child th,.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-2)}.table a{color:var(--text);font-weight:600;text-decoration:none}.table a:hover{color:var(--accent-text);text-decoration:underline}.table td .button{padding:5px 12px;font-size:.875rem}.table thead th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.8rem}.table__sort{font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.table__hero{align-items:center;gap:12px;font-weight:600;display:flex}.table__hero a{color:var(--text)}.table__mode{align-items:center;gap:4px;font-weight:400;display:inline-flex}.rate-bar__fill--win{background:var(--bar-win)}.rate-bar__fill--pick{background:var(--bar-pick)}.rate-bar__fill--ban{background:var(--bar-ban)}.table-toolbar{margin-bottom:12px}.change{font-variant-numeric:tabular-nums;grid-template-columns:6ch 1.5ch 6ch 5ch;align-items:baseline;column-gap:4px;display:inline-grid}@media (width<=599px){.change{grid-template-columns:5.5ch 1ch 5.5ch 4.5ch;column-gap:2px;font-size:.9rem}}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:8px 16px;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--accent)}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:16px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.card--link{color:var(--text);justify-content:flex-start;text-decoration:none}.card--link:hover{border-color:var(--accent)}.tag{white-space:nowrap;background:var(--surface-2);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600}.tag--recommended{background:color-mix(in srgb, var(--good) 22%, transparent);color:var(--good)}.tag--avoid{background:color-mix(in srgb, var(--bad) 22%, transparent);color:var(--bad)}.video-frame{aspect-ratio:16/9;border-radius:var(--radius);background:#000;max-width:900px;margin-bottom:16px;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.form{flex-direction:column;gap:16px;display:flex}.form-field{flex-direction:column;gap:4px;display:flex}.form-field input{width:100%}.form-field__error,.form__error{color:var(--bad);font-size:.9rem}@media (width<=640px){.table th,.table td{padding:8px 6px}.table thead th{letter-spacing:0;font-size:.7rem}.table__hero{gap:6px}}.admin{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:32px;display:grid}.admin__form .hero-select .icon-select{--icon-select-width:100%;max-width:none}.hero-select .icon-select{max-width:320px}.admin .table th,.admin .table td{padding:12px}.admin .table-wrap{margin-bottom:24px}.admin .table td:has(>.form__actions){white-space:nowrap;background:var(--surface);width:1%;position:sticky;right:0}.admin .table .form__actions{flex-wrap:nowrap;justify-content:flex-end}.admin .table tbody th{font-weight:600}.form__actions{flex-wrap:wrap;gap:8px;display:flex}.form-field textarea{width:100%;font:inherit;resize:vertical}.form-field .muted{font-size:.85rem}.notice--success{border-color:var(--good,var(--accent))}.button--danger{background:var(--bad);color:#fff}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:calc(100% - 32px);max-width:440px;padding:24px;box-shadow:0 24px 60px #00000080}.dialog h2{margin:0 0 8px;font-size:1.15rem}.dialog p{color:var(--muted);margin:0 0 20px;line-height:1.5}.dialog__actions{justify-content:flex-end;gap:8px;display:flex}.status-badge--warning{color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.status-badge--info{color:var(--link);border-color:color-mix(in srgb, var(--link) 40%, transparent);background:color-mix(in srgb, var(--link) 12%, transparent)}.select-pill--good{color:var(--good);border-color:color-mix(in srgb, var(--good) 40%, transparent);background-color:color-mix(in srgb, var(--good) 12%, transparent)}.select-pill--bad{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 40%, transparent);background-color:color-mix(in srgb, var(--bad) 12%, transparent)}.changes strong{color:var(--muted);font-weight:600}.changes{margin:0;padding:0;font-size:.85rem;list-style:none}.changes del{color:var(--bad)}.changes ins{color:var(--good,inherit);text-decoration:none}@media (width<=800px){.admin{grid-template-columns:minmax(0,1fr)}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.is-stale{opacity:.6;transition:opacity .15s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1080px){.nav{flex-direction:column}}.patch-notes{white-space:pre-wrap}.chart__svg--win{--series:var(--bar-win)}.chart__svg--pick{--series:var(--bar-pick)}.chart__svg--ban{--series:var(--bar-ban)}.settings{gap:20px;max-width:640px;margin-inline:auto;display:grid}.settings-section .button{justify-self:start}.settings .form>.button{align-self:flex-start}.settings-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:12px;padding:24px;display:grid}.settings-section h2{margin:0;font-size:1.1rem}.settings-section>.muted{margin:0}.preferences-form .icon-select{--icon-select-width:100%}.link-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.link-list li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.portrait{object-fit:cover;background:var(--surface-2);border-radius:8px;flex:none;display:inline-block}.thumbnail{object-fit:cover;background:var(--surface-2);border-radius:6px;flex:none;display:inline-block}.thumbnail--banner{border-radius:var(--radius)}.admin__picker{align-items:flex-end;gap:12px;display:flex}.admin .table thead th,.admin .field__label{text-transform:none;letter-spacing:0}.map-banner__mode .mode-icon{width:24px;height:24px;color:var(--accent)}.highlights{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:16px;display:grid}.highlight{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.highlight h3{margin:0 0 8px;font-size:.9rem}.highlight__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.highlight__hero{color:var(--text);grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:"portrait name delta""portrait stats stats";align-items:center;column-gap:12px;text-decoration:none;display:grid}.highlight__portrait{grid-area:portrait;display:inline-flex}.highlight__name{grid-area:name}.highlight__delta{grid-area:delta}.highlight__stats{white-space:nowrap;grid-area:stats;font-size:.8rem}.highlight__hero:hover .highlight__name{text-decoration:underline}.highlight__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}input[type=range]{accent-color:var(--accent);padding:0}.highlight__label{margin:12px 0 6px;font-size:.8rem}.highlight h3{align-items:center;display:flex}.perk-card--recommended{border-color:var(--good);box-shadow:inset 0 0 0 1px var(--good)}.perk-card--optional{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.perk-card--avoid{border-color:var(--bad);box-shadow:inset 0 0 0 1px var(--bad)}.tag--optional{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent-text)}.perk-card--right{grid-column:2}.perk-card--left{grid-column:1}@media (width<=640px){.perk-card--right,.perk-card--left{grid-column:auto}}.chart__tooltip .delta{margin-left:0}.hero-perks--tank{--role-color:var(--tank)}.hero-perks--damage{--role-color:var(--damage)}.hero-perks--support{--role-color:var(--support)}.map-card__favorite .favorite-star{color:#fff;background:#0000008c;border-radius:999px}.map-card__favorite .favorite-star:hover,.map-card__favorite .favorite-star[aria-pressed=true]{color:var(--accent-text)}.segmented__item{white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:40px;line-height:1.2;display:inline-flex}.mode-heading .mode-icon{width:24px;height:24px;color:var(--accent-text)}.section__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section__heading h2{margin:0}.tag--kind-setup{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent-text)}.tag--kind-position{background:color-mix(in srgb, var(--tank) 22%, transparent);color:var(--tank)}.tag--kind-ultimate{background:color-mix(in srgb, var(--damage) 22%, transparent);color:var(--damage)}.tag--kind-tip{background:color-mix(in srgb, var(--support) 22%, transparent);color:var(--support)}.tag--side-attack,.tag--side-defense{background:var(--surface-2);color:var(--muted)}.stat-chip--win{border-left-color:var(--bar-win)}.stat-chip--pick{border-left-color:var(--bar-pick)}.place-icon{vertical-align:middle;align-items:center;gap:6px;display:inline-flex}.spot-groups .portrait,.spot-groups .mode-icon{vertical-align:middle;margin-right:4px}.glyph--triangle{color:#0f9d78}.glyph--circle{color:#d6364f}.glyph--cross{color:#2f6fdb}.glyph--square{color:#c4488f}.glyph--xbox-a{color:#52b043}.glyph--xbox-b{color:#e0443e}.glyph--xbox-x{color:#3b8de0}.glyph--xbox-y{color:#ffbf00}.glyph--plain-a,.glyph--plain-b,.glyph--plain-x,.glyph--plain-y{color:#f2f2f2;background:#3b3d42}.perk-tip--recommended{border-left-color:var(--good)}.perk-tip--avoid{border-left-color:var(--bad)}.matchups{margin:0 0 24px}.matchup{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--role-color,var(--border));border-radius:14px;grid-template-columns:minmax(180px,220px) repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;padding:16px;display:grid}.matchup--tank{--role-color:var(--tank)}.matchup--damage{--role-color:var(--damage)}.matchup--support{--role-color:var(--support)}.relation-avatar--tank{--role-color:var(--tank)}.relation-avatar--damage{--role-color:var(--damage)}.relation-avatar--support{--role-color:var(--support)}@media (width<=900px){.matchup{grid-template-columns:minmax(0,1fr)}}.relation-tabs__chips--strong{--column-color:var(--good)}.relation-tabs__chips--struggles{--column-color:var(--bad)}#hero-statistics,#hero-counters,#hero-abilities,#hero-perks,#hero-maps,#hero-spots{scroll-margin-top:56px}.icon-select__icon .thumbnail,.icon-select__icon .rank-icon{border-radius:4px;width:100%;height:100%}.icon-select__icon .rank-icon{object-fit:contain}.legal{gap:16px;line-height:1.65;display:grid}.legal>section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:20px 24px}.legal h2{margin:0 0 10px;font-size:1.1rem}.legal p{color:var(--muted);margin:0 0 12px}.legal p:last-child,.legal ul:last-child{margin-bottom:0}.legal ul{color:var(--muted);gap:8px;margin:0 0 12px;padding-left:20px;list-style:outside;display:grid}.legal li::marker{color:var(--accent)}.legal code{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:6px;padding:1px 6px;font-size:.85em}.hero-banner--backdrop .page-header{margin-bottom:12px}.toast{border:1px solid var(--border);border-left:4px solid var(--good);border-radius:var(--radius);background:var(--surface-2);color:var(--text);pointer-events:auto;align-items:center;gap:10px;padding:12px 12px 12px 14px;font-size:.9rem;animation:.18s ease-out toast-in;display:flex;box-shadow:0 10px 28px #0006}.toast svg:first-child{color:var(--good);flex:none}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.table-sort{display:none}@media (width<=760px){.table th,.table td{padding-inline:4px}.table th:first-child,.table td:first-child{padding-left:8px}.table th:last-child,.table td:last-child{padding-right:8px}.table__sort svg{width:12px;height:12px}.table__hero{gap:4px}.table__hero a{font-size:.9rem}.table__hero .portrait{width:24px;height:24px}}@media (width>=761px) and (width<=900px){.table:not(.table--cards) th,.table:not(.table--cards) td{padding-inline:10px}}@media (width<=900px){.table-sort{align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.table-sort__field{flex-direction:column;flex:1;gap:4px;display:flex}.table-sort__field select{width:100%}.table.table--cards thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.table.table--cards,.table.table--cards tbody,.table.table--cards tr,.table.table--cards th,.table.table--cards td{width:100%;display:block}.table.table--cards tbody tr{border-bottom:1px solid var(--border);padding:12px}.table.table--cards tbody tr:last-child{border-bottom:0}.table.table--cards tbody th{text-align:left;border:0;padding:0 0 8px}.table.table--cards td{text-align:right;border:0;justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.table.table--cards td:before{content:attr(data-label);color:var(--muted);text-align:left;flex:none;font-size:.8125rem}.table.table--cards td[data-label=""]:before{content:none}.table.table--cards td:empty{display:none}.admin .table.table--cards td:has(>.form__actions){background:0 0;justify-content:flex-end;width:100%;padding-top:8px;position:static}}@media (width<=380px){.table:not(.table--cards) td{font-size:.875rem}.table__hero .role-badge__image{display:none}}@media (width<=340px){.table__hero .portrait{display:none}.table th:first-child,.table td:first-child{padding-left:4px}.table th:last-child,.table td:last-child{padding-right:4px}}.main{flex:1;padding-top:24px;padding-bottom:40px}.skip-link{background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius);z-index:10;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip-link:focus{left:8px}.site-header{background:var(--surface);border-bottom:1px solid var(--border)}.site-header__inner{flex-wrap:wrap;align-items:center;gap:24px;min-height:56px;display:flex}.site-header__account{flex-shrink:0;align-items:center;gap:12px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.brand__logo{border-radius:8px;display:block}.nav__link{border-radius:var(--radius);color:var(--muted);padding:6px 12px;text-decoration:none;display:inline-block}.nav__link:hover,.nav__link--active{color:var(--text);background:var(--surface-2)}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);padding:40px 0 28px;font-size:.875rem}.site-footer__main{grid-template-columns:minmax(0,2fr) repeat(2,minmax(120px,1fr));gap:32px;display:grid}.site-footer__brand{align-content:start;gap:12px;display:grid}.site-footer__brand p{max-width:320px;margin:0;line-height:1.5}.site-footer__column{align-content:start;gap:8px;display:grid}.site-footer__column h2{color:var(--text);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.78rem}.site-footer__column a{width:fit-content;color:var(--muted);text-decoration:none}.site-footer__column a:hover,.site-footer__column a:focus-visible{color:var(--accent-text);text-decoration:underline}.site-footer__fine-print{border-top:1px solid var(--border);gap:6px;margin-top:32px;padding-top:20px;font-size:.78rem;line-height:1.5;display:grid}.site-footer__fine-print p{margin:0}@media (width<=640px){.site-footer__main{grid-template-columns:1fr 1fr}.site-footer__brand{text-align:center;grid-column:1/-1;justify-items:center}.site-footer__brand p{margin-inline:auto}}.button--compact{padding:6px 14px}.main:focus{outline:none}.site-header__toggle{display:none}.site-header__menu{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.hero-search{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-width:110px;color:var(--muted);flex:0 180px;align-items:center;gap:6px;margin-inline:auto;padding:0 8px;display:flex;position:relative}.hero-search input{background:0 0;border:0;width:100%;min-width:0}.hero-search input:focus-visible{outline:none}.hero-search:focus-within{outline:2px solid var(--accent)}.hero-search__list{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.hero-search__list[hidden]{display:none}.hero-search__option{color:var(--text);cursor:pointer;border-radius:6px;padding:6px 12px}.hero-search__option--active,.hero-search__option:hover{background:var(--surface-2)}@media (width>=1024px) and (width<=1240px){.site-header__inner{gap:16px}.nav__link{padding:6px 8px}}@media (width<=1023px){.site-header__toggle{margin-left:auto;display:inline-flex}.site-header__menu{flex-direction:column;flex-basis:100%;align-items:stretch;padding-bottom:12px;display:none}.site-header__menu--open{display:flex}.site-header__account{flex-wrap:wrap}.hero-search{flex:none;margin-inline:0}}.hero-search__option{align-items:center;gap:8px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.page-header__actions{flex-wrap:wrap;flex:none;align-items:center;gap:8px;max-width:100%;display:flex}.spinner{color:var(--muted);align-items:center;gap:12px;padding:16px 0;display:flex}.spinner__dot{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner__dot{animation:none}}.new-badge{color:var(--accent-contrast);text-transform:uppercase;letter-spacing:.04em;background:var(--accent);border-radius:999px;flex:none;padding:1px 7px;font-size:.65rem;font-weight:700;line-height:1.4}.page-header h1 .new-badge{vertical-align:middle;margin-left:12px}.rate-bar{align-items:center;gap:12px;display:inline-flex}.rate-bar__value{font-variant-numeric:tabular-nums;min-width:52px}.rate-bar__track{background:var(--surface-2);border-radius:4px;width:90px;height:6px;overflow:hidden}.rate-bar__fill{height:100%;display:block}.change .delta{text-align:right;margin-left:0}.delta{font-variant-numeric:tabular-nums;color:var(--muted);margin-left:8px;font-size:.8rem}.delta--up{color:var(--good)}.delta--down{color:var(--bad)}.role-badge{align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.role-badge__icon{fill:var(--muted);flex:none}.role-badge--tank .role-badge__icon{fill:var(--tank)}.role-badge--damage .role-badge__icon{fill:var(--damage)}.role-badge--support .role-badge__icon{fill:var(--support)}.form-field__control{position:relative}.form-field__control input{padding-right:44px}.form-field__toggle{width:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:0;bottom:0;right:0}.form-field__toggle:hover{color:var(--text)}@media (width<=640px){.rate-bar__track{display:none}}.skeleton__row{border-bottom:1px solid var(--border);background:linear-gradient(90deg, var(--surface) 0%, var(--surface-2) 50%, var(--surface) 100%);background-size:200% 100%;height:45px;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.portrait--fallback{color:var(--muted);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.page-header__title{flex:320px;align-items:center;gap:16px;min-width:0;display:flex}.role-badge__image{background-color:var(--muted);flex:none;width:22px;height:22px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.role-badge--tank .role-badge__image{background-color:var(--tank)}.role-badge--damage .role-badge__image{background-color:var(--damage)}.role-badge--support .role-badge__image{background-color:var(--support)}.role-tags{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.info-chip{align-items:center;display:inline-flex;position:relative}.info-chip--plain{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:4px 12px}.info-chip__button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:help;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.info-chip__button:hover,.info-chip__button:focus-visible{border-color:var(--accent)}.info-chip__tip{z-index:100;border:1px solid var(--border);background:var(--surface-2);width:max-content;max-width:min(280px,80vw);color:var(--text);text-align:left;border-radius:8px;padding:8px 12px;font-size:.85rem;font-weight:400;line-height:1.4;display:none;position:fixed;box-shadow:0 6px 20px #0000004d}.info-chip__tip--open{display:block}.segmented__item .role-badge{font-size:inherit}.segmented__item--active .role-badge__icon{fill:currentColor}.segmented__item--active .role-badge__image{background-color:currentColor}.segmented__item .role-badge__image{width:18px;height:18px}.mode-icon,.all-roles-icon{background-color:currentColor;flex:none;width:18px;height:18px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.subrole-icon{flex:none;display:inline-block}.highlight__name .mode-icon{vertical-align:-3px;margin-right:6px}.icon-select{--icon-select-width:200px;position:relative}.icon-select--wide{--icon-select-width:240px}.icon-select__trigger{box-sizing:border-box;width:var(--icon-select-width);height:42px;font:inherit;color:var(--text);text-align:left;background-color:var(--surface-2);border:1px solid var(--border);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;border-radius:8px;align-items:center;padding:0 32px 0 12px;display:flex}.icon-select__list{z-index:20;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:8px;width:max-content;min-width:100%;max-width:calc(100vw - 32px);max-height:360px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 8px 24px #00000059}.icon-select__search{z-index:1;border-bottom:1px solid var(--border);background:var(--surface);margin:-4px -4px 4px;padding:8px;position:sticky;top:-4px}.icon-select__search input{box-sizing:border-box;width:100%}.icon-select__empty{color:var(--muted);padding:10px 8px;font-size:.9rem}.icon-select__option{cursor:pointer;border-radius:6px;align-items:center;height:36px;padding:0 6px;display:flex}.icon-select__group{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:8px 6px 4px;font-size:.75rem;font-weight:600}.icon-select__option--highlighted{background:var(--surface-2)}.icon-select__option--selected{font-weight:600}.icon-select__content{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.icon-select__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.icon-select__icon{width:24px;height:24px;color:var(--muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-select__icon .thumbnail{object-fit:cover}.icon-select__trigger:disabled{opacity:.55;cursor:not-allowed}.filters-panel__toggle{display:none}.filters-panel__body>.filters{margin-bottom:16px}@media (width<=640px){.filters-panel{margin-bottom:16px}.filters-panel__toggle{justify-content:flex-start;width:100%;display:flex}.filters-panel__chevron{margin-left:auto;transition:transform .15s}.filters-panel--open .filters-panel__chevron{transform:rotate(180deg)}.filters-panel__body{margin-top:8px;display:none}.filters-panel--open .filters-panel__body{display:block}.filters-panel__body>.filters{margin-bottom:0}}.toast-viewport{z-index:200;pointer-events:none;gap:8px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:72px;right:16px}.toast__message{overflow-wrap:anywhere;flex:1;min-width:0}.toast__close{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.toast__close:hover{background:var(--border);color:var(--text)}.account-header{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.account-header__body{padding:20px 24px 16px}.account-header__identity{gap:4px;min-width:0;display:grid}.account-header__identity h1{margin:0;font-size:1.5rem;line-height:1.2}.account-header__identity p{overflow-wrap:anywhere;margin:0}.account-header__badges{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.account-badge{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.account-badge--admin{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent-text)}.account-badge--good{border-color:color-mix(in srgb, var(--good) 40%, transparent);background:color-mix(in srgb, var(--good) 14%, transparent);color:var(--good)}.account-badge--warn{border-color:color-mix(in srgb, var(--bad) 40%, transparent);background:color-mix(in srgb, var(--bad) 14%, transparent);color:var(--bad)}.account-header__tabs{border-top:1px solid var(--border);gap:4px;padding:0 16px;display:flex}.account-tab{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 14px;font-weight:600;text-decoration:none}.account-tab:hover{color:var(--text)}.account-tab--active{border-bottom-color:var(--accent);color:var(--text)}.nowrap{white-space:nowrap}.table-search{align-items:center;gap:12px;margin-bottom:12px;display:flex}.table-search input{flex:0 320px;min-width:0}.admin__menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px;position:sticky;top:16px}.admin__menu ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.admin__link{color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.admin__link:hover{background:var(--surface-2);color:var(--text)}.admin__link--active,.admin__link--active:hover{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent-text);font-weight:600}.admin__link svg{flex:none}.admin__content{min-width:0}.admin__form{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:640px;margin-top:24px;padding:24px}.admin__cards{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.admin__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:100%;color:var(--text);grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:16px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.admin__card:hover{border-color:var(--accent);transform:translateY(-2px)}.admin__card-icon{background:color-mix(in srgb, var(--accent) 16%, transparent);width:40px;height:40px;color:var(--accent-text);border-radius:8px;grid-row:span 2;justify-content:center;align-items:center;display:inline-flex}.admin__card-title{font-weight:600}.admin__card-text{color:var(--muted);grid-column:2;font-size:.85rem}.admin__content>.hero-select{margin-bottom:16px}.breadcrumbs{color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;font-size:.9rem;display:flex}.breadcrumbs a{color:var(--muted);font-weight:600;text-decoration:none}.breadcrumbs a:hover{color:var(--accent-text);text-decoration:underline}.breadcrumbs [aria-current=page]{color:var(--text)}.form-field--checkbox label{align-items:center;gap:8px;display:flex}.form-field--checkbox input{width:auto;accent-color:var(--accent)}.pagination{justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:.85rem;display:flex}.pagination .button{min-height:0;padding:4px 12px;font-size:.85rem}.dialog__backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.table__error{overflow-wrap:anywhere;width:240px;color:var(--bad);font-size:.85rem;display:block}.status-badge{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:2px 12px;font-size:.8rem;font-weight:600;display:inline-block}.status-badge--good{color:var(--good);border-color:color-mix(in srgb, var(--good) 40%, transparent);background:color-mix(in srgb, var(--good) 12%, transparent)}.status-badge--bad{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 40%, transparent);background:color-mix(in srgb, var(--bad) 12%, transparent)}.status-badge--action{cursor:pointer;font-family:inherit}.status-badge--action:hover{filter:brightness(1.2)}.select-pill{cursor:pointer;background-image:none;border-radius:999px;padding:3px 12px;font-size:.8rem;font-weight:600}.select-pill option{color:var(--text);background:var(--surface)}.select-pill--warning{color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 40%, transparent);background-color:color-mix(in srgb, var(--accent) 12%, transparent)}@media (width<=800px){.admin__menu{position:static}.admin__menu ul{scrollbar-width:none;background:linear-gradient(to right, var(--surface) 30%, transparent) left center / 32px 100% no-repeat local, linear-gradient(to left, var(--surface) 30%, transparent) right center / 32px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, color-mix(in srgb, var(--text) 28%, transparent), transparent) left center / 12px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--text) 28%, transparent), transparent) right center / 12px 100% no-repeat scroll;flex-direction:row;overflow-x:auto}.admin__link{white-space:nowrap}}.thumbnail--icon{object-fit:contain;width:auto;max-width:120px;height:40px}.image-upload{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.image-upload__preview{object-fit:contain;border-radius:6px;max-width:160px;max-height:90px}.drawer__backdrop{z-index:40;background:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--border);width:min(560px,100%);height:100%;padding:24px;animation:.18s ease-out drawer-in;position:relative;overflow-y:auto;box-shadow:-8px 0 24px #00000040}.drawer:focus{outline:none}.drawer .admin__form{background:0 0;border:0;max-width:none;margin-top:0;padding:0}.drawer__close{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.drawer__close:hover{border-color:var(--accent)}.drawer .admin__form h2{border-bottom:1px solid var(--border);margin:0 0 4px;padding:0 44px 16px 0;font-size:1.25rem}.drawer .form__actions{border-top:1px solid var(--border);background:var(--surface);margin:8px -24px -24px;padding:14px 24px;position:sticky;bottom:-24px}body.drawer-open{overflow:hidden}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.drawer{animation:none}}.admin__name{align-items:center;gap:12px;display:inline-flex}.category-members{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 12px;max-height:260px;display:grid;overflow-y:auto}.section__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section__header h2{margin:0}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;max-width:420px;margin:24px auto;padding:24px;display:flex}.auth-card__divider{color:var(--muted);align-items:center;gap:12px;font-size:.85rem;display:flex}.auth-card__divider:before,.auth-card__divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-card__switch{text-align:center;color:var(--muted);margin:4px 0 0;font-size:.95rem}.auth-link{color:var(--accent-text);font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-link--aside{align-self:flex-end;margin-top:-8px;font-size:.875rem;font-weight:500}.auth-alert{border:1px solid var(--accent);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:8px;padding:12px 14px;font-size:.9rem;display:flex}.auth-alert p{margin:0}.auth-alert__action{color:var(--accent-text);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-weight:600}.auth-alert__action:hover{text-decoration:underline}.feedback-origin{color:var(--muted);margin:0;font-size:.9rem}.feedback-origin code{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;padding:2px 8px}.feedback-counter{justify-content:space-between;gap:12px;font-size:.85rem;display:flex}.spot-filters{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin:0 0 16px;display:flex}.spot-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;height:100%;display:flex;overflow:hidden}.spot-card__media{aspect-ratio:16/9;background:#000;position:relative}.spot-card__media iframe,.spot-card__play{border:0;width:100%;height:100%;position:absolute;inset:0}.spot-card__play{cursor:pointer;background:0 0;padding:0}.spot-card__play img{object-fit:cover;width:100%;height:100%;transition:transform .25s ease-out;display:block}.spot-card__play:hover img{transform:scale(1.04)}.spot-card__icon{color:#fff;background:#0009;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spot-card__play:hover .spot-card__icon{background:var(--accent);color:var(--accent-contrast)}.spot-card__length{color:#fff;background:#000000bf;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:600;position:absolute;bottom:8px;right:8px}.spot-card__body{flex-direction:column;gap:6px;padding:12px 16px 16px;display:flex}.spot-card__body h3{margin:0;font-size:1rem;line-height:1.3}.spot-card__body h3 a{color:var(--text);text-decoration:none}.spot-card__body h3 a:hover{color:var(--accent-text)}.spot-card__body p{margin:0}.spot-card__description{font-size:.85rem}.spot-card__tags{flex-wrap:wrap;align-items:center;gap:6px;min-height:28px;display:flex}.spot-rail-wrap{position:relative}.spot-rail{scroll-snap-type:x proximity;scrollbar-width:thin;gap:16px;margin:0;padding:0 0 12px;list-style:none;display:flex;overflow-x:auto}.spot-rail>li{scroll-snap-align:start;flex:0 0 min(300px,80vw)}.spot-rail__arrow{z-index:2;width:40px;height:40px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:75px;box-shadow:0 4px 14px #0006}.spot-rail__arrow:hover{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.spot-rail__arrow--back{left:-12px}.spot-rail__arrow--forward{right:-12px}.spot-card__place{flex-wrap:wrap;align-items:center;gap:4px;margin:0;display:flex}.guide{text-align:center}.guide__header{margin-bottom:20px}.guide__header h1{text-wrap:balance;margin:0 0 12px}.guide__meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin:0;display:flex}.guide__place{color:var(--text);align-items:center;gap:8px;font-weight:500;display:inline-flex}.guide__place .thumbnail{object-fit:cover;border-radius:6px;width:56px;height:32px}.guide .video-frame{margin-inline:auto}.guide__description{text-wrap:balance;max-width:65ch;margin:20px auto 0}.hero-traits{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.hero-traits__column{--trait-color:var(--link);border-left:3px solid var(--trait-color);padding-left:12px}.hero-traits__column--strong{--trait-color:var(--good)}.hero-traits__column--weak{--trait-color:var(--bad)}.hero-traits__column h2{color:var(--trait-color);margin-top:0}.hero-traits__column ul{margin:0;padding-left:16px;list-style:outside}.hero-traits__column li::marker{color:var(--trait-color)}.hero-traits__column li+li{margin-top:6px}.chip-list--centered{justify-content:center}.role-heading{justify-content:center;align-items:center;gap:12px;display:flex}.card-list{gap:8px;display:grid}.card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.card__title{align-items:center;gap:8px;display:flex}.perk-group+.perk-group{margin-top:16px}.card__icon{align-self:flex-start}.highlight__hero--map{grid-template-columns:64px minmax(0,1fr) auto}.highlight__hero--map .thumbnail{border-radius:4px}.perk-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.perk-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.perk-card__header{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.perk-card__side{letter-spacing:.02em;font-size:.75rem}.perk-card__main{align-items:flex-start;gap:12px;width:100%;display:flex}.perk-card__icon{align-self:flex-start}@media (width<=640px){.perk-row{grid-template-columns:1fr}}.hero-perks-grid{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.hero-perks{--role-color:var(--accent);background:linear-gradient(160deg, color-mix(in srgb, var(--role-color) 10%, transparent), transparent 45%), var(--surface);border:1px solid var(--border);border-radius:14px;height:100%;padding:16px;transition:border-color .15s,transform .15s;position:relative;overflow:hidden}.hero-perks:before{content:"";background:var(--role-color);height:3px;position:absolute;inset:0 0 auto}.hero-perks:hover{border-color:color-mix(in srgb, var(--role-color) 60%, var(--border));transform:translateY(-2px)}.hero-perks__top{align-items:center;gap:8px;margin-bottom:12px;display:flex}.hero-perks__header{min-width:0;color:var(--text);flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.hero-perks__header .portrait{border:2px solid var(--role-color);border-radius:50%}.hero-perks__title{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.hero-perks__title strong{font-size:1.125rem}.hero-perks__title .muted{font-size:.8rem}.hero-perks .perk-group h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;margin:12px 0 8px;font-size:.7rem;display:flex}.hero-perks .perk-group h3:after{content:"";background:var(--border);flex:1;height:1px}.perk-row--compact{gap:8px}.perk-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;min-width:0;padding:8px 12px;transition:background .15s;display:flex}.perk-tile:hover{background:color-mix(in srgb, var(--surface-2) 70%, var(--text) 8%)}.perk-tile__body{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;font-size:.85rem;display:flex}.perk-tile__icon{flex-shrink:0}.perk-tile.perk-card--left{grid-column:1}.perk-tile.perk-card--right{grid-column:2}.perk-row.perk-row--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.perk-tile__body strong{overflow-wrap:anywhere;line-height:1.2}.perk-tile .tag{white-space:nowrap;max-width:100%;padding:1px 6px;font-size:.7rem}.ability-chip{vertical-align:middle;display:inline-flex;position:relative}.ability-chip__button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:help;border-radius:999px;align-items:center;gap:4px;padding:0 8px 0 4px;font-size:.9em;line-height:1.6;display:inline-flex}.ability-chip__button:hover,.ability-chip__button:focus-visible{border-color:var(--accent)}.ability-chip__icon{object-fit:contain;border-radius:4px;width:auto;max-width:56px;height:20px}.ability-chip__tip{z-index:110;border:1px solid var(--border);background:var(--surface-2);width:max-content;max-width:min(280px,80vw);color:var(--text);border-radius:8px;flex-direction:column;gap:4px;padding:8px 12px;font-size:.85rem;display:none;position:fixed;box-shadow:0 6px 20px #0000004d}.ability-chip__tip--open{display:flex}.ability-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ability-list__item{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:flex-start;gap:12px;padding:12px;display:flex}.ability-list__icon{object-fit:contain;border-radius:8px;flex:none;width:auto;max-width:96px;height:48px}.ability-list__title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ability-key{color:var(--muted);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.ability-key__cap{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;border-bottom-width:2px;border-radius:4px;padding:0 6px;font-weight:600;line-height:1.5}.ability-key--ultimate .ability-key__cap{border-color:var(--accent)}.segmented__count{opacity:.7;margin-left:4px;font-weight:400}.relation-tabs__panel{margin-top:12px}.perk-card__note{border-left:2px solid var(--border);margin-top:4px;padding-left:12px}.perk-tile .perk-tile__icon{background:var(--bg);border-radius:8px}.perk-tile__heading{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.hero-perks-grid{row-gap:0}.hero-perks-item{grid-row:span 4;grid-template-rows:subgrid;margin-bottom:16px;display:grid}.hero-perks-item>.hero-perks{grid-row:1/-1;grid-template-rows:subgrid;align-content:start;display:grid}.hero-perks-item .perk-group,.hero-perks__top{align-self:start}.hero-tags{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.hero-tags__stats{min-height:32px;display:flex}.stat-chips{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.stat-chip{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-left-width:3px;border-radius:999px;align-items:baseline;gap:4px;padding:3px 14px;font-size:.95rem;display:inline-flex}.stat-chip strong{color:var(--text)}.stat-chip--ban{border-left-color:var(--bar-ban)}.stat-chip--reserved{visibility:hidden}.ability-key__cap{justify-content:center;align-items:center;display:inline-flex}.glyph--ps{display:block}.glyph--face{background:#1d1f23;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.75rem;font-weight:700;line-height:1;display:inline-grid}.perk-tile__trigger{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.perk-tile__trigger:focus-visible{border-radius:8px}.perk-tip{z-index:100;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--surface-2);width:max-content;max-width:min(340px,85vw);color:var(--text);pointer-events:none;flex-direction:column;gap:12px;padding:12px 16px;font-size:.85rem;line-height:1.45;animation:.12s ease-out perk-tip-in;display:flex;position:fixed;box-shadow:0 14px 34px #00000080}.perk-tip--interactive{pointer-events:auto}.perk-tip--interactive:before,.perk-tip--interactive:after{content:"";height:12px;position:absolute;left:0;right:0}.perk-tip--interactive:before{bottom:100%}.perk-tip--interactive:after{top:100%}.perk-tip__header{align-items:center;gap:12px;display:flex}.perk-tip__actions{margin-left:auto}.perk-tip__title{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.perk-tip__title strong{font-size:.9rem;line-height:1.2}.perk-tip__title .tag{padding:1px 6px;font-size:.7rem}.perk-tip__text{color:var(--muted)}.perk-tip__note{border-top:1px solid var(--border);padding-top:12px}.perk-tip__label{color:var(--muted);margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}@keyframes perk-tip-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.perk-tip{animation:none}}.matchups__rows{gap:12px;margin:0;padding:0;list-style:none;display:grid}.matchup__hero{align-items:center;gap:8px;display:flex}.matchup__identity{min-width:0;color:var(--text);flex:1;align-items:center;gap:12px;text-decoration:none;display:flex}.matchup__identity:hover strong{color:var(--accent-text)}.matchup__title{flex-direction:column;min-width:0;display:flex}.matchup__cell{--column-color:var(--link);background:color-mix(in srgb, var(--column-color) 10%, var(--surface-2));border:1px solid color-mix(in srgb, var(--column-color) 30%, transparent);border-top:3px solid var(--column-color);border-radius:var(--radius);min-width:0;padding:12px}.matchup__cell--counters{--column-color:var(--good)}.matchup__cell--counteredBy{--column-color:var(--bad)}.matchup__cell--synergies{--column-color:var(--synergy)}.matchup__label{color:var(--column-color);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.matchup__label:before{margin-right:6px}.matchup__cell--counters .matchup__label:before{content:"▲"}.matchup__cell--counteredBy .matchup__label:before{content:"▼"}.matchup__cell--synergies .matchup__label:before{content:"◆"}.matchup__empty{color:var(--muted);font-size:.85rem;font-style:italic}.matchup__list{flex-wrap:wrap;gap:6px 4px;margin:0;padding:0;list-style:none;display:flex}.relation-avatar{width:54px;color:var(--text);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px 2px;font-size:.75rem;line-height:1.2;text-decoration:none;display:flex}.relation-avatar:hover,.relation-avatar:focus-visible{background:var(--surface-2)}.relation-avatar__image{box-shadow:0 0 0 2px var(--column-color,var(--role-color,var(--border)));border-radius:50%;display:inline-flex}.relation-avatar__image .portrait{border-radius:50%}.relation-avatar__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.category-chip{border:1px dashed var(--column-color);background:color-mix(in srgb, var(--column-color) 12%, transparent);min-height:32px;color:var(--text);font:inherit;cursor:help;border-radius:999px;align-items:center;gap:6px;margin:4px 4px 0 0;padding:2px 4px 2px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.category-chip:hover,.category-chip:focus-visible,.category-chip--open{border-style:solid}.category-chip__count{background:var(--surface-2);min-width:22px;height:22px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.category-tip{max-width:min(420px,90vw)}.category-tip__heroes{flex-wrap:wrap;gap:6px;display:flex}.category-tip__hero{border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:2px 12px 2px 2px;font-size:.8rem;text-decoration:none;display:inline-flex}.category-tip__hero:hover{border-color:var(--accent)}.relation-tabs__chips{--column-color:var(--link);margin-bottom:12px}.section-nav{z-index:20;background:var(--bg);flex-wrap:wrap;gap:8px;margin-top:24px;padding:8px 0;display:flex;position:sticky;top:0}.section-nav__link{border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;padding:4px 12px;font-size:.85rem}.section-nav__link:hover{color:var(--text);border-color:var(--muted)}.section-nav__link--active{color:var(--text);border-color:var(--accent)}.hero-perks--backdrop{border-color:color-mix(in srgb, var(--role-color) 55%, var(--border));background-position:90% 40%;background-size:cover}.hero-banner--backdrop{border:1px solid var(--border);background-position:90% 18%;background-size:cover;border-radius:14px;margin-bottom:24px;padding:20px}.hero-banner--backdrop .prose:last-child{margin-bottom:0}.vote-buttons{flex:none;align-self:flex-start;align-items:center;gap:4px;display:flex}.vote-buttons__button{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.vote-buttons__button:hover{color:var(--text);background:var(--surface-2)}.vote-buttons__button[aria-pressed=true]{color:var(--accent-text);border-color:var(--accent)}.segmented--quiet .segmented__item--active{background:var(--surface-2);box-shadow:inset 0 -3px 0 var(--accent);color:var(--text)}.table__flag{color:var(--accent);white-space:nowrap;background:var(--surface-2);border:1px solid var(--accent);cursor:help;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.change__value{text-align:right}.change__arrow{text-align:center;color:var(--muted)}.chart{margin:16px 0}.chart__caption{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.chart__svg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;height:auto}.chart__line{fill:none;stroke:var(--series);stroke-width:2px}.chart__dot{fill:var(--series)}.chart__axis{stroke:var(--border)}.chart__marker{stroke:var(--muted);stroke-dasharray:4 4}.chart__marker--active{stroke:var(--accent);stroke-dasharray:none}.chart__marker--hotfix{stroke-dasharray:2 5;opacity:.7}.chart__marker-dot{fill:var(--accent);stroke:var(--surface);stroke-width:1.5px}.chart__marker-dot--hotfix{fill:var(--surface);stroke:var(--accent);stroke-width:2px}.chart__label{fill:var(--muted);font-size:.75rem}.stat-switch{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;display:flex}.chart__plot{position:relative}.chart__svg{touch-action:pan-y}.chart__svg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart__guide{stroke:var(--muted);stroke-opacity:.6}.chart__dot--active{stroke:var(--surface);stroke-width:2px}.chart__tooltip{z-index:5;border:1px solid var(--border);background:var(--surface-2);color:var(--text);pointer-events:none;white-space:nowrap;border-radius:8px;flex-direction:column;gap:2px;padding:6px 12px;font-size:.85rem;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 4px 14px #0000004d}.chart__tooltip--start{transform:translate(-8px,calc(-100% - 12px))}.chart__tooltip--end{transform:translate(calc(8px - 100%),calc(-100% - 12px))}.chart__tooltip-date{color:var(--muted);font-size:.75rem}.chart__tooltip-season{color:var(--accent-text);font-size:.75rem;font-weight:600}.chart__tooltip-effect{border-top:1px solid var(--border);color:var(--muted);margin-top:4px;padding-top:4px;font-size:.75rem}.chart__tooltip-patch{border-top:1px solid var(--border);color:var(--accent-text);margin-top:4px;padding-top:4px;font-size:.8rem;font-weight:600}.chart__tooltip-parent{color:var(--muted);font-size:.75rem;font-weight:400;display:block}.chart__tooltip-change{font-size:.8rem}.legal-page{max-width:720px;margin-inline:auto}.cookie-banner{z-index:50;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;max-width:720px;margin:0 auto;padding:16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 8px 24px #00000059}.cookie-banner p{flex:280px;margin:0}.cookie-banner__actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=640px){.cookie-banner{gap:10px;padding:12px;font-size:.8rem;line-height:1.4;bottom:8px;left:8px;right:8px}.cookie-banner p{flex-basis:100%}.cookie-banner__actions{flex-wrap:nowrap;flex:100%}.cookie-banner__actions .button{flex:1;padding:8px 10px;font-size:.85rem}}.cookie-settings{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);gap:4px;margin:0;padding:20px 24px;display:grid}.cookie-settings legend{padding:0 8px;font-size:1.1rem;font-weight:700}.cookie-settings label{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.cookie-settings label:hover{background:var(--surface-2)}.cookie-settings input{width:16px;height:16px;accent-color:var(--accent)}.map-grid{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.map-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.map-card:hover,.map-card:focus-visible{border-color:var(--accent)}.map-card__image{aspect-ratio:16/10;background:linear-gradient(135deg,#2a3446,#151a24);display:block;overflow:hidden}.map-card__image .thumbnail{border-radius:0;width:100%;height:100%;transition:transform .25s ease-out;display:block}.map-card:hover .map-card__image .thumbnail{transform:scale(1.05)}.map-card__name{text-shadow:0 1px 3px #0009;background:linear-gradient(#0000,#000000d9);padding:40px 16px 16px;font-size:1.25rem;font-weight:700;position:absolute;inset:auto 0 0}.map-banner{border:1px solid var(--border);border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#2a3446,#151a24);align-items:flex-end;min-height:220px;margin-bottom:16px;display:flex;position:relative;overflow:hidden}.map-banner__image{border-radius:0;width:100%;height:100%;position:absolute;inset:0}.map-banner__content{text-shadow:0 1px 4px #0009;background:linear-gradient(#0000,#000000d9);width:100%;padding:80px 24px 24px;position:relative}.map-banner__content h1{margin:0 0 4px;font-size:2.2rem}.map-banner__content p{color:#ffffffd9;max-width:60ch;margin:0}.map-banner__mode{color:#fff;align-items:center;gap:8px;margin-bottom:4px;font-size:1.1rem;display:flex}.map-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:calc(100% - 24px);display:flex;position:absolute;top:12px;right:12px}.map-actions .button--ghost,.map-actions .segmented{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.map-actions .button--ghost:hover{background:var(--surface-2)}@media (width<=599px){.map-banner{flex-direction:column;justify-content:space-between;align-items:stretch}.map-actions{z-index:1;order:-1;align-self:flex-end;margin:12px 12px 0;position:relative;top:auto;right:auto}.map-banner__content{padding-top:24px}}@media (width>=900px){.map-banner{min-height:340px}}@media (prefers-reduced-motion:reduce){.map-card__image .thumbnail{transition:none}.map-card:hover .map-card__image .thumbnail{transform:none}}.map-carousel{position:relative}.map-carousel__button{z-index:2;background:var(--surface);width:44px;height:44px;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0 0 4px;font-size:1.8rem;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #00000059}.map-carousel__button:hover{border-color:var(--accent);color:var(--accent)}.map-carousel__button--back{left:8px}.map-carousel__button--forward{right:8px}.map-carousel__track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;margin:0;padding:0 0 8px;list-style:none;display:flex;overflow-x:auto}.map-carousel__track::-webkit-scrollbar{display:none}.map-carousel__item{scroll-snap-align:start;flex:0 0 calc(25% - 18px);min-width:220px}.map-card-wrap{position:relative}.map-card__favorite{position:absolute;top:8px;right:8px}.mode-heading{align-items:center;gap:12px;display:flex}.map-card__mode{background:#0000008c;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex;position:absolute;top:8px;left:8px}.favorite-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.favorite-grid--wide{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.favorite-grid li{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 8px 8px 12px;display:flex}.favorite-grid li.favorite-grid__item--tank{border-left:3px solid var(--tank)}.favorite-grid li.favorite-grid__item--damage{border-left:3px solid var(--damage)}.favorite-grid li.favorite-grid__item--support{border-left:3px solid var(--support)}.favorite-grid .place-icon{gap:10px;min-width:0}.favorite-grid .place-icon a{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.favorite-grid .place-icon a:hover{color:var(--accent)}.favorite-grid__remove{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.favorite-grid__remove:hover,.favorite-grid__remove:focus-visible{background:color-mix(in srgb, var(--bad) 18%, transparent);color:var(--bad)}.preferences-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:16px 20px;display:grid}@media (width<=560px){.preferences-form{grid-template-columns:minmax(0,1fr)}}.preferences-form__footer{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:16px;display:flex}.favorite-button{white-space:nowrap}.favorite-star{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;padding:4px 6px;font-size:1.25rem;line-height:1}.favorite-star:hover,.favorite-star[aria-pressed=true]{color:var(--accent-text)}.filters__note{flex-basis:100%;margin:0;font-size:.85rem}