*{box-sizing:border-box}body{color:#e9edf3;background:#0f1115;margin:0;font-family:Arial,sans-serif}.page,.page *{color:#fff}.page{max-width:1400px;margin:24px auto;padding:0 16px}h1{margin:0 0 16px;font-size:24px}.pageHeader{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.pageTabs{background:#0c1017;border:1px solid #222735;border-radius:999px;gap:6px;padding:3px;display:inline-flex}.pageTab{cursor:pointer;color:#9eb0cf;background:0 0;border:0;border-radius:999px;padding:5px 14px;font-size:12px}.pageTab--active{color:#fff;background:#1f6feb}.viewPanel{display:none}.viewPanel--active{display:block}.searchBar{gap:10px;margin-bottom:12px;display:flex}.searchBar input{color:#e9edf3;background:#151922;border:1px solid #2c313d;border-radius:6px;flex:1;height:38px;padding:0 12px}.searchBar button{color:#fff;cursor:pointer;background:#1f6feb;border:0;border-radius:6px;height:38px;padding:0 16px}.meta{color:#b7c0d3;min-height:20px;margin-bottom:12px}.cardTypeFilters,.metricFilters{margin-bottom:10px}.filterWrap{background:#121925;border:1px solid #2b313d;border-radius:8px;padding:8px 10px}.filterTitle{color:#9eb0cf;margin-bottom:6px;font-size:12px}.filterHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.filterActions{gap:6px;display:flex}.filterActionBtn{color:#b7c0d3;cursor:pointer;background:#141a23;border:1px solid #2b313d;border-radius:12px;padding:2px 8px;font-size:11px}.filterActionBtn:hover{color:#fff;border-color:#4b93ff}.filterChips{flex-wrap:wrap;gap:8px;display:flex}.filterChip{color:#dce4f3;cursor:pointer;background:#141a23;border:1px solid #2b313d;border-radius:16px;padding:4px 10px;font-size:12px}.filterChip.active{color:#fff;background:#17335e;border-color:#4b93ff}.metricChip{padding:3px 9px;font-size:11px}.suggestions{margin-bottom:8px}.suggestionsList{flex-wrap:wrap;gap:8px;display:flex}.suggestionItem{color:#dce4f3;cursor:pointer;background:#141a23;border:1px solid #2b313d;border-radius:16px;padding:4px 10px;font-size:12px}.suggestionItem:hover{color:#fff;border-color:#4b93ff}.similaritySuggestionItem{text-align:left;align-items:center;gap:8px;max-width:420px;display:inline-flex}.similaritySuggestionAvatar{object-fit:cover;background:#0f141d;border:1px solid #2b313d;border-radius:6px;flex-shrink:0;width:40px;height:40px}.similaritySuggestionAvatar--empty{display:inline-block}.similaritySuggestionText{flex-direction:column;gap:2px;min-width:0;display:inline-flex}.similaritySuggestionName{color:#e9edf3;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.similaritySuggestionMeta{color:#9eb0cf;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.tableWrap{border:1px solid #2c313d;border-radius:8px;max-height:calc(100vh - 190px);overflow:auto}table{border-collapse:collapse;background:#11151d;width:max-content;min-width:100%}thead th{z-index:4;background:#151b24;position:sticky;top:0;box-shadow:0 1px #2b313d}th,td{text-align:center;white-space:nowrap;border:1px solid #2b313d;padding:8px 10px;font-size:13px}th:first-child,td:first-child{text-align:left;z-index:2;background:#151b24;position:sticky;left:0}thead th:first-child{z-index:6}@media (width<=768px){.tableWrap{max-height:calc(100vh - 170px)}}.playerCardThumb{border-radius:4px;width:56px;height:auto;margin:0 auto;display:block}.versionHeader{cursor:move;min-width:80px}.cardTypeTag{color:#9eb0cf;text-transform:lowercase;margin-top:4px;font-size:11px}.groupRow td{background:#19202c;font-weight:700}.metricRow.group-basic td{background:#151b24}.metricRow.group-upper td{background:#172233}.groupRow.group-upper td{background:#213348}.metricRow.group-torso td{background:#212334}.groupRow.group-torso td{background:#2f2b49}.metricRow.group-lower td{background:#1f2f24}.groupRow.group-lower td{background:#2d4637}.metricRow.group-dynamic td{background:#2d241d}.groupRow.group-dynamic td{background:#4a3424}#playerCompareTable th.group-basic,#playerCompareTable td.group-basic,#similarityTable th.group-basic,#similarityTable td.group-basic{background:#151b24}#playerCompareTable th.group-upper,#playerCompareTable td.group-upper,#similarityTable th.group-upper,#similarityTable td.group-upper{background:#172233}#playerCompareTable thead th.group-upper,#similarityTable thead th.group-upper{background:#213348}#playerCompareTable th.group-torso,#playerCompareTable td.group-torso,#similarityTable th.group-torso,#similarityTable td.group-torso{background:#212334}#playerCompareTable thead th.group-torso,#similarityTable thead th.group-torso{background:#2f2b49}#playerCompareTable th.group-lower,#playerCompareTable td.group-lower,#similarityTable th.group-lower,#similarityTable td.group-lower{background:#1f2f24}#playerCompareTable thead th.group-lower,#similarityTable thead th.group-lower{background:#2d4637}#playerCompareTable th.group-dynamic,#playerCompareTable td.group-dynamic,#similarityTable th.group-dynamic,#similarityTable td.group-dynamic{background:#2d241d}#playerCompareTable thead th.group-dynamic,#similarityTable thead th.group-dynamic{background:#4a3424}.trendCell{min-width:180px}.trendEmpty{color:#7f8aa3}.trendLine{opacity:.92}.trendMarker{stroke:#0f1115e6;stroke-width:1.2px}.trendLabel{text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#0f1115f2;stroke-width:2px;letter-spacing:.1px;font-size:9px;font-weight:700}.trendUp{fill:#57d37a;color:#57d37a}.trendDown{fill:#ff7878;color:#ff7878}.filterBar{margin-bottom:12px}.filterRow{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.filterField{flex-direction:column;gap:4px;min-width:120px;display:flex}.filterField--grow{flex:1}.filterField label{color:#9eb0cf;font-size:12px}.filterField select,.filterField input{color:#e9edf3;background:#151922;border:1px solid #2c313d;border-radius:6px;height:32px;padding:0 10px}.filterRow--chips{flex-wrap:wrap}.filterWrap--inline{margin-bottom:8px;margin-right:16px}.filterWrap--inline .filterTitle{margin-bottom:6px}.filterChipsEmpty{color:#7f8aa3;font-size:12px}.filterActionsRow{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.filterActionsRight{gap:6px;display:flex}.playerCol{min-width:220px}.playerCell{padding:8px}.playerCell-main{align-items:center;gap:10px;display:flex}.playerAvatarWrap{flex-shrink:0;width:60px;position:relative}.playerAvatar{border-radius:4px;width:60px;height:auto;display:block}.playerRemoveBtn{color:#f97373;text-align:center;cursor:pointer;background:#000000d9;border:0;border-radius:999px;width:18px;height:18px;font-size:12px;line-height:18px;position:absolute;top:-6px;right:-6px}.playerRemoveBtn:hover{color:#fff;background:#ef4444e6}.playerInfo{flex-direction:column;gap:4px;display:flex}.playerName{font-size:14px;font-weight:600}.playerMetaLine{flex-wrap:wrap;gap:4px;display:flex}.playerMetaTag{color:#9eb0cf;border:1px solid #2b313d;border-radius:999px;padding:2px 6px;font-size:11px}.playerMetaLine--ratingHeight{color:#7f8aa3;margin-top:2px;font-size:11px}.sortableHeader{cursor:pointer;-webkit-user-select:none;user-select:none}.sortableHeader .sortIcon{font-size:11px}.emptyStateCell{text-align:center;background:#11151d;padding:48px 24px!important}.emptyStateTitle{color:#e9edf3;margin:0 0 8px;font-size:18px;font-weight:600}.emptyStateHint{color:#9eb0cf;margin:0 0 20px;font-size:13px}.loadPlayersBtn{color:#fff;cursor:pointer;background:#1f6feb;border:0;border-radius:8px;padding:10px 24px;font-size:14px}.loadPlayersBtn:hover{background:#388bfd}.multiPagination{align-items:center;gap:8px;display:inline-flex}.multiPaginationLabel{color:#9eb0cf;margin-right:4px;font-size:12px}.multiPageBtn:disabled{opacity:.5;cursor:not-allowed}td.metricAboveAvg{color:#57d37a}td.metricBelowAvg{color:#ff7878}.benchPct.metricAboveAvg{color:#57d37a}.benchPct.metricBelowAvg{color:#ff7878}#similarityTable tr.similarityTargetRow td{z-index:3;border-top:2px solid #4b93ff;border-bottom:2px solid #4b93ff;position:sticky;top:36px}#similarityTable tr.similarityTargetRow td:first-child{z-index:5;background:#132947}#similarityTable .targetTag{color:#fff;vertical-align:middle;background:#1f6feb;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:11px;display:inline-block}#similarityTable .targetSimilarityCell{color:#8ab4ff;font-weight:600}#similarityTable .targetRowControls{margin-bottom:4px}#similarityTable .targetFilterToggle{color:#9eb0cf;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:11px;display:inline-flex}#similarityTable .targetFilterToggle input{accent-color:#1f6feb;margin:0}.benchPct{opacity:.9;margin-top:2px;font-size:10px;display:block}#viewCollision{background:radial-gradient(circle,#081425 0%,#02050b 70%);border:1px solid #11233d;border-radius:12px;padding:12px}.collisionSearchWrap{gap:10px;margin-bottom:8px;display:flex}.collisionSearchWrap input{color:#e9edf3;background:#151922;border:1px solid #2c313d;border-radius:6px;flex:1;height:38px;padding:0 12px}.collisionSearchWrap button{color:#fff;cursor:pointer;background:#1f6feb;border:0;border-radius:6px;height:38px;padding:0 16px}.collisionSuggestionsList{flex-direction:column;gap:8px;margin-bottom:6px;display:flex}.collisionSuggestionItem{background:linear-gradient(135deg,#0c1320 0%,#0e1624 100%);border:1px solid #2b313d;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.collisionSuggestionMain{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;display:inline-flex}.collisionSuggestionActions{gap:6px;display:inline-flex}.collisionSlots{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.collisionSlot{cursor:pointer;background:linear-gradient(145deg,#0c1320 0%,#0d1726 100%);border:1px solid #2b313d;border-radius:10px;padding:10px}.collisionSlot--active{border-color:#4b93ff;box-shadow:inset 0 0 0 1px #4b93ff59}.collisionSlotHead{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.collisionSlotHead h3{margin:0;font-size:14px}.collisionPlayerCard{background:#101722;border:1px solid #2b313d;border-radius:8px;min-height:84px;padding:8px}.collisionPlayerCard--empty{color:#7f8aa3;cursor:pointer;justify-content:center;align-items:center;font-size:12px;display:flex}.collisionInlinePicker{cursor:default;background:#07101ef0;border:1px solid #274365;border-radius:8px;margin-top:8px;padding:8px;display:none}.collisionInlinePicker--open{display:block}.collisionPickerMeta{color:#9eb0cf;min-height:18px;margin-bottom:8px;font-size:12px}.collisionInlineSuggestions{max-height:260px;overflow:auto}.collisionPlayerCard--left{border-color:#4b93ffcc}.collisionPlayerCard--right{border-color:#f66c}.collisionCanvasWrap{background:#050a14;border:1px solid #2b313d;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 42px #1e5cb429}.collisionCanvasHead{background:#081425eb;border-bottom:1px solid #2b313d;justify-content:space-between;align-items:center;padding:10px;display:flex}.collisionLegend{gap:8px;display:inline-flex}.collisionToolbar{align-items:center;gap:8px;display:inline-flex}.collisionToggle{color:#9eb0cf;-webkit-user-select:none;user-select:none;background:#071222db;border:1px solid #233a5e;border-radius:999px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex}.collisionToggle input{accent-color:#4b93ff;margin:0}.collisionLegendItem{border:1px solid #2b313d;border-radius:999px;padding:2px 8px;font-size:11px}.collisionLegendItem--left{color:#8ab4ff;border-color:#4b93ffcc}.collisionLegendItem--right{color:#ff9e9e;border-color:#f66c}.collisionCanvasHost{width:100%;height:min(58vh,560px);min-height:340px}.collisionCanvasHost canvas{width:100%;height:100%;display:block}.collisionHint{color:#adbedc;background:#040a14f5;border-top:1px solid #1d3556;padding:10px;font-size:12px}#viewCollision{background:#050505;border-color:#ffffff14}#viewCollision .collisionStage{position:relative}#viewCollision .collisionCanvasWrap{background:#000;border-color:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff0a}#viewCollision .collisionCanvasHost{height:min(72vh,760px);min-height:500px}#viewCollision .collisionSlots--floating{pointer-events:none;z-index:7;grid-template-columns:minmax(280px,360px) minmax(280px,360px);align-items:start;gap:clamp(12px,24vw,520px);margin-bottom:0;display:grid;position:absolute;top:64px;left:10px;right:10px}#viewCollision .collisionSlot{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bd;border-color:#ffffff1f}#viewCollision .collisionSlot[data-slot=left]{justify-self:start}#viewCollision .collisionSlot[data-slot=right]{justify-self:end}#viewCollision .collisionMetrics{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;max-height:min(38vh,320px);margin-top:8px;padding:8px;overflow:auto}#viewCollision .collisionMetricsEmpty{color:#ffffff59;padding:8px 4px;font-size:12px}#viewCollision .collisionMetricGroup{border-bottom:1px dashed #ffffff14;margin-bottom:8px;padding-bottom:6px}#viewCollision .collisionMetricGroup:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}#viewCollision .collisionMetricGroupTitle{color:#ffffff73;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:10px}#viewCollision .collisionMetricRow{justify-content:space-between;gap:8px;padding:2px 0;font-size:12px;display:flex}#viewCollision .collisionMetricLabel{color:#ffffffad}#viewCollision .collisionMetricValue{color:#fff;align-items:center;gap:6px;font-weight:600;display:inline-flex}#viewCollision .collisionMetricDiff{font-size:11px;font-weight:700}#viewCollision .collisionMetricDiff.metricAboveAvg{color:#57d37a}#viewCollision .collisionMetricDiff.metricBelowAvg{color:#ff7878}@media (width<=900px){.collisionSlots{grid-template-columns:1fr}.collisionSuggestionItem{flex-direction:column;align-items:stretch}.collisionSuggestionActions{justify-content:flex-end}.collisionCanvasHead{flex-direction:column;align-items:flex-start;gap:8px}#viewCollision .collisionSlots--floating{pointer-events:auto;grid-template-columns:1fr;gap:10px;margin-top:10px;position:static}#viewCollision .collisionCanvasHost{height:min(62vh,620px);min-height:420px}}