:root{--bg:#0d1117;--card:#151c25;--fg:#edf2f8;--mut:#97a6b9;--line:#2b3746;--acc:#efac48;--bad:#f47979;--ok:#7fd8b0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:14px/1.5 system-ui,Arial,sans-serif}main{max-width:1100px;margin:auto;padding:18px 22px 40px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a,input,textarea{outline-offset:3px}:focus-visible{outline:2px solid var(--acc)}button{border:1px solid var(--line);border-radius:8px;background:#1e2937;color:var(--fg);padding:10px 14px;min-height:40px}button.active{border-color:var(--acc);color:var(--acc)}.primary{background:var(--acc);border-color:var(--acc);color:#17120b;font-weight:700}.small{padding:7px 11px;font-size:13px;min-height:34px}a{color:var(--acc);overflow-wrap:anywhere}h1{font-size:23px;margin:0;letter-spacing:-.5px}h2{font-size:18px;margin:0 0 12px}h3{font-size:14px;margin:0 0 8px}p{margin:8px 0 12px}.mut,.note{color:var(--mut)}.note{font-size:12px}.top,.row,.identity{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.top{justify-content:space-between}.brand{color:var(--acc);font-weight:800;letter-spacing:2px;font-size:12px}.kbd,.tag{border:1px solid var(--line);border-radius:6px;padding:4px 8px;color:var(--mut);font-size:12px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:18px 0 16px;overflow-x:auto}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;white-space:nowrap;color:var(--mut)}.tabs button.on{border-color:var(--acc);color:var(--fg)}.card{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:18px;margin-bottom:14px}.search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:8px}input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;background:#0e151f;color:var(--fg);min-width:0}textarea{min-height:90px;resize:vertical}label{display:block;font-size:12px;color:var(--mut);margin:12px 0 5px}.status{min-height:24px;color:var(--acc);font-size:13px;margin-bottom:8px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid>*{min-width:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}.metric{padding:11px;background:#0f1721;border:1px solid var(--line);border-radius:8px}.metric strong{display:block;font-size:22px}.metric span{font-size:11px;color:var(--mut)}.portrait{display:grid;place-items:center;width:44px;height:44px;background:#293749;color:var(--acc);border-radius:10px;font-size:24px;flex-shrink:0}.identity>div{min-width:0}.identity h2{margin:0;overflow-wrap:anywhere}.score{font-size:54px;font-weight:800;letter-spacing:-2px;margin:4px 0}.score small{font-size:22px}.bar{height:6px;background:var(--line);border-radius:4px;overflow:hidden}.bar i{display:block;background:var(--acc);height:100%}.factor,.entry{padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.factor{display:flex;justify-content:space-between;gap:8px}.factor span{color:var(--mut);font-size:12px}.good{color:var(--ok)}.bad{color:var(--bad)}.votes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.votes button{padding:13px 8px}.votes strong{display:block;font-size:24px}.votes .bad{border-color:#684044}.votes .good{border-color:#315646}.empty{padding:18px 0;color:var(--mut)}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--mut);font-weight:500}.checks{display:flex;gap:8px;align-items:flex-start}.checks input{width:auto;margin-top:5px}.checks label{margin:0}.split{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.stack>button{margin:6px 8px 0 0}.summary{color:var(--mut);font-size:13px}footer{color:var(--mut);font-size:12px;margin-top:20px}[hidden]{display:none!important}.compact main{max-width:960px;padding:10px 14px 25px}.compact .card{padding:12px}.compact .metric{padding:8px}.compact .tabs{margin:10px 0}.compact .top .sub{display:none}.compact .metrics{gap:6px}.compact .layout{grid-template-columns:minmax(0,1fr) 265px}@media(max-width:850px){.layout,.compact .layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:580px){main{padding:12px}.grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.search{grid-template-columns:1fr}.card{padding:14px}.top .kbd{display:none}h1{font-size:20px}.tabs{gap:0}.tabs button{padding:10px}.score{font-size:44px}}

select{font:inherit;background:#151c25;border:1px solid var(--line);color:var(--fg);border-radius:8px;padding:9px;max-width:150px}.auth-links a{display:inline-block;text-decoration:none;background:#1e2937;border:1px solid var(--line);border-radius:8px;padding:9px 13px}.auth-links a[aria-disabled=true]{opacity:.5;pointer-events:none}.wide{grid-column:1/-1}.source-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.source-tabs a{border:1px solid var(--line);border-radius:7px;padding:6px 12px;text-decoration:none}.login-notice{padding:10px;border:1px solid var(--line);border-radius:8px;color:var(--mut)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#watchPlayer{width:100%;margin-top:10px}#steam{scroll-margin-top:20px}.spark{display:flex;align-items:end;gap:4px;height:75px;padding-top:5px}.spark i{flex:1;min-width:3px;background:var(--acc);border-radius:3px}.result-chip{padding:3px 7px;border-radius:4px;background:#243245}.chips{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}#commentForm{margin-top:12px}#connection:empty{display:none}

/* Player analytics */
main{max-width:1280px}.portrait{width:60px;height:60px;object-fit:cover}.identity h2{font-size:24px}.metric strong{font-variant-numeric:tabular-nums}.metric{min-width:0}.metric strong{overflow-wrap:anywhere}.performance-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(245px,1fr);gap:14px}.trend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.trend-chart{display:block;width:100%;height:auto;max-height:160px}.chart-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.chart-label{fill:var(--mut);font:10px system-ui}.chart-line{fill:none;stroke:var(--acc);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart-point{fill:var(--acc);stroke:var(--card);stroke-width:1;cursor:crosshair}.chart-point:hover{r:5}.filter-row{display:flex;gap:10px;flex-wrap:wrap}.filter-row label{margin:0;min-width:125px}.filter-row select{display:block;margin-top:4px;width:100%}.analytics-toolbar h2{margin-bottom:4px}.analytics-toolbar p{margin:0}.donut{position:relative;width:136px;height:136px;margin:0 auto 10px}.donut svg{width:100%;height:100%}.donut-track{stroke:var(--line);stroke-width:7;fill:none}.donut-fill{stroke:var(--ok);stroke-width:7;fill:none;stroke-linecap:round}.donut>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut strong{font-size:32px;line-height:1.2}.donut span{font-size:12px;color:var(--mut)}.results-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.results-metrics .metric strong{font-size:19px}.stat-bar{margin:12px 0}.stat-bar b{font-size:13px}.stat-bar span{font-size:12px;color:var(--mut)}.stat-bar svg{display:block;width:100%;height:7px;margin-top:7px}.bar-track{fill:var(--line)}.bar-fill{fill:var(--acc)}.chips{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 15px}.result-chip{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:27px;background:#202c38;border:1px solid var(--line);border-radius:5px;font-size:12px;font-weight:700}.result-chip.good{border-color:#315646;background:#17302a}.result-chip.bad{border-color:#684044;background:#352026}.source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.source-grid>div{padding:12px;border:1px solid var(--line);border-radius:8px}.source-grid span{display:block;font-size:12px;color:var(--mut);margin-bottom:4px}.source-grid strong{font-size:13px}.ban-list{border-left:3px solid var(--bad);padding-left:10px}.compact .identity h2{font-size:20px}.compact .portrait{width:44px;height:44px}.compact .trend-chart{max-height:120px}.compact .filter-row label{min-width:110px}select{border:1px solid var(--line);background:#0e151f;color:var(--fg);border-radius:7px;padding:9px;font:inherit;min-height:36px}@media(max-width:850px){.performance-grid{grid-template-columns:1fr}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.trend-grid{grid-template-columns:1fr}.filter-row{width:100%}.filter-row label{flex:1;min-width:105px}.source-grid{grid-template-columns:1fr 1fr}.identity h2{font-size:20px}.results-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}