.pi-page{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.pi-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.pi-roles{display:flex;gap:0;border:3px solid var(--border-color)}.pi-role-btn{font-family:Futura,Jost,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.08em;padding:.6rem 1.25rem;background:transparent;color:#7a8599;border:none;border-right:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .15s,background .15s;white-space:nowrap}.pi-role-btn:last-child{border-right:none}.pi-role-btn:hover{color:var(--text-primary);background:rgba(30,144,255,.04)}.pi-role-btn.active{color:#1e90ff;background:rgba(30,144,255,.08)}.pi-role-count{font-size:.8125rem;color:#8892a4;opacity:1}.pi-role-btn.active .pi-role-count{color:#1e90ff;opacity:.8}.pi-controls-right{display:flex;align-items:center;gap:1rem}.pi-pct-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pi-pct-toggle input{display:none}.pi-pct-track{position:relative;width:36px;height:20px;background:#1a2332;border:2px solid var(--border-color);transition:background .2s,border-color .2s}.pi-pct-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;background:#6b7a8d;transition:transform .2s,background .2s}.pi-pct-toggle input:checked+.pi-pct-track{background:rgba(30,144,255,.15);border-color:#1e90ff}.pi-pct-toggle input:checked+.pi-pct-track .pi-pct-thumb{transform:translateX(16px);background:#1e90ff}.pi-pct-label{font-family:Futura,Jost,sans-serif;font-size:.8125rem;font-weight:700;letter-spacing:.12em;color:#8892a4;transition:color .15s}.pi-pct-hint,.pi-pct-toggle input:checked~.pi-pct-label{color:#1e90ff}.pi-pct-hint{opacity:.7}.pi-pct-cell{position:relative;display:flex;align-items:center;justify-content:flex-end;height:22px}.pi-pct-bar{position:absolute;left:0;top:0;bottom:0;opacity:.18;transition:width .3s ease}.pi-pct-val{position:relative;z-index:1;font-size:.85rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pi-search-wrap{position:relative;display:flex;align-items:center}.pi-search-icon{position:absolute;left:12px;color:#8892a4;pointer-events:none}.pi-search{font-family:Futura,Jost,sans-serif;font-size:.9rem;padding:.6rem 2rem .6rem 36px;color:var(--text-primary);background:var(--bg-card);border:3px solid var(--border-color);width:280px;transition:border-color .15s}.pi-search::placeholder{color:#8892a4}.pi-search:focus{outline:none;border-color:#1e90ff}.pi-search-clear{position:absolute;right:8px;background:none;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:0 4px;line-height:1}.pi-result-count{font-family:Futura,Jost,sans-serif;font-size:.8rem;color:#9ba5b4;margin-bottom:.75rem;letter-spacing:.05em}.pi-table-wrap{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#1a2332 transparent}.pi-table{width:100%;min-width:1050px;border-collapse:collapse;font-family:Futura,Jost,sans-serif;font-size:.9rem;table-layout:fixed}.pi-th{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7a8599;text-align:right;padding:.85rem .75rem;border-bottom:2px solid var(--border-color);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:color .15s}.pi-th:hover{color:#c9d1d9}.pi-th.sorted{color:#1e90ff}.pi-th-rank{width:32px;text-align:center;cursor:default;padding-left:0;padding-right:.25rem}.pi-th-rank:hover{color:#7a8599}.pi-th-player{width:19%;text-align:left;cursor:default;padding-left:.25rem}.pi-th-player:hover{color:#7a8599}.pi-th-team{width:6%;text-align:left;cursor:default}.pi-th-team:hover{color:#7a8599}.pi-th-stat{width:6.2%}.pi-td-sorted{background:rgba(30,144,255,.04)}.pi-th-short{display:none}.pi-sort-arrow{font-size:.75rem;margin-left:4px}.pi-row{border-bottom:1px solid #111820;transition:background .1s}.pi-row:hover{background:rgba(30,144,255,.03)}.pi-td{padding:.75rem;color:#c9d1d9;white-space:nowrap}.pi-td-rank{text-align:center;font-size:.8rem;color:#8892a4;padding-left:0;padding-right:.25rem}.pi-td-player{text-align:left;padding-left:.25rem}.pi-player-link{display:flex;align-items:center;gap:8px;color:var(--text-primary);text-decoration:none;transition:color .15s}.pi-player-link:hover{color:#1e90ff}.pi-player-accent{width:3px;height:20px;flex-shrink:0}.pi-player-name{font-weight:700;font-size:.95rem;overflow:hidden;text-overflow:ellipsis}.pi-role-badge{font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:2px 6px;border:1px solid var(--border-color);color:#8892a4;flex-shrink:0}.pi-role-batter{border-color:#d4213d44;color:#d4213d}.pi-role-allrounder,.pi-role-bowler{border-color:#1e90ff44;color:#1e90ff}.pi-td-team{text-align:left;font-size:.85rem;font-weight:600;color:#c9d1d9;display:flex;align-items:center;gap:6px}.pi-team-dot{width:8px;height:8px;flex-shrink:0}.pi-td-stat{text-align:right;font-size:.9rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:768px){.pi-page{padding:1.5rem 1rem 3rem}.pi-controls{flex-direction:column;align-items:stretch}.pi-controls-right{flex-wrap:wrap}.pi-roles{overflow-x:auto;scrollbar-width:none}.pi-search{width:100%;flex:1 1}.pi-th-label{display:none}.pi-th-short{display:inline}.pi-player-name{font-size:.85rem}.pi-table{font-size:.8125rem}}