@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080d19;--panel:rgba(16,24,42,.88);--panel2:#111b2d;--line:rgba(148,163,184,.14);--text:#edf3ff;--muted:#8796b0;--blue:#78a8ff;--blue2:#4f7ff1;--green:#54e0b0;--red:#ff7185}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#152344 0,transparent 40%),var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;min-height:100vh}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.11;z-index:-1}.ambient-a{width:360px;height:360px;background:#427bff;top:15%;left:-180px}.ambient-b{width:300px;height:300px;background:#18d4ad;right:-140px;bottom:5%}.shell{max-width:1500px;margin:auto;padding:0 34px 40px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--text)}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#86b4ff,#4e67e7);color:white;font:700 24px 'Space Grotesk';box-shadow:0 8px 25px #426fe344}.brand b,.brand small{display:block}.brand b{font:700 16px 'Space Grotesk';letter-spacing:1.4px}.brand small{font-size:9px;letter-spacing:2px;color:#8d9db8;margin-top:3px}.top-right{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.status-dot,.tiny-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #54e0b066;display:inline-block}.status-dot.offline{background:var(--red);box-shadow:none}.login-layout{min-height:calc(100vh - 150px);display:grid;grid-template-columns:1.25fr minmax(330px,.75fr);gap:70px;align-items:center;padding:60px 6%}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:9px}.hero h1,.page-heading h1{font:600 clamp(42px,5vw,68px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-2.8px;margin:22px 0}.hero h1 span{background:linear-gradient(90deg,#8bb8ff,#8be7d3);-webkit-background-clip:text;background-clip:text;color:transparent}.hero>p{max-width:480px;color:#9aa9c2;font-size:15px;line-height:1.8}.feature-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;font-size:11px;color:#aebbd0}.feature-row span::first-letter{color:var(--green)}.panel,.stat-card{background:linear-gradient(145deg,rgba(20,30,51,.94),rgba(12,19,33,.94));border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px #0002}.login-panel{padding:32px}.panel-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#78a8ff1c;color:var(--blue);font-size:25px}.login-panel h2,.panel-heading h2{font:600 21px 'Space Grotesk';margin:20px 0 7px}.muted{color:var(--muted);font-size:12px;line-height:1.6}.login-panel>p.muted{margin:0 0 27px}.login-panel label{display:block;font-size:11px;color:#c4cee0;margin:18px 0 8px}.login-panel input,.search-wrap input{width:100%;background:#0b1221;border:1px solid #27334a;border-radius:9px;padding:13px;color:var(--text);outline:none;font:inherit;font-size:13px}.login-panel input:focus,.search-wrap input:focus{border-color:#709eff;box-shadow:0 0 0 3px #709eff1c}.button{border:1px solid transparent;border-radius:9px;padding:10px 14px;color:var(--text);font:600 11px 'DM Sans';cursor:pointer;transition:.15s}.button:disabled{opacity:.5;cursor:wait}.button.primary{background:linear-gradient(100deg,#598bfa,#6e7ef3);box-shadow:0 7px 22px #456ce633}.button.primary:hover{filter:brightness(1.1)}.button.full{width:100%;margin-top:24px;display:flex;justify-content:space-between;align-items:center;padding:14px}.button.ghost{background:#172238;border-color:#283650;color:#c5d2e8}.button.ghost:hover{background:#202e48}.button.small{padding:7px 9px;font-size:10px}.button.spectate{background:#78a8ff12;border-color:#78a8ff35;color:#9ec0ff;white-space:nowrap}.button.spectate:hover{background:#78a8ff24}.error{color:var(--red);font-size:12px;min-height:15px}.fineprint{font-size:10px;color:#63718a;text-align:center;margin:20px 0 0}.hidden{display:none!important}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:42px 0 26px}.page-heading h1{font-size:38px;letter-spacing:-1.4px;margin:9px 0 4px}.page-heading .muted{margin:0}.refresh-note{font-size:11px;color:var(--muted);display:flex;gap:9px;align-items:center;margin-bottom:7px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stat-card{padding:21px 23px}.stat-label{font-size:11px;color:#a3b1c8;display:flex;justify-content:space-between}.stat-label span{color:var(--blue);font-size:17px}.stat-number{font:600 34px 'Space Grotesk';margin:12px 0 7px;letter-spacing:-1px}.stat-number small{font:400 12px 'DM Sans';color:var(--muted);letter-spacing:0}.stat-foot{font-size:10px;color:#667791}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:18px}.players-panel,.events-panel{padding:22px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{margin:0 0 5px}.panel-heading .muted{margin:0}.count-pill,.live-pill{border:1px solid #405475;background:#1b2b46;color:#a7c6ff;border-radius:20px;padding:6px 10px;font-size:10px;white-space:nowrap}.live-pill{color:var(--green);border-color:#54e0b033;background:#54e0b00c;letter-spacing:1px}.search-wrap{display:flex;align-items:center;gap:10px;background:#0b1221;border:1px solid var(--line);border-radius:9px;padding-left:12px;margin:22px 0 14px;color:#7f9bc9}.search-wrap input{border:0;background:transparent;padding:11px 10px 11px 0;box-shadow:none!important}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px;text-align:left}th{font-size:9px;letter-spacing:1px;color:#6f809d;font-weight:600;padding:12px 10px;border-bottom:1px solid var(--line)}td{font-size:11px;color:#aebbd0;padding:13px 10px;border-bottom:1px solid #ffffff08}tbody tr:hover{background:#ffffff04}.player-name{display:flex;align-items:center;gap:9px}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#273c60,#18243b);color:#b4ceff;font-weight:700}.player-name b,.player-name small{display:block}.player-name b{font-size:11px;color:#e0e9f8;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name small{font-size:9px;color:var(--green);margin-top:3px}.id-chip{background:#19253a;padding:4px 7px;border-radius:5px;color:#b3c6e7}.ping{color:var(--green)}.ping-warn{color:#ffc56f}.position{font-variant-numeric:tabular-nums;white-space:nowrap}.empty{text-align:center;color:#75849d;padding:30px 12px;font-size:12px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;color:#6f809a;font-size:10px}.events-list{margin-top:24px}.event-item{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #ffffff0a;align-items:flex-start}.event-icon{flex:none;width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#78a8ff13;color:#90b6ff;font-size:14px}.event-body{min-width:0;flex:1}.event-body b{font-size:11px;color:#dbe6f8}.event-body p{font-size:10px;color:#95a4bc;margin:5px 0}.event-body small{font-size:9px;color:#687993;line-height:1.4;display:block;overflow-wrap:anywhere}.event-item time{font-size:9px;color:#6e7f99;white-space:nowrap;padding-top:2px}.notice{display:flex;gap:13px;margin-top:20px;padding:17px 19px;border:1px solid #719eff24;background:#719eff09;border-radius:12px}.notice-icon{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#719eff20;color:#9bbdff;font-weight:700}.notice b{font-size:11px}.notice p{font-size:11px;line-height:1.7;color:#91a2bd;margin:5px 0 0}.notice code{color:#b8ceff;background:#192743;padding:2px 5px;border-radius:4px}footer{text-align:center;margin-top:35px;color:#52617b;font-size:10px}footer span{padding:0 7px}.toast{position:fixed;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 48px));padding:14px 18px;border:1px solid #54e0b044;background:#122a2b;color:#bdf7e4;border-radius:10px;font-size:12px;box-shadow:0 14px 40px #0005;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast-error{background:#321b29;color:#ffd1da;border-color:#ff718544}
@media(max-width:1000px){.login-layout{gap:35px;padding:45px 2%}.content-grid{grid-template-columns:1fr}.events-panel{min-height:250px}}@media(max-width:680px){.shell{padding:0 15px 30px}.topbar{height:70px}.top-right{font-size:10px}.login-layout{grid-template-columns:1fr;gap:32px;padding:45px 0}.hero h1{font-size:48px}.feature-row{gap:10px;font-size:10px}.login-panel{padding:23px}.page-heading{margin:30px 0 20px;align-items:flex-start;gap:12px;flex-direction:column}.page-heading h1{font-size:32px}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:16px 18px}.stat-number{font-size:28px;margin:7px 0}.players-panel,.events-panel{padding:15px}.panel-heading h2{font-size:18px}.refresh-note{margin:0}.notice{padding:13px}.brand-mark{width:35px;height:35px}.brand small{font-size:8px}.top-right #connection-label{max-width:100px;text-align:right}}
.action-stack{display:flex;gap:6px;flex-wrap:wrap}.live-view{background:#164e63!important;color:#e0f2fe!important}.live-panel{margin-top:20px;padding:20px}.live-panel video{display:block;width:100%;max-height:72vh;background:#05070c;border-radius:12px;object-fit:contain}.live-panel .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.action-row{display:flex;gap:8px;flex-wrap:wrap}