.page-container[data-v-3511eaba]{color:var(--dd-text);max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 24px}.heroes-header[data-v-3511eaba]{text-align:center;margin-bottom:32px}.heroes-header .subtitle-tag[data-v-3511eaba]{color:var(--dd-gold);letter-spacing:2px;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:11px;font-weight:700}.heroes-header .title[data-v-3511eaba]{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#b8b8b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:8px 0 12px;font-family:Outfit,sans-serif;font-size:36px;font-weight:800}.heroes-header .description[data-v-3511eaba]{color:var(--dd-text-dim);max-width:600px;margin:0 auto;font-size:15px}.toolbar[data-v-3511eaba]{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}@media (width>=768px){.toolbar[data-v-3511eaba]{flex-direction:row;justify-content:space-between;align-items:center}}.search-wrap[data-v-3511eaba]{background:var(--dd-bg-elevated);border:1px solid var(--dd-border-subtle);border-radius:var(--dd-radius);align-items:center;gap:10px;width:100%;max-width:320px;height:46px;padding:0 16px;transition:border-color .15s;display:flex}.search-wrap[data-v-3511eaba]:focus-within{border-color:#d4d4d466}.search-icon[data-v-3511eaba]{color:var(--dd-text-muted)}.search-input[data-v-3511eaba]{color:#fff;font-family:var(--dd-font);background:0 0;border:none;outline:none;width:100%;font-size:14px}.search-input[data-v-3511eaba]::placeholder{color:var(--dd-text-muted)}.filters[data-v-3511eaba]{flex-wrap:wrap;gap:8px;display:flex}.filter-btn[data-v-3511eaba]{background:var(--dd-bg-card);border:1px solid var(--dd-border-subtle);border-radius:var(--dd-radius-sm);color:var(--dd-text-dim);font-family:var(--dd-font);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.filter-btn[data-v-3511eaba]:hover{color:#fff;border-color:var(--dd-border);background:var(--dd-bg-elevated)}.filter-btn.active[data-v-3511eaba]{color:#000;background:var(--dd-gold);border-color:var(--dd-gold)}.filter-btn.active .dot.str[data-v-3511eaba],.filter-btn.active .dot.agi[data-v-3511eaba],.filter-btn.active .dot.int[data-v-3511eaba],.filter-btn.active .dot.univ[data-v-3511eaba]{background:#000}.dot[data-v-3511eaba]{border-radius:50%;width:8px;height:8px}.dot.str[data-v-3511eaba]{background:#f43f5e}.dot.agi[data-v-3511eaba]{background:#10b981}.dot.int[data-v-3511eaba]{background:#06b6d4}.dot.univ[data-v-3511eaba]{background:#a855f7}.stats-container[data-v-3511eaba]{background:var(--dd-bg-card);border:1px solid var(--dd-border);border-radius:var(--dd-radius);overflow:hidden}.loader[data-v-3511eaba],.empty-state[data-v-3511eaba]{text-align:center;color:var(--dd-text-dim);padding:64px 20px}.spinner[data-v-3511eaba]{border:3px solid #d4d4d41a;border-top-color:var(--dd-gold);border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:1s linear infinite spin-3511eaba}@keyframes spin-3511eaba{to{transform:rotate(360deg)}}.table-responsive[data-v-3511eaba]{width:100%;overflow-x:auto}.stats-table[data-v-3511eaba]{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.stats-table th[data-v-3511eaba],.stats-table td[data-v-3511eaba]{border-bottom:1px solid var(--dd-border-subtle);padding:16px 24px}.stats-table th[data-v-3511eaba]{color:var(--dd-text-muted);letter-spacing:.05em;-webkit-user-select:none;user-select:none;background:#ffffff03;font-size:11px;font-weight:700}.stats-table th.sortable[data-v-3511eaba]{cursor:pointer}.stats-table th.sortable[data-v-3511eaba]:hover{color:#fff;background:#ffffff05}.stats-table tbody tr[data-v-3511eaba]{cursor:pointer;transition:background .15s}.stats-table tbody tr[data-v-3511eaba]:hover{background:#d4d4d40a}.stats-table tbody tr:hover .detail-arrow[data-v-3511eaba]{opacity:1;color:var(--dd-gold)}.th-content[data-v-3511eaba]{align-items:center;gap:6px;display:flex}.sort-indicator[data-v-3511eaba]{color:var(--dd-gold)}.hero-col[data-v-3511eaba]{min-width:200px}.hero-info[data-v-3511eaba]{align-items:center;gap:12px;display:flex}.hero-portrait[data-v-3511eaba]{object-fit:cover;border:1px solid #ffffff14;border-radius:4px;width:44px;height:32px}.hero-name[data-v-3511eaba]{color:#fff;font-weight:600}.attr-badge[data-v-3511eaba]{border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.attr-badge.attr-str[data-v-3511eaba]{background:#f43f5e}.attr-badge.attr-agi[data-v-3511eaba]{background:#10b981}.attr-badge.attr-int[data-v-3511eaba]{background:#06b6d4}.attr-badge.attr-univ[data-v-3511eaba]{background:#a855f7}.win-rate[data-v-3511eaba]{font-weight:700}.win-rate.high[data-v-3511eaba]{color:#10b981}.win-rate.low[data-v-3511eaba]{color:#f43f5e}.tier-badge[data-v-3511eaba]{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700}.tier-badge.tier-s[data-v-3511eaba]{color:#f5f5f5;background:#f5f5f524}.tier-badge.tier-a[data-v-3511eaba]{color:#c4c4c4;background:#c4c4c41f}.tier-badge.tier-b[data-v-3511eaba]{color:#9a9a9a;background:#9a9a9a1a}.tier-badge.tier-c[data-v-3511eaba]{color:#767676;background:#7676761a}.trend-col[data-v-3511eaba]{align-items:center;gap:10px;font-weight:600;display:flex}.trend-col.positive[data-v-3511eaba]{color:#10b981}.trend-col.negative[data-v-3511eaba]{color:#f43f5e}.detail-arrow[data-v-3511eaba]{opacity:0;color:var(--dd-text-muted);flex-shrink:0;transition:opacity .15s,color .15s}