:root { color-scheme:dark; --bg:#080b16; --panel:#10162a; --line:#29334d; --text:#f6f7ff; --muted:#a7b0cb; --violet:#8b5cf6; --violet-2:#b59aff; --cyan:#5eead4; }
[hidden] { display:none!important; }body { background:var(--bg); color:var(--text); }nav { background:#080b16ed; border-color:var(--line); gap:20px; flex-wrap:wrap; }.logo-name span,.section-label { color:var(--violet-2); }.nav-links { flex-wrap:wrap; gap:14px; }.nav-links a { color:var(--muted); padding-block:8px; }.page-header { border-color:var(--line); }.page-header p { color:var(--muted); line-height:1.6; max-width:870px; }.page-header .data-note { font-size:12px; color:#99a7c7; margin-top:12px; }
.controls { background:var(--panel); border-color:var(--line); gap:12px; }.pos-tabs { flex-wrap:wrap; }.pos-tab { color:var(--muted); border-color:var(--line); }.pos-tab.active { background:#8b5cf626; border-color:var(--violet); color:var(--violet-2); }.search-box input,select { background:var(--bg); border-color:#45506b; color:var(--text); }.search-box input::placeholder { color:var(--muted); }.results-count { color:var(--muted); }.reset-filters,.comparison button,#retry-load { background:transparent; color:var(--violet-2); border:1px solid #67518d; border-radius:8px; padding:10px 14px; cursor:pointer; font:inherit; font-size:12px; }
thead th { color:var(--muted); border-color:var(--line); }thead th button { color:inherit; background:none; border:0; font:inherit; cursor:pointer; padding:0; white-space:nowrap; min-height:44px; }thead th.sorted { color:var(--violet-2); }thead th.sorted::after { content:none; }thead th[aria-sort="descending"] button::after { content:' ↓'; }thead th[aria-sort="ascending"] button::after { content:' ↑'; }tbody tr { border-color:var(--line); }tbody tr:hover { background:var(--panel); }td.lo,.pteam,td.rank,td.zero { color:var(--muted); }.pname { color:var(--text); }.loading { color:var(--muted); }.empty-row { text-align:center; padding:40px 16px; color:var(--muted); }td input[type="checkbox"] { width:20px; height:20px; min-height:20px; accent-color:var(--violet); cursor:pointer; }td input:disabled { cursor:not-allowed; opacity:.35; }td:nth-child(-n+4),thead th:nth-child(-n+4) { text-align:left; }
.comparison { margin:24px 40px 10px; padding:22px; background:var(--panel); border:1px solid var(--line); border-radius:14px; }.comparison-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:15px; }.comparison h2 { font-size:20px; letter-spacing:-.025em; }.comparison p { font-size:12px; color:var(--muted); margin-top:6px; }.comparison-scroll { overflow:auto; margin-top:16px; }.comparison table { min-width:460px; }.comparison th,.comparison td { text-align:left; padding:12px; white-space:nowrap; }.comparison thead th { min-width:125px; max-width:240px; white-space:normal; vertical-align:top; }.comparison thead th:first-child { min-width:130px; }.comparison th strong { display:block; overflow-wrap:anywhere; }.comparison th span { display:block; color:var(--muted); font-weight:400; font-size:11px; margin-top:5px; }.comparison th button { display:block; margin-top:8px; min-height:32px; padding:4px 8px; font-size:11px; }.comparison tbody th { color:var(--muted); font-size:12px; font-weight:500; }footer { border-color:var(--line); }footer a,.footer-note { color:var(--muted); }
@media(max-width:700px) { nav { position:static; }.nav-links { gap:4px 15px; }.nav-links a { font-size:12px; }.comparison { margin:18px 16px 5px; padding:16px; }.controls { gap:10px; }.results-count { display:block; margin-left:0; width:100%; }.search-box { flex:1; min-width:180px; }.search-box input { width:100%; } }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(100%); }