.controls{display:flex;justify-content:space-between;align-items:stretch;margin-bottom:var(--space-lg);gap:var(--space-md);flex-wrap:nowrap;min-height:48px}.top-controls-row{display:flex;flex-grow:1;gap:10px;align-items:center;min-width:0}.search-bar{flex:1 1 220px;min-width:0}.set-selector{flex:0 0 auto;min-width:140px;padding:var(--space-sm);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-sizing:border-box;background-color:var(--color-bg-elevated);color:var(--color-text-primary)}.sort-buttons{display:flex;gap:10px;flex-wrap:nowrap;flex-shrink:0}.sort-btn{padding:var(--space-sm) 15px;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-weight:700;font-size:var(--font-size-sm);flex:0 0 auto;text-align:center;white-space:nowrap}.sort-btn.active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}#matrixBtn,#topDecklistsBtn{background:var(--color-gray-600);color:#fff;border-color:var(--color-gray-600)}#matrixBtn:hover,#topDecklistsBtn:hover{background:var(--color-gray-800);border-color:var(--color-gray-900)}.leaders-grid{display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.leader-card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;overflow:hidden;display:flex;flex-direction:column;-webkit-tap-highlight-color:transparent}.leader-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.leader-card.filtered{display:none}.leader-image{background:var(--color-bg-tertiary)}.leader-image img{width:100%;height:auto;display:block;aspect-ratio:5 / 7;color:transparent}.leader-image .no-image{width:100%;height:180px;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-text-tertiary);text-align:center}.leader-stats{padding:var(--space-xs)}.stats-row-1{display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.stats-row-2{text-align:center}.stat-item{text-align:center;flex:1}.stat-value{font-weight:700;color:var(--color-gray-700);font-size:15px}.stat-name{color:var(--color-gray-600);font-size:10px;text-transform:uppercase}.win-rate-stat .stat-value{color:var(--color-accent-primary);font-size:17px;font-weight:700}.modal-content{max-width:1200px}.modal-title-nav h2{font-weight:700}.decklist-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:10px}.decklist-card{display:flex;flex-direction:column;align-items:center;text-align:center}.decklist-card-image{width:70px;height:98px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-bg-tertiary)}.decklist-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.decklist-card-info{font-size:10px;color:var(--color-text-secondary);margin-top:4px}.hand-cards-section,.decklist{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg)}.hand-cards-section h4,.decklist h4{margin:15px 0 10px;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:700}.copy-sim-btn{display:block;margin:15px auto 0;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-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.copy-sim-btn:hover{background-color:var(--color-gray-200)}.matrix-modal-content{background-color:var(--color-bg-elevated);margin:2% auto;padding:var(--space-lg);border-radius:10px;width:95%;max-width:100%;box-sizing:border-box;max-height:90vh;display:flex;flex-direction:column;position:relative}.matrix-modal-content h2{text-align:center;margin-top:0;font-weight:700;font-size:1.5em}.matrix-wrapper{overflow:auto;margin-top:15px}.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;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;min-width:60px}.matrix-header{background-color:var(--color-bg-tertiary)!important;font-weight:700;min-height:60px}.matrix-header img{width:50px;height:auto;border-radius:3px}.win-cell{font-size:12px;line-height:1.2}.win-cell-label{font-size:9px;text-transform:uppercase;color:var(--color-gray-500)}.win-cell-value{font-weight:700;font-size:13px}.win-cell-games{font-size:9px;color:var(--color-gray-400);margin-top:0}.win-high{background-color:var(--color-success-bg)}.win-high .win-cell-value{color:var(--color-success-dark)}.win-low{background-color:var(--color-error-bg)}.win-low .win-cell-value{color:var(--color-error)}.win-neutral{background-color:var(--color-bg-tertiary)}.close-matrix{position:absolute;top:10px;right:20px;color:var(--color-text-tertiary);font-size:28px;font-weight:700;cursor:pointer;z-index:10}.close-matrix:hover{color:var(--color-text-primary)}.matrix-grid .sticky-top{position:sticky;top:0;z-index:10}.matrix-grid .sticky-left{position:sticky;left:0;z-index:10}.matrix-grid .sticky-top.sticky-left{z-index:20}.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}.error-message{padding:var(--space-lg);background-color:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius-lg);text-align:center;margin:var(--space-lg) 0}#topDecklistsContainer{padding:10px;margin-top:15px;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.top-decklist-entry{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--color-bg-elevated)}.top-decklist-leader-info{width:100%;margin-bottom:10px;display:flex;flex-direction:column;align-items:center;text-align:center}.top-decklist-leader-info img{width:100px;height:auto;border-radius:5px;margin-bottom:5px}.top-decklist-leader-info h3{margin:0 0 3px;font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-word;font-weight:700}.top-decklist-leader-info h4{margin:0;font-size:11px;color:var(--color-text-secondary);line-height:1.3}.top-decklist-cards-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px}@media(min-width:768px){.leaders-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.leaders-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:1440px){.leaders-grid{grid-template-columns:repeat(7,1fr)}}@media(max-width:767px){.controls{flex-direction:column;align-items:stretch}.top-controls-row{width:100%}.sort-buttons{width:100%;justify-content:space-between;flex-wrap:wrap;gap:5px}.sort-btn{flex:1 1 calc(50% - 5px);min-width:0}.top-decklist-cards-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.modal-content{flex-direction:column;margin:5% auto;width:calc(100% - 20px);box-sizing:border-box;padding:var(--space-lg)}.modal-image{width:100%;max-width:300px;margin:0 auto}.modal-stats{grid-template-columns:1fr}.modal-title-nav h2{font-size:22px}.modal-nav-arrow{padding:0 10px;font-size:28px}}@media(prefers-color-scheme:dark){.sort-btn{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.sort-btn:hover{background-color:var(--color-gray-800)}.sort-btn.active{background:var(--color-accent-primary);color:var(--color-text-inverted);border-color:var(--color-accent-primary)}#matrixBtn,#topDecklistsBtn{background:var(--color-gray-600)!important;border-color:var(--color-gray-600)!important}#matrixBtn:hover,#topDecklistsBtn:hover{background:var(--color-gray-700)!important;border-color:var(--color-gray-700)!important}.leader-card{background:var(--color-bg-secondary);box-shadow:0 2px 4px #00000080}.leader-stats .stat-value{color:var(--color-text-primary)}.leader-stats .stat-name{color:var(--color-text-secondary)}.win-rate-stat .stat-value{color:var(--color-accent-primary)}.copy-sim-btn:hover{background-color:var(--color-gray-900)}.matrix-grid{background-color:var(--color-gray-200)}.matrix-cell{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.matrix-header{background-color:var(--color-bg-tertiary)!important;color:var(--color-text-primary)}.sticky-top.matrix-header,.sticky-left.matrix-header{background-color:var(--color-bg-tertiary)!important}.win-cell-games{color:var(--color-gray-500)}.win-high{background-color:var(--color-success-bg)}.win-high .win-cell-value{color:var(--color-success-dark)}.win-low{background-color:var(--color-error-bg)}.win-low .win-cell-value{color:var(--color-error)}}