.meta-controls{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:var(--space-sm)}.control-group.counter-search-group{flex:1;min-width:200px}.control-group label{font-weight:700;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.view-toggle-buttons{display:flex;gap:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);flex-shrink:0}.view-toggle-btn{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);font-weight:600;background-color:var(--color-bg-elevated);color:var(--color-text-secondary);border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);border-right:1px solid var(--color-border);white-space:nowrap;flex:1;min-width:75px}.view-toggle-btn:last-child{border-right:none}.view-toggle-btn:hover{background-color:var(--color-bg-tertiary)}.view-toggle-btn.active{background-color:var(--color-primary);color:#fff}.meta-section{margin-bottom:var(--space-2xl)}.meta-section h2{margin-bottom:var(--space-xs);color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;text-align:center}.section-description{color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:var(--font-size-sm)}.tier-list-section{margin-bottom:var(--space-2xl)}.tier-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-sm)}.tier-list-section h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700}.tier-list-toggle{display:flex;gap:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.tier-toggle-btn{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:600;background-color:var(--color-bg-elevated);color:var(--color-text-secondary);border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);border-right:1px solid var(--color-border)}.tier-toggle-btn:last-child{border-right:none}.tier-toggle-btn:hover{background-color:var(--color-bg-tertiary)}.tier-toggle-btn.active{background-color:var(--color-primary);color:#fff}.page-view-tabs{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.page-view-btns{display:flex;gap:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.page-view-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:600;background-color:var(--color-bg-elevated);color:var(--color-text-secondary);border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);border-right:1px solid var(--color-border)}.page-view-btn:last-child{border-right:none}.page-view-btn:hover{background-color:var(--color-bg-tertiary)}.page-view-btn.active{background-color:var(--color-primary);color:#fff}.matrix-section{margin-bottom:var(--space-2xl)}.matrix-section-header{margin-bottom:var(--space-lg)}.matrix-section-header h2{margin:0 0 var(--space-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700}.matrix-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.matrix-wrapper{overflow:auto;padding-bottom:var(--space-md);max-height:80vh;position:relative}.matrix-grid{display:grid;background-color:var(--color-border-dark);white-space:nowrap;min-width:-moz-max-content;min-width:max-content}.matrix-cell{background-color:var(--color-bg-elevated);padding:4px;text-align:center;min-width:60px}.matrix-cell.matrix-header{padding:2px;display:flex;align-items:center;justify-content:center}.matrix-cell.matrix-header img{width:50px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer}.matrix-cell.win-cell{font-size:12px;line-height:1.2;display:flex;flex-direction:column;justify-content:center;min-height:70px}.matrix-cell.win-high{background-color:var(--color-success-bg)}.matrix-cell.win-high .win-cell-value{color:var(--color-success-dark)}.matrix-cell.win-low{background-color:var(--color-error-bg)}.matrix-cell.win-low .win-cell-value{color:var(--color-error)}.matrix-cell.win-neutral{background-color:var(--color-bg-tertiary)}.win-cell-label{font-size:9px;text-transform:uppercase;color:var(--color-text-secondary)}.win-cell-value{font-weight:700;font-size:13px}.win-cell-games{font-size:9px;color:var(--color-text-tertiary)}.matrix-grid .sticky-top{position:sticky;top:0;z-index:10;background-color:var(--color-bg-elevated)}.matrix-grid .sticky-left{position:sticky;left:0;z-index:10;background-color:var(--color-bg-elevated)}.matrix-grid .sticky-top.sticky-left{z-index:20;background-color:var(--color-bg-elevated)}.tier-list{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm)}.tier-row{display:flex;align-items:stretch;gap:var(--space-md);min-height:100px}.tier-label{width:48px;min-width:48px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:900;color:#fff;border-radius:var(--radius-md);text-shadow:0 1px 2px rgba(0,0,0,.3)}.tier-s .tier-label{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)}.tier-a .tier-label{background:linear-gradient(135deg,#ffa94d,#ff922b)}.tier-b .tier-label{background:linear-gradient(135deg,#ffd43b,#fab005)}.tier-c .tier-label{background:linear-gradient(135deg,#69db7c,#51cf66)}.tier-d .tier-label{background:linear-gradient(135deg,#74c0fc,#4dabf7)}.tier-leaders{flex:1;display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);align-items:flex-start;align-content:flex-start}.tier-leader-card{width:80px;background:var(--color-bg-elevated);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.tier-leader-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tier-leader-image{aspect-ratio:5 / 7;background:var(--color-bg-tertiary);overflow:hidden}.tier-leader-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tier-leader-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--color-text-tertiary);text-align:center;padding:var(--space-xs)}.tier-leader-info{padding:4px;text-align:center}.tier-leader-name{font-size:10px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.tier-leader-wr{font-size:11px;font-weight:700;color:var(--color-accent-primary)}.meta-leader-card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.meta-leader-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.rank-badge{position:absolute;top:var(--space-xs);left:var(--space-xs);background:var(--color-accent-primary);color:#fff;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;z-index:1}.meta-leader-card .leader-image{aspect-ratio:5 / 7;background:var(--color-bg-tertiary);overflow:hidden}.meta-leader-card .leader-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.meta-leader-card .leader-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-text-tertiary);text-align:center;padding:var(--space-sm)}.meta-leader-card .leader-info{padding:var(--space-sm);text-align:center}.meta-leader-card .leader-name{font-weight:700;font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.meta-leader-card .stat-value{color:var(--color-accent-primary);font-weight:700;font-size:var(--font-size-base)}.meta-leader-card .stat-detail{color:var(--color-text-tertiary);font-size:11px}.meta-leader-card .consistency-badge{font-size:10px;font-weight:700;color:var(--color-success);margin-top:2px;padding:2px 6px;background:var(--color-success-bg);border-radius:var(--radius-sm);display:inline-block}.search-input-wrapper{position:relative;width:100%}.search-input-wrapper .search-bar{width:100%}.counter-search-group .search-input-wrapper{max-width:none}.autocomplete-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:100;margin-top:4px}.autocomplete-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover,.autocomplete-item.active{background:var(--color-bg-tertiary)}.autocomplete-thumb{width:40px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.thumb-placeholder{width:40px;height:56px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0}.autocomplete-item span{font-size:var(--font-size-sm);color:var(--color-text-primary)}.counter-pick-top-section{background:var(--color-bg-elevated);padding:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl)}.selected-leaders{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-md);align-items:flex-start}.selected-leader-card{position:relative;width:120px;background:var(--color-bg-elevated);border-radius:var(--radius-md);overflow:visible;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.selected-leader-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.remove-leader-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#dc2626f2;color:#fff;border:2px solid white;border-radius:50%;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;padding:0;line-height:1;transition:background var(--transition-fast),transform var(--transition-fast)}.remove-leader-badge:hover{background:#b91c1c;transform:scale(1.1)}.selected-leader-image{aspect-ratio:5 / 7;background:var(--color-bg-tertiary);overflow:hidden}.selected-leader-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.selected-leader-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--color-text-tertiary);text-align:center;padding:var(--space-xs)}.selected-leader-placeholder{position:relative;width:120px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:2px dashed var(--color-border);overflow:hidden;opacity:.5;cursor:pointer;transition:opacity var(--transition-fast)}.selected-leader-placeholder:hover{opacity:.7}.placeholder-content{aspect-ratio:5 / 7;display:flex;align-items:center;justify-content:center}.placeholder-plus{font-size:48px;font-weight:300;color:var(--color-text-tertiary);line-height:1}.helper-text{color:var(--color-text-tertiary);font-style:italic;font-size:var(--font-size-sm)}.counter-results h3{margin-bottom:var(--space-md);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:700}.counter-leaders-row{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-md)}.no-results{color:var(--color-text-tertiary);font-style:italic;padding:var(--space-lg);text-align:center;background:var(--color-bg-elevated);border-radius:var(--radius-lg)}@media(max-width:1024px){.counter-leaders-row{grid-template-columns:repeat(4,1fr)}.tier-leader-card{width:70px}.tier-leader-name{font-size:9px}}@media(max-width:767px){.counter-leaders-row{grid-template-columns:repeat(2,1fr)}.meta-controls{align-items:stretch}.control-group.counter-search-group{flex-basis:100%;order:-1}.search-input-wrapper{max-width:100%}.meta-leader-card .leader-name{font-size:12px}.meta-leader-card .stat-value{font-size:var(--font-size-sm)}.tier-list-header{flex-direction:column;align-items:flex-start}.tier-row{min-height:80px}.tier-label{width:36px;min-width:36px;font-size:var(--font-size-xl)}.tier-leader-card{width:60px}.tier-leader-name{font-size:8px}.tier-leader-wr{font-size:9px}}.meta-decklist .copy-sim-btn,.meta-decklist .use-builder-btn,.meta-decklist .deck-cost-btn{display:block;padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);min-width:0;white-space:nowrap;text-decoration:none;text-align:center;flex:1}.meta-decklist .copy-sim-btn:hover,.meta-decklist .use-builder-btn:hover,.meta-decklist .deck-cost-btn:hover{background-color:var(--color-gray-200)}.meta-decklist .deck-cost-btn .price-text{vertical-align:middle;display:inline-block}.meta-decklist .deck-cost-btn .cart-icon{width:16px;height:12px;margin-left:4px;vertical-align:middle;-o-object-fit:contain;object-fit:contain;display:inline-block}.meta-decklist .button-wrapper{margin-top:var(--space-sm);width:100%;display:flex;gap:4px}.matchup-section{margin-bottom:var(--space-lg)}.matchup-section h4{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.matchup-section h4 .matchup-icon{font-size:var(--font-size-lg)}.matchup-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm)}.matchup-card{background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden;text-align:center}.matchup-card-image{aspect-ratio:5 / 7;background:var(--color-bg-tertiary);overflow:hidden}.matchup-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.matchup-card-info{padding:var(--space-xs)}.matchup-card-name{font-size:10px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matchup-card-wr{font-size:12px;font-weight:700}.matchup-card-wr.positive{color:var(--color-success)}.matchup-card-wr.negative{color:var(--color-error)}.matchup-card-games{font-size:9px;color:var(--color-text-tertiary)}.matchup-card .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--color-text-tertiary);text-align:center;padding:var(--space-xs);aspect-ratio:5 / 7}#leaderModal .modal-content{max-width:1200px}#leaderModal .modal-title-nav{justify-content:center}#leaderModal .modal-title-nav h2{font-weight:700}.modal-tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg);flex-wrap:wrap}.tab-button{padding:10px 15px;cursor:pointer;border:none;background:none;font-size:15px;color:var(--color-text-secondary);border-bottom:3px solid transparent;margin-bottom:-1px}.tab-button.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary);font-weight:700}.tab-content{display:none}.tab-content.active{display:block;padding-bottom:40px}.leader-matrix-grid{display:flex;flex-direction:column;gap:var(--space-md)}.matrix-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:flex-start}.matrix-matchup-card{display:flex;flex-direction:column;align-items:center;text-align:center;width:80px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-xs);cursor:pointer;transition:transform var(--transition-fast)}.matrix-matchup-card:hover{transform:translateY(-2px)}.matrix-card-image{width:60px;height:84px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-elevated)}.matrix-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.matrix-card-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--color-text-tertiary);text-align:center;padding:2px}.matrix-card-wr{font-size:12px;font-weight:700;margin-top:4px}.matrix-card-wr.very-positive{color:#22c55e}.matrix-card-wr.positive{color:#84cc16}.matrix-card-wr.negative{color:#f97316}.matrix-card-wr.very-negative{color:#ef4444}.matrix-card-games{font-size:9px;color:var(--color-text-tertiary)}.modal-decklists-section{margin-top:var(--space-lg)}.modal-decklists-section h4{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.meta-decklist{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-sm);margin-bottom:var(--space-md)}.meta-decklist:last-child{margin-bottom:0}.meta-decklist-header{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.meta-decklist-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:var(--space-sm)}.meta-decklist-card{display:flex;flex-direction:column;align-items:center;text-align:center}.meta-decklist-card-image{width:70px;height:98px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-tertiary)}.meta-decklist-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.meta-decklist-card-info{font-size:10px;color:var(--color-text-secondary);margin-top:4px}@media(max-width:767px){.matchup-cards{grid-template-columns:repeat(3,1fr)}.meta-decklist-cards{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.meta-decklist-card-image{width:60px;height:84px}}@media(prefers-color-scheme:dark){.meta-leader-card{background:var(--color-bg-secondary);box-shadow:0 2px 4px #00000080}.autocomplete-dropdown{background:var(--color-bg-secondary);border-color:var(--color-border-dark)}.autocomplete-item:hover,.autocomplete-item.active{background:var(--color-bg-tertiary)}.autocomplete-item{border-bottom-color:var(--color-border-dark)}.no-results,.counter-pick-top-section,.selected-leader-card{background:var(--color-bg-secondary)}.selected-leader-placeholder{background:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.tier-list{background:var(--color-bg-secondary)}.tier-leaders{background:var(--color-bg-tertiary)}.tier-leader-card{background:var(--color-bg-secondary)}.tier-list-toggle{border-color:var(--color-border-dark)}.tier-toggle-btn{background-color:var(--color-bg-secondary);border-right-color:var(--color-border-dark)}.tier-toggle-btn:hover{background-color:var(--color-bg-tertiary)}.page-view-btns{border-color:var(--color-border-dark)}.page-view-btn{background-color:var(--color-bg-secondary);border-right-color:var(--color-border-dark)}.page-view-btn:hover{background-color:var(--color-bg-tertiary)}.matrix-grid{background-color:var(--color-border-dark)}.matrix-cell{background-color:var(--color-bg-secondary)}.matrix-cell.win-high{background-color:var(--color-success-bg)}.matrix-cell.win-low{background-color:var(--color-error-bg)}.matrix-cell.win-neutral{background-color:var(--color-bg-tertiary)}.matrix-grid .sticky-top,.matrix-grid .sticky-left,.matrix-grid .sticky-top.sticky-left{background-color:var(--color-bg-secondary)}.matchup-card,.meta-decklist{background:var(--color-bg-secondary)}.meta-decklist-card-image{background:var(--color-bg-tertiary)}.meta-decklist .copy-sim-btn,.meta-decklist .use-builder-btn,.meta-decklist .deck-cost-btn{background-color:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.meta-decklist .copy-sim-btn:hover,.meta-decklist .use-builder-btn:hover,.meta-decklist .deck-cost-btn:hover{background-color:var(--color-bg-elevated)}.matrix-matchup-card{background:var(--color-bg-secondary)}.matrix-card-image{background:var(--color-bg-tertiary)}.modal-tabs{border-bottom-color:var(--color-border-dark)}}