:root{color-scheme:dark;--bg:#0b1020;--panel:#11182b;--muted:#8ea0c2;--text:#eef3ff;--accent:#6ea8fe;--border:#22304d;--chip:#18233c}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#18223b,transparent 45%),var(--bg);color:var(--text)}
.shell{max-width:1400px;margin:0 auto;padding:24px}.hero{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:18px}.eyebrow,.muted{color:var(--muted)}
h1,h2{margin:.2rem 0}.panel,.stat-card{background:rgba(17,24,43,.92);border:1px solid var(--border);border-radius:18px;padding:16px;backdrop-filter:blur(8px)}
.grid.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.card{padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--border)}
.layout{display:grid;grid-template-columns:2fr 1fr;gap:16px}.controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px}label{display:flex;flex-direction:column;gap:6px}
select,input,button{background:#0c1326;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 12px;font:inherit}button{background:linear-gradient(180deg,#2c65d8,#214aa3);border:none;cursor:pointer}
.row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(34,48,77,.55)}.player-row{width:100%;text-align:left;background:transparent;border-radius:0;border-bottom:1px solid rgba(34,48,77,.55)}.player-row:hover{background:rgba(110,168,254,.08)}.player-metrics{display:flex;gap:8px;align-items:center;white-space:nowrap}.uuid{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.pill{background:var(--chip);padding:2px 8px;border-radius:999px;color:#cfe0ff}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tab{background:var(--chip);border:1px solid var(--border);border-radius:999px;padding:8px 12px;cursor:pointer}.tab.active{background:var(--accent);color:#08111f}
.empty{padding:18px;border:1px dashed var(--border);border-radius:14px;color:var(--muted)}@media (max-width:900px){.layout{grid-template-columns:1fr}.hero{flex-direction:column;align-items:start}}