:root{color-scheme:dark;--bg:#0b1020;--panel:#111a2d;--panel2:#141f34;--line:rgba(157,180,215,.14);--muted:#8392ac;--text:#edf3ff;--accent:#88e0c0;--accent2:#83b8ff;--danger:#ff8c98;--mono:'DM Mono',Consolas,monospace;--sans:'DM Sans',Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -25%,#1b2b49 0,transparent 55%),var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.11;pointer-events:none;z-index:0}.ambient-one{width:360px;height:360px;right:-100px;top:220px;background:#42d9b2}.ambient-two{width:300px;height:300px;left:-130px;bottom:30px;background:#588eff}.shell{position:relative;z-index:1;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:28px 0 30px}.topbar{height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.brand,.login-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#9af0d2,#50b99e);color:#071c1b;font-weight:800;letter-spacing:-1px;font-size:15px;box-shadow:0 7px 24px #5bd3af26}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:12px;letter-spacing:1.8px}.brand-copy small{font-family:var(--mono);font-size:9px;letter-spacing:1.1px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:20px}.private-pill{font:10px var(--mono);letter-spacing:1.1px;color:#b7c9dc;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--accent);box-shadow:0 0 12px #88e0c088}.quiet-button{border:0;background:transparent;color:#aebbd0;font:600 12px var(--sans);cursor:pointer;padding:9px 0}.quiet-button:hover{color:white}.quiet-button span{color:var(--accent);padding-left:5px}.hero{display:flex;justify-content:space-between;align-items:center;padding:54px 0 34px}.eyebrow{font:10px var(--mono);letter-spacing:1.8px;color:var(--accent);margin:0 0 13px}.hero h1{font-size:clamp(34px,5vw,54px);line-height:1.04;letter-spacing:-2.4px;margin:0;font-weight:700}.hero h1 span{color:#9eacc3}.hero-copy{color:var(--muted);font-size:14px;margin:17px 0 0}.hero-stamp{width:100px;height:100px;border:1px solid #a5bbd52b;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;color:#7188a7;transform:rotate(9deg);margin-right:32px}.hero-stamp span{font-size:22px;font-weight:800;letter-spacing:-2px;color:#8be0c1}.hero-stamp small{font:8px var(--mono);letter-spacing:1px;line-height:1.5}.search-panel,.results-panel,.metric-card{background:linear-gradient(145deg,#152139eF,#101829f2);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #00000016}.search-panel{padding:20px 22px 15px}.search-label-row,.search-foot{display:flex;align-items:center;justify-content:space-between}.search-label-row label{font:10px var(--mono);letter-spacing:1.5px;color:#c4d2e7}.search-hint,.search-foot{color:var(--muted);font-size:11px}.search-row{display:flex;gap:10px;margin-top:12px}.search-field{height:50px;display:flex;align-items:center;gap:12px;flex:1;border:1px solid #7286a52e;background:#0b1323;border-radius:10px;padding:0 14px}.search-field:focus-within{border-color:#88e0c080;box-shadow:0 0 0 3px #88e0c011}.search-field svg,.icon-button svg{width:18px;height:18px;fill:none;stroke:#8b9bb4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.search-field input,.password-field input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:14px var(--sans);min-width:0}.search-field input::placeholder,.password-field input::placeholder{color:#61718c}.search-field kbd{font:9px var(--mono);color:#6e819e;border:1px solid #ffffff1a;border-radius:4px;padding:4px 6px}.primary-button{height:50px;border:0;border-radius:10px;padding:0 20px;background:linear-gradient(120deg,#9cebd0,#73cbb0);color:#09221e;font:700 12px var(--sans);cursor:pointer;white-space:nowrap;box-shadow:0 8px 24px #69d9b01c;transition:transform .15s,filter .15s}.primary-button:hover{filter:brightness(1.06);transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:wait;transform:none}.primary-button span{font-size:17px;padding-left:12px}.icon-button{width:50px;height:50px;border:1px solid #7286a52e;border-radius:10px;background:#0b1323;display:grid;place-items:center;cursor:pointer}.icon-button:hover{border-color:#88e0c080}.search-foot{padding-top:12px;font:10px var(--mono);gap:12px}.overview-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:14px 0 30px}.metric-card{padding:16px 18px;min-height:105px}.metric-label{display:block;font:9px var(--mono);letter-spacing:1.2px;color:#8091ac}.metric-card strong{display:block;font-size:25px;letter-spacing:-.7px;margin:8px 0 2px}.metric-card .metric-date{font-size:16px;letter-spacing:0}.metric-card .source-value{font:600 19px var(--mono);letter-spacing:1px;color:#b5c8e1}.metric-note{color:var(--muted);font-size:10px}.metric-note .status-dot{width:6px;height:6px;margin-right:5px}.results-panel{overflow:hidden}.section-heading{display:flex;justify-content:space-between;align-items:end;padding:22px 22px 17px}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2{font-size:19px;letter-spacing:-.4px;margin:0}.count-chip{display:inline-block;vertical-align:middle;margin-left:7px;border:1px solid #88e0c044;background:#88e0c010;color:var(--accent);font:10px var(--mono);border-radius:20px;padding:4px 8px}.sort-note{color:var(--muted);font:10px var(--mono)}.table-wrap{overflow-x:auto;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:780px}thead{background:#0c1424}th{text-align:left;padding:13px 14px;color:#8293ad;font:9px var(--mono);letter-spacing:1px;white-space:nowrap}th:first-child,td:first-child{padding-left:22px}td{padding:14px;border-top:1px solid #9bb1d00e;color:#dbe5f5;font-size:12px;white-space:nowrap}tbody tr.profile-row{transition:background .12s}tbody tr.profile-row:hover{background:#ffffff07}.player-cell{display:flex;align-items:center;gap:10px}.avatar{width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,#284665,#172b42);display:grid;place-items:center;color:#a1e8d2;font-weight:700;font-size:12px;flex:none}.player-name{font-weight:700;color:#f0f5ff}.player-id{display:block;color:#7e8da6;font:9px var(--mono);margin-top:3px}.stat-main{font:11px var(--mono);color:#e2ebf9}.stat-sub{font-size:10px;color:#8191aa;margin-top:3px}.last-seen{color:#9fe5cb;font:10px var(--mono)}.ping{font:10px var(--mono);color:#9db1cd}.detail-button{border:1px solid #8399b51e;background:#111e31;border-radius:7px;color:#a9bad0;padding:6px 9px;font:10px var(--mono);cursor:pointer}.detail-button:hover{border-color:#88e0c080;color:white}.detail-row td{background:#0c1525;padding:14px 22px 16px}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail-item span{display:block;color:#71829e;font:9px var(--mono);letter-spacing:.8px;margin-bottom:5px}.detail-item strong{font:11px var(--mono);color:#d9e5f4;overflow-wrap:anywhere}.empty-state{text-align:center;padding:48px 16px;color:var(--muted);font-size:12px}.loader{display:inline-block;width:13px;height:13px;border:2px solid #7286a533;border-top-color:var(--accent);border-radius:50%;vertical-align:-3px;margin-right:9px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-footer{display:flex;justify-content:space-between;padding:13px 22px;color:#70819b;font:9px var(--mono);letter-spacing:.5px;border-top:1px solid var(--line)}.footer{display:flex;justify-content:space-between;gap:15px;color:#60718c;font:9px var(--mono);letter-spacing:.5px;padding:20px 2px}.footer i,.login-foot i{font-style:normal;color:var(--accent);padding:0 5px}.login-page{display:grid;place-items:center;padding:28px}.login-shell{position:relative;z-index:1;width:min(410px,100%)}.login-brand{justify-content:center;margin-bottom:27px}.login-card{padding:34px;background:linear-gradient(145deg,#17243b,#10192a);border:1px solid var(--line);border-radius:18px;box-shadow:0 25px 80px #0005}.lock-icon{width:44px;height:44px;border:1px solid #88e0c040;border-radius:13px;display:grid;place-items:center;margin-bottom:24px;background:#88e0c010}.lock-icon svg{width:21px;height:21px;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.login-card h1{font-size:29px;letter-spacing:-1px;margin:0}.login-copy{color:var(--muted);font-size:12px;line-height:1.6;margin:9px 0 27px}.login-card label{display:block;color:#bdcce0;font:9px var(--mono);letter-spacing:1.3px;margin-bottom:9px}.password-field{height:48px;border:1px solid #7286a540;border-radius:9px;background:#0a1322;display:flex;align-items:center;padding:0 12px}.password-field:focus-within{border-color:#88e0c080}.password-field input{font-size:13px}.password-field button{border:0;background:transparent;color:#8192ad;font:9px var(--mono);letter-spacing:1px;cursor:pointer}.login-submit{width:100%;margin-top:15px}.login-error{color:var(--danger);font-size:11px;margin:10px 0 0}.login-security{display:flex;align-items:center;gap:8px;color:#71829b;font:9px var(--mono);margin-top:22px}.login-security .status-dot{width:6px;height:6px}.login-foot{text-align:center;color:#5e6f89;font:9px var(--mono);letter-spacing:1px;margin-top:24px}
@media(max-width:720px){.shell{width:min(100% - 28px,1180px);padding-top:18px}.hero{padding:42px 0 26px}.hero-stamp{width:76px;height:76px;margin-right:0}.hero-stamp span{font-size:17px}.hero h1{font-size:39px}.search-panel{padding:17px 14px 13px}.search-row{gap:7px}.primary-button{padding:0 13px}.overview-grid{gap:8px}.metric-card{padding:13px 11px;min-height:98px}.metric-card strong{font-size:20px}.metric-card .metric-date{font-size:12px}.metric-label{font-size:8px;letter-spacing:.7px}.metric-note{font-size:9px}.section-heading{padding:18px 14px 14px}.table-footer{padding:12px 14px}.footer{font-size:8px;flex-direction:column}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sort-note{font-size:9px}.top-actions{gap:12px}.private-pill{font-size:9px}}
@media(max-width:440px){.hero-stamp{display:none}.hero h1{font-size:35px}.search-hint{display:none}.search-foot{font-size:9px}.icon-button{width:43px;height:50px}.primary-button{padding:0 11px;font-size:11px}.overview-grid{grid-template-columns:1fr 1fr}.metric-card:last-child{grid-column:span 2}.top-actions{gap:9px}.brand-copy small{font-size:8px}}