:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1400px;margin:0 auto;padding:2rem}.app{min-height:100vh}.app h1{text-align:center;color:#fff;margin-bottom:2rem;font-size:2.5rem}.app.loading{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#888}.table-container{overflow-x:auto;background:#ffffff0d;border-radius:12px;padding:1.5rem}.stats-table{width:100%;border-collapse:collapse;font-size:.9rem}.stats-table thead{background:#ffffff1a}.stats-table th{padding:1rem .75rem;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid rgba(255,255,255,.2);min-width:120px;position:relative}.stats-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.stats-table th.sortable:hover{background:#ffffff1a}.sort-icon{font-size:.8rem;opacity:.6;transition:opacity .2s;margin-left:8px}.sort-icon.active{opacity:1;color:#60a5fa}.stats-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s}.stats-table tbody tr:hover{background:#ffffff0d}.stats-table td{padding:1rem .75rem;color:#e0e0e0;vertical-align:middle}.player-name{font-weight:600;color:#fff!important;min-width:120px}.player-info{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.player-name-with-avatar{display:flex;align-items:center;gap:.5rem;flex:1}.player-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.player-info .name{flex:1}.player-links{display:flex;gap:.25rem}.link-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:20px;font-size:.7rem;font-weight:600;text-decoration:none;border-radius:3px;transition:all .2s;opacity:.7}.link-button:hover{opacity:1;transform:scale(1.1)}.link-button.csst{background:#ff8c00cc;color:#fff}.link-button.csst:hover{background:#ff8c00}.link-button.leetify{background:#8b45c7cc;color:#fff}.link-button.leetify:hover{background:#8b45c7}.no-data{text-align:center!important;color:#888;font-style:italic;padding:3rem!important}.stat-bar-container{display:flex;flex-direction:column;gap:4px;min-width:100px}.stat-bar{position:relative;display:flex;align-items:center;gap:8px}.stat-bar-track{flex:1;height:20px;background:#ffffff1a;border-radius:4px;position:relative;overflow:hidden}.stat-bar-track.percent{background:#6464644d}.stat-bar-center{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff6;transform:translate(-50%)}.stat-bar-fill{position:absolute;top:0;bottom:0;border-radius:3px;transition:width .3s ease}.stat-bar-fill.positive{background:linear-gradient(90deg,#22c55ecc,#22c55e99)}.stat-bar-fill.negative{background:linear-gradient(90deg,#ef444499,#ef4444cc)}.stat-bar-fill.percent{background:linear-gradient(90deg,#3b82f6cc,#9333ea99);left:0!important}.stat-value{font-size:.85rem;font-weight:600;color:#fff;min-width:40px;text-align:center}.stat-label{font-size:.7rem;color:#888;text-align:center}@media(max-width:1200px){.stats-table{font-size:.8rem}.stats-table th,.stats-table td{padding:.75rem .5rem;min-width:100px}.stat-bar-container{min-width:80px}}@media(max-width:768px){.app h1{font-size:2rem}.table-container{padding:1rem}.stats-table{font-size:.75rem}.stats-table th,.stats-table td{padding:.5rem .25rem;min-width:80px}.stat-bar-container{min-width:60px}.stat-value{font-size:.75rem;min-width:35px}.stat-label{font-size:.65rem}}.teams-section{margin-top:3rem}.teams-section h2{text-align:center;color:#fff;margin-bottom:2rem;font-size:2rem}.teams-container{display:flex;gap:2rem;justify-content:center;align-items:flex-start;flex-wrap:wrap}.team-card{background:#ffffff0d;border-radius:12px;padding:1.5rem;min-width:300px;flex:1;max-width:400px}.team-card h3{color:#fff;text-align:center;margin-bottom:1rem;font-size:1.5rem;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:.5rem}.team-players{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.team-player{background:#ffffff0d;border-radius:8px;padding:.75rem;display:flex;justify-content:space-between;align-items:center}.team-player .player-name{font-weight:600;color:#fff;font-size:1rem}.mini-stats{display:flex;gap:.75rem;font-size:.8rem;color:#888}.mini-stats span{background:#ffffff1a;padding:.25rem .5rem;border-radius:4px}.team-averages{border-top:2px solid rgba(255,255,255,.2);padding-top:1rem}.team-averages h4{color:#fff;margin-bottom:.5rem;font-size:1.1rem;text-align:center}.avg-stats{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.avg-stats span{background:#3b82f633;color:#60a5fa;padding:.5rem .75rem;border-radius:6px;font-weight:600;font-size:.9rem}.vs-divider{display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;min-width:60px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.player-display{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.player-display.team-player-info{justify-content:flex-start;gap:.5rem}.player-display.team-player-info .player-name-with-avatar{gap:.375rem}.player-display.team-player-info .player-avatar{width:24px;height:24px}@media(max-width:768px){.teams-container{flex-direction:column;align-items:center}.vs-divider{transform:rotate(90deg);margin:1rem 0}.team-card{max-width:100%;min-width:280px}.player-info{flex-direction:column;align-items:flex-start;gap:.25rem}.link-button{width:20px;height:18px;font-size:.65rem}}
