.page-banner[data-v-ee42bc20]{background:var(--banner-gradient);border-radius:var(--radius-banner);color:#fff;margin:calc(var(--spacing, .25rem)*5) 0 calc(var(--spacing, .25rem)*8);overflow:hidden;padding:56px 24px 40px;position:relative;text-align:center}.page-banner-mosaic[data-v-ee42bc20]{display:grid;filter:blur(1.5px) saturate(.6);gap:6px;grid-template-columns:repeat(12,1fr);inset:-20px;mix-blend-mode:multiply;opacity:.16;pointer-events:none;position:absolute;transform:rotate(-4deg) scale(1.1)}.page-banner-mosaic-tile[data-v-ee42bc20]{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:6px}.page-banner[data-v-ee42bc20]>:not(.page-banner-mosaic){position:relative}.page-banner-eyebrow[data-v-ee42bc20]{background:#ffffff29;border:1px solid hsla(0,0%,100%,.28);border-radius:var(--border-radius-full);color:#fff;display:inline-block;font-size:13px;font-weight:600;padding:6px 14px}.page-banner-title[data-v-ee42bc20]{color:#fff;font-size:clamp(2.25rem,4vw + 1rem,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.05;margin:18px 0 12px}.page-banner-subtitle[data-v-ee42bc20]{color:#fff;font-size:16px;margin:0 auto;max-width:560px}.page-banner-bar[data-v-ee42bc20]{align-items:center;background:#0f112338;border-radius:var(--border-radius-full);display:inline-flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:28px;padding:8px 8px 8px 20px}.page-banner-bar .stat-value[data-v-ee42bc20-s]{color:#fff;font-size:20px;font-weight:700}.page-banner-bar .stat-label[data-v-ee42bc20-s]{color:#fff;font-size:14px}.page-banner-bar .page-banner-sep[data-v-ee42bc20-s]{background:#ffffff4d;display:inline-block;height:22px;width:1px}@media(max-width:576px){.page-banner[data-v-ee42bc20]{border-radius:22px;padding:36px 16px 24px}.page-banner-mosaic[data-v-ee42bc20]{display:none}}.skeleton-loader[data-v-06934166]{background:var(--well-color);border-radius:var(--radius-row);overflow:hidden}.skeleton-animated[data-v-06934166]{animation:shimmer-06934166 1.5s infinite;background:linear-gradient(90deg,var(--well-color) 25%,var(--background-color-alt3) 50%,var(--well-color) 75%);background-size:200% 100%;overflow:hidden;position:relative}.skeleton-hero-card[data-v-06934166]{border-radius:var(--radius-well);height:120px;padding:calc(var(--spacing, .25rem)*4);width:100%}.skeleton-hero-content[data-v-06934166]{display:flex;gap:calc(var(--spacing, .25rem)*4)}.skeleton-image[data-v-06934166]{background-color:var(--background-color-alt3);border-radius:var(--border-radius-sm);height:80px;width:80px}.skeleton-text[data-v-06934166]{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing, .25rem)*2)}.skeleton-title[data-v-06934166]{height:24px;width:70%}.skeleton-stats[data-v-06934166],.skeleton-title[data-v-06934166]{background-color:var(--background-color-alt3);border-radius:var(--radius-row)}.skeleton-stats[data-v-06934166]{height:16px;width:40%}.skeleton-table-row[data-v-06934166]{border-bottom:1px solid var(--border-color);display:flex;gap:calc(var(--spacing, .25rem)*4);padding:calc(var(--spacing, .25rem)*3)}@keyframes shimmer-06934166{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton-animated[data-v-06934166]{animation:none}}.win-rate[data-v-1833db17]{color:var(--text-color);font-variant-numeric:tabular-nums;white-space:nowrap}.hero-list-wrapper[data-v-2e2daf6b]{display:flex;flex-direction:column;height:100%}.team-select[data-v-2e2daf6b]{background:var(--well-color);border-radius:var(--border-radius-full);display:grid;gap:0;grid-template-columns:1fr 1fr;margin:.5rem;padding:3px}.team-btn[data-v-2e2daf6b]{align-items:center;background:transparent;border:none;border-radius:var(--border-radius-full);color:var(--text-color-muted);cursor:pointer;display:flex;font-weight:var(--font-weight-regular);gap:.5rem;justify-content:center;min-height:44px;padding:.75rem 1rem;transition:background-color var(--transition-duration),color var(--transition-duration)}.team-btn.active[data-v-2e2daf6b],.team-btn[data-v-2e2daf6b]:hover{color:var(--text-color)}.team-btn.active[data-v-2e2daf6b]{background:var(--surface-color);box-shadow:var(--card-shadow);font-weight:var(--font-weight-semibold)}.team-btn[data-v-2e2daf6b]:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.team-btn .size-4[data-v-2e2daf6b]{flex-shrink:0}.search-section[data-v-2e2daf6b]{flex-shrink:0;padding:0 0 calc(var(--spacing, .25rem)*4)}.search-container[data-v-2e2daf6b]{margin-bottom:.75rem}.search-input-wrapper[data-v-2e2daf6b]{align-items:center;display:flex;position:relative}.search-icon[data-v-2e2daf6b]{color:var(--text-color-muted);left:1rem;position:absolute;z-index:1}.search-input[data-v-2e2daf6b]{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;color:var(--text-color);font-size:var(--font-size-body);height:48px;outline:none;padding:0 2.75rem;transition:border-color var(--transition-duration);width:100%}.search-input[data-v-2e2daf6b]:focus{border-color:var(--primary-color);outline:2px solid var(--primary-color);outline-offset:-2px}.clear-search[data-v-2e2daf6b]{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-color-muted);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:.25rem;position:absolute;right:.75rem;touch-action:manipulation;transition:color var(--transition-duration);-webkit-tap-highlight-color:transparent}.clear-search[data-v-2e2daf6b]:active,.clear-search[data-v-2e2daf6b]:hover{color:var(--text-color)}.filter-tabs[data-v-2e2daf6b]{display:flex;flex-wrap:nowrap;gap:4px}.lane-tab[data-v-2e2daf6b]{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:var(--border-radius-full);color:var(--text-color-muted);cursor:pointer;display:flex;flex:1 1 0;font-size:11.5px;font-weight:500;gap:.2rem;justify-content:center;min-height:40px;min-width:0;padding:6px 3px;position:relative;transition:background-color var(--transition-duration),color var(--transition-duration),border-color var(--transition-duration)}.lane-tab[data-v-2e2daf6b]:after{content:"";inset:-2px 0;position:absolute}.lane-tab[data-v-2e2daf6b]:active,.lane-tab[data-v-2e2daf6b]:hover{color:var(--text-color)}.lane-tab.active[data-v-2e2daf6b]{background:var(--primary-soft-color);border-color:var(--primary-color);color:var(--primary-text-color)}.lane-tab[data-v-2e2daf6b]:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.tab-text[data-v-2e2daf6b]{font-size:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-content[data-v-2e2daf6b]{flex:1;min-height:0;overflow:hidden;padding:0 0 calc(var(--spacing, .25rem)*6)}.empty-state[data-v-2e2daf6b],.hero-content[data-v-2e2daf6b]{display:flex;flex-direction:column}.empty-state[data-v-2e2daf6b]{align-items:center;flex:1;justify-content:center;padding:3rem 2rem;text-align:center}.empty-description[data-v-2e2daf6b]{color:var(--text-color-muted);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0 0 2rem}.clear-filters-button[data-v-2e2daf6b]{background:var(--well-color);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color);cursor:pointer;font-weight:var(--font-weight-regular);min-height:44px;padding:.75rem 1.5rem;transition:background-color var(--transition-duration),border-color var(--transition-duration)}.clear-filters-button[data-v-2e2daf6b]:hover{background:var(--border-color)}.clear-filters-button[data-v-2e2daf6b]:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.hero-grid-section[data-v-2e2daf6b]{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;position:relative}.hero-list-container[data-v-2e2daf6b]{box-sizing:border-box;flex:1;max-height:520px;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-color:var(--primary-color) var(--well-color);scrollbar-width:thin}.hero-list-container[data-v-2e2daf6b]::-webkit-scrollbar{width:8px}.hero-list-container[data-v-2e2daf6b]::-webkit-scrollbar-track{background:transparent}.hero-list-container[data-v-2e2daf6b]::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:var(--border-radius-full)}.hero-list[data-v-2e2daf6b]{list-style:none;margin:0;padding:0}.hero-item[data-v-2e2daf6b]{align-items:center;border:1px solid transparent;border-radius:var(--radius-row);contain:content;cursor:pointer;display:flex;gap:14px;min-height:58px;padding:8px 12px;position:relative;transition:background-color var(--transition-duration-fast,.15s) ease,border-color var(--transition-duration-fast,.15s) ease}.hero-item[data-v-2e2daf6b]:hover{background-color:var(--surface-color)}.hero-item.selected[data-v-2e2daf6b]{background-color:var(--primary-soft-color);border-color:var(--primary-color)}.hero-img-container[data-v-2e2daf6b]{border-radius:var(--border-radius-sm);flex-shrink:0;height:36px!important;max-height:36px;max-width:64px;min-height:36px;min-width:64px;overflow:hidden;width:64px!important}.hero-img[data-v-2e2daf6b]{aspect-ratio:16/9;display:block;height:100%!important;-o-object-fit:cover;object-fit:cover;width:100%!important}.hero-item-name[data-v-2e2daf6b]{flex:1;font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-item .hero-item-winrate[data-v-2e2daf6b]{color:var(--primary-text-color);flex-shrink:0;font-size:14px;font-weight:600;text-align:right}.hero-info-btn[data-v-2e2daf6b]{align-items:center;background:var(--well-color);border:1px solid var(--border-color-alt3);border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;position:absolute;right:8px;top:50%;touch-action:manipulation;transform:translateY(-50%);width:32px;-webkit-tap-highlight-color:transparent;flex-shrink:0;padding:0;z-index:2}.hero-info-btn[data-v-2e2daf6b]:after{content:"";inset:-6px;position:absolute}.hero-info-btn[data-v-2e2daf6b]:active{background:var(--border-color-alt2);transform:translateY(-50%) scale(.92)}.hero-list-footer[data-v-2e2daf6b]{flex-shrink:0;padding:1rem 0 0;position:relative}.stats-summary[data-v-2e2daf6b]{align-items:center;color:var(--text-color-muted);display:flex;font-size:13px;gap:.5rem}.hero-count[data-v-2e2daf6b]{color:var(--text-color);font-weight:var(--font-weight-semibold)}.avg-winrate[data-v-2e2daf6b]{font-weight:var(--font-weight-regular)}.divider[data-v-2e2daf6b]{opacity:.5}.tips[data-v-2e2daf6b]{display:flex;gap:1rem}.tip-item[data-v-2e2daf6b]{align-items:center;display:flex;font-size:13px;gap:.375rem}.tip-item[data-v-2e2daf6b],.tip-item .size-4[data-v-2e2daf6b]{color:var(--text-color-muted)}.tip-item .size-4[data-v-2e2daf6b]{flex-shrink:0}.hero-stats-overlay[data-v-2e2daf6b]{background:#00000080;cursor:pointer;inset:0;position:fixed;z-index:var(--z-modal-backdrop)}@media(max-width:900px){.hero-list-container[data-v-2e2daf6b]{max-height:300px}}@media(max-width:767px){.hero-list-container[data-v-2e2daf6b]{max-height:60vh;max-height:60svh}.team-select[data-v-2e2daf6b]{margin:.375rem}.team-btn[data-v-2e2daf6b]{font-size:.8125rem;padding:.5rem .75rem}.search-section[data-v-2e2daf6b]{padding:0 0 .75rem}.search-container[data-v-2e2daf6b]{margin-bottom:.5rem}.hero-content[data-v-2e2daf6b]{padding:0 0 .75rem}.filter-tabs[data-v-2e2daf6b]{gap:4px}.lane-tab[data-v-2e2daf6b]{font-size:11px;min-height:40px;padding:6px 2px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lane-tab[data-v-2e2daf6b]:active{opacity:.8}.hero-item[data-v-2e2daf6b]{padding:.5rem 2.75rem .5rem .5rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hero-item[data-v-2e2daf6b]:active{background-color:var(--surface-color)}.hero-img-container[data-v-2e2daf6b]{height:30px!important;max-height:30px;max-width:50px;min-height:30px;min-width:50px;width:50px!important}.hero-list-footer[data-v-2e2daf6b]{align-items:stretch;flex-direction:column;gap:.5rem;padding:.5rem 0 0}.tips[data-v-2e2daf6b]{justify-content:center}}@media(max-width:480px){.hero-img-container[data-v-2e2daf6b]{height:27px!important;max-height:27px;max-width:45px;min-height:27px;min-width:45px;width:45px!important}}.content-grid[data-v-9692cdcc]{align-items:start;display:grid;gap:calc(var(--spacing, .25rem)*6);grid-template-columns:400px minmax(0,1fr)}@media(max-width:900px){.content-grid[data-v-9692cdcc]{grid-template-columns:minmax(0,1fr)}}