:root{color-scheme:dark;--bg:#090909;--panel:#17171c;--panel2:#222229;--line:#323238;--muted:#a1a1aa;--purple:#4f2683;--purple-light:#c9a8f4;--gold:#ffc62f;--red:#fa9295;--aqua:var(--gold)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f5f7;font:14px system-ui,-apple-system,sans-serif}main{max-width:1180px;margin:auto;padding:24px 16px 100px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:800}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:20px}.logo{font-size:22px;letter-spacing:1px;font-weight:900}.login em,.logo em{font-style:normal;color:var(--gold)}.hero{background:#141416;padding:22px;border-radius:19px;border:1px solid #39313f;border-left:3px solid var(--purple)}.hero h1{margin:6px 0;font-size:28px}.hero p,.muted{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:16px 0}.metric,.panel{border:1px solid var(--line);background:var(--panel);border-radius:15px}.metric{padding:14px}.metric b{display:block;font-size:25px;margin-top:5px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.panel{padding:15px}.panel h2{font-size:14px;margin:0 0 15px}.empty{padding:28px 8px;text-align:center;color:var(--muted);line-height:1.5}.pills{display:flex;gap:8px;overflow:auto;padding:16px 0}.pill,button,input,select{border:1px solid var(--line);background:var(--panel2);color:inherit;border-radius:10px;padding:10px}.pill,button,select{cursor:pointer}.pill:hover,button:hover{border-color:#655374}.active{border-color:var(--purple);color:var(--purple-light);background:#21172d}.row{display:flex;gap:8px;justify-content:space-between;align-items:center}.controls{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.controls input{min-width:0;flex:1 1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.list{display:grid;grid-gap:7px;gap:7px}.player{border:1px solid var(--line);background:var(--panel);padding:13px;border-radius:12px;display:grid;grid-template-columns:1fr auto;grid-gap:5px;gap:5px}.player:hover{border-color:#50435c}.player small{color:var(--muted)}.tag{display:inline-block;color:#ffd28a;background:#403024;padding:3px 7px;border-radius:30px;font-size:10px;font-weight:800}.hint{padding:14px;background:#1b1921;border-left:3px solid var(--purple);border-radius:8px;color:#c9c5d0;margin:15px 0}.login{display:grid;min-height:90vh;place-items:center}.loginCard{width:min(390px,100%);padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:20px}.loginCard h1{font-size:30px}.loginCard button,.loginCard input,.loginCard label{display:block;width:100%;margin-top:12px}.loginCard button{background:var(--gold);border-color:var(--gold);color:#13100a;font-weight:800}.loginCard button:hover:not(:disabled){background:#ffda70}.loginCard button:disabled{opacity:.65;cursor:not-allowed}a{color:var(--purple-light)}a:hover{color:var(--gold)}@media (max-width:700px){.grid{grid-template-columns:1fr}.metrics{gap:7px}.metric{padding:10px}.metric b{font-size:19px}.hero h1{font-size:24px}}