.table-container{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.players-table{width:100%;border-collapse:collapse;font-family:JetBrains Mono,monospace;font-size:.85rem}.players-table thead{background:var(--bg-tertiary);position:sticky;top:0;z-index:10}.players-table th{padding:1rem .75rem;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap}.players-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.players-table th.sortable:hover{color:var(--text-primary)}.sort-indicator{color:var(--accent-blue);margin-left:.25rem}.players-table td{padding:.75rem;border-bottom:1px solid var(--border-color);transition:background .15s}.players-table tbody tr:hover td{background:#58a6ff0d}.players-table tbody tr:last-child td{border-bottom:none}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.select-col{width:60px;text-align:center;padding:.5rem!important}.team-checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer}.team-checkbox input{display:none}.team-checkbox .checkmark{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;transition:all .15s;display:flex;align-items:center;justify-content:center}.team-checkbox .checkmark:after{content:"✓";font-size:12px;color:#fff;opacity:0;transition:opacity .15s}.team-checkbox input:checked+.checkmark{background:var(--accent-green);border-color:var(--accent-green)}.team-checkbox input:checked+.checkmark:after{opacity:1}.team-checkbox:hover .checkmark{border-color:var(--accent-green)}.players-table tbody tr.in-my-team td{background:#3fb95014}.players-table tbody tr.in-my-team:hover td{background:#3fb9501f}.rank-col{width:40px;text-align:center;color:var(--text-muted);font-size:.75rem}.player-name{font-family:Outfit,sans-serif;font-weight:500;font-size:.9rem}.highlight-col{background:#3fb9500d}thead .highlight-col{background:#3fb9501a;color:var(--accent-green)}.value-excellent{color:var(--accent-green);font-weight:600}.value-good{color:var(--accent-blue)}.value-average{color:var(--text-secondary)}.value-low{color:var(--text-muted)}.pos-gk{color:var(--accent-orange)}.pos-def{color:var(--accent-blue)}.pos-mid{color:var(--accent-green)}.pos-fwd{color:var(--accent-red)}.empty-state{padding:3rem;text-align:center;color:var(--text-muted)}@media(max-width:768px){.table-container{border-radius:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(to right,transparent,var(--bg-secondary));pointer-events:none;opacity:.8}.players-table{font-size:.8rem;min-width:700px}.players-table th{padding:.75rem .5rem;font-size:.65rem}.players-table td{padding:.6rem .5rem}.player-name{font-size:.85rem}.rank-col{font-size:.7rem}.select-col{width:45px}.team-checkbox .checkmark{width:18px;height:18px}}@media(max-width:480px){.players-table{font-size:.75rem;min-width:600px}.players-table th{padding:.6rem .4rem;font-size:.6rem}.players-table td{padding:.5rem .4rem}.player-name{font-size:.8rem}.empty-state{padding:2rem 1rem}}.import-toggle{padding:.6rem 1.2rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .2s}.import-toggle:hover{background:var(--accent-blue);border-color:var(--accent-blue)}.import-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.import-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.import-header h3{font-size:1.1rem;font-weight:600}.close-btn{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.import-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.import-tabs .tab{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .2s}.import-tabs .tab:hover{color:var(--text-primary);border-color:var(--text-muted)}.import-tabs .tab.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.import-instructions{margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem}.import-textarea{width:100%;padding:1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.8rem;resize:vertical;min-height:150px;transition:border-color .2s}.import-textarea:focus{outline:none;border-color:var(--accent-blue)}.import-textarea::placeholder{color:var(--text-muted)}.import-message{margin-top:1rem;padding:.75rem 1rem;border-radius:6px;font-size:.9rem}.import-message.success{background:#3fb95026;color:var(--accent-green);border:1px solid rgba(63,185,80,.3)}.import-message.error{background:#f8514926;color:var(--accent-red);border:1px solid rgba(248,81,73,.3)}.import-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.75rem}.clear-btn{padding:.7rem 1.5rem;background:transparent;border:1px solid var(--accent-red);border-radius:8px;color:var(--accent-red);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.clear-btn:hover:not(:disabled){background:var(--accent-red);color:#fff}.clear-btn:disabled{opacity:.5;cursor:not-allowed}.import-btn{padding:.7rem 1.5rem;background:var(--accent-green);border:none;border-radius:8px;color:#fff;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.import-btn:hover:not(:disabled){background:#2ea043}.import-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.import-panel{padding:1rem;border-radius:8px;margin-bottom:1rem}.import-tabs{flex-wrap:wrap}.import-tabs .tab{flex:1;text-align:center;min-width:100px}.import-actions{flex-direction:column}.import-btn,.clear-btn{width:100%;justify-content:center}}.comparison-tool{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);padding:1.5rem;margin-top:1.5rem}.empty-team{text-align:center;padding:3rem;color:var(--text-muted)}.empty-team h3{margin-bottom:.5rem;color:var(--text-secondary)}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.comparison-header h3{font-size:1.1rem;font-weight:600}.budget-control{display:flex;align-items:center;gap:1rem}.budget-control label{font-size:.85rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.budget-control input[type=range]{width:150px;height:6px;background:var(--bg-tertiary);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none}.budget-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent-green);border-radius:50%;cursor:pointer}.team-list{display:flex;flex-direction:column;gap:.75rem}.team-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;background:var(--bg-tertiary);padding:1rem 1.25rem;border-radius:10px;border:1px solid var(--border-color)}.current-player,.replacement-player{display:flex;align-items:center;gap:1rem}.replacement-player{justify-content:flex-end}.pos-badge{font-size:.7rem;font-weight:600;padding:.3rem .5rem;border-radius:4px;text-transform:uppercase;min-width:36px;text-align:center}.pos-badge.gkp{background:#ffa60026;color:var(--accent-orange)}.pos-badge.def{background:#58a6ff26;color:var(--accent-blue)}.pos-badge.mid{background:#3fb95026;color:var(--accent-green)}.pos-badge.fwd{background:#f8514926;color:var(--accent-red)}.player-info{display:flex;flex-direction:column;gap:.15rem}.player-name{font-weight:500;font-size:.95rem}.player-meta{font-size:.8rem;color:var(--text-muted)}.player-stats{display:flex;gap:1rem;margin-left:auto}.stat-box{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.stat-val{font-family:JetBrains Mono,monospace;font-weight:500;font-size:.95rem}.stat-lbl{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.stat-diff{font-size:.7rem;font-family:JetBrains Mono,monospace;padding:.1rem .35rem;border-radius:3px}.stat-diff.pos{color:var(--accent-green);background:#3fb95026}.stat-diff.neg{color:var(--accent-red);background:#f8514926}.arrow{color:var(--text-muted);font-size:1.2rem;padding:0 .5rem}.replacement-player.has-upgrade .player-info{text-align:right}.replacement-player.no-upgrade{justify-content:center}.no-upgrade-text{color:var(--accent-green);font-size:.85rem;font-weight:500}@media(max-width:768px){.comparison-tool{padding:1rem;margin-top:1rem;border-radius:8px}.comparison-header{flex-direction:column;align-items:flex-start;gap:1rem}.comparison-header h3{font-size:1rem}.budget-control{width:100%;flex-wrap:wrap;gap:.75rem}.budget-control input[type=range]{flex:1;min-width:100px}.team-row{grid-template-columns:1fr;gap:.75rem;padding:.75rem}.current-player,.replacement-player{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.replacement-player{justify-content:flex-start;padding-top:.75rem;border-top:1px dashed var(--border-color)}.replacement-player.has-upgrade .player-info{text-align:left}.player-stats{margin-left:0;margin-top:.5rem;width:100%;justify-content:flex-start}.stat-box{align-items:flex-start}.arrow{display:none}.pos-badge{font-size:.65rem}.player-name{font-size:.9rem}.empty-team{padding:2rem 1rem}}@media(max-width:480px){.comparison-tool{padding:.75rem}.team-row{padding:.6rem}.budget-control label{font-size:.8rem}.stat-val{font-size:.85rem}.player-meta{font-size:.75rem}}.app{max-width:1600px;margin:0 auto;padding:2rem}.header{margin-bottom:1rem}.header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-green),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header .subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1.1rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tabs button{padding:.6rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.tabs button:hover{border-color:var(--accent-blue);color:var(--text-primary)}.tabs button.active{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.loading,.error{text-align:center;padding:4rem 2rem}.error h2{color:var(--accent-red);margin-bottom:1rem}.error .hint{color:var(--text-muted);margin-top:1rem;font-size:.9rem}.filters{display:flex;gap:1.5rem;align-items:flex-end;margin-bottom:1.5rem;flex-wrap:wrap;background:var(--bg-secondary);padding:1.25rem;border-radius:12px;border:1px solid var(--border-color)}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.filter-group input,.filter-group select{padding:.6rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-size:.95rem;font-family:inherit;min-width:180px;transition:border-color .2s,box-shadow .2s}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #58a6ff26}.filter-group input::placeholder{color:var(--text-muted)}.my-team-filter{border-right:1px solid var(--border-color);padding-right:1.5rem}.my-team-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.6rem 1rem;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color);transition:all .2s}.my-team-toggle:hover{border-color:var(--accent-green)}.my-team-toggle input[type=checkbox]{width:18px;height:18px;min-width:18px;accent-color:var(--accent-green);cursor:pointer}.my-team-toggle .toggle-label{font-size:.9rem;font-weight:500;color:var(--text-primary);text-transform:none;letter-spacing:normal}.my-team-toggle .team-count{font-size:.8rem;color:var(--accent-green);font-family:JetBrains Mono,monospace}.results-count{margin-left:auto;color:var(--text-muted);font-size:.9rem;font-family:JetBrains Mono,monospace}.seo-copy{margin-bottom:1rem;padding:1.25rem 1.5rem;border-radius:12px;border:1px dashed var(--border-color);background:var(--bg-secondary)}.seo-copy h2{font-size:1rem;font-weight:600;margin-bottom:.5rem}.seo-copy p{margin:.25rem 0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.seo-copy strong{color:var(--text-primary)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.pagination button{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){border-color:var(--accent-blue);color:var(--text-primary)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .page-info{padding:0 1rem;color:var(--text-secondary);font-size:.9rem;font-family:JetBrains Mono,monospace}@media(max-width:768px){.app{padding:1rem}.header h1{font-size:1.75rem}.header .subtitle{font-size:.95rem}.header-top{flex-direction:column;gap:1rem}.seo-copy{padding:1rem}.seo-copy h2{font-size:.9rem}.seo-copy p{font-size:.85rem}.tabs{width:100%}.tabs button{flex:1;padding:.75rem 1rem;font-size:.85rem}.filters{flex-direction:column;gap:1rem;padding:1rem}.filter-group{width:100%}.filter-group input,.filter-group select{width:100%;min-width:unset}.my-team-filter{border-right:none;border-bottom:1px solid var(--border-color);padding-right:0;padding-bottom:1rem}.my-team-toggle{width:100%;justify-content:center}.results-count{margin-left:0;text-align:center;width:100%}.pagination{flex-wrap:wrap;gap:.5rem;padding:.75rem}.pagination button{padding:.6rem .8rem;font-size:.8rem;min-height:44px}.pagination .page-info{order:-1;width:100%;text-align:center;padding:0 0 .5rem;font-size:.85rem}}@media(max-width:480px){.app{padding:.75rem}.header h1{font-size:1.5rem}.header .subtitle{font-size:.85rem}.seo-copy{display:none}.filters{padding:.75rem}.filter-group input,.filter-group select{padding:.75rem 1rem;font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border-color: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #6e7681;--accent-green: #3fb950;--accent-blue: #58a6ff;--accent-purple: #a371f7;--accent-orange: #f0883e;--accent-red: #f85149;--accent-yellow: #d29922;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}html,body{overflow-x:hidden}