.online-presence-overlay{z-index:100000;box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000eb;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.18s ease-out online-presence-fade-in;display:flex;position:fixed;top:0;left:0;overflow:hidden}@keyframes online-presence-fade-in{0%{opacity:0}to{opacity:1}}.online-presence-modal{--op-accent:#4d9fff;--op-accent-dim:#4d9fff24;--op-accent-glow:#4d9fff38;box-sizing:border-box;width:min(620px,100vw - 40px);max-width:100%;max-height:min(90vh,640px);box-shadow:0 0 0 1px #0006, 0 24px 80px #0000008c, 0 0 48px var(--op-accent-glow);background:linear-gradient(165deg,#0e1622fa 0%,#060a10fc 100%);border:1px solid #ffffff1a;border-radius:2px;flex-direction:column;font-family:Science Gothic,Inter,monospace;animation:.22s ease-out online-presence-slide-up;display:flex;overflow:hidden}@keyframes online-presence-slide-up{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.online-presence-overlay--classic .online-presence-modal{--op-accent:#3ddf8a;--op-accent-dim:#3ddf8a1f;--op-accent-glow:#3ddf8a2e}.online-presence-overlay--aeon .online-presence-modal{--op-accent:#4d9fff;--op-accent-dim:#4d9fff24;--op-accent-glow:#4d9fff38}.online-presence-overlay--crux .online-presence-modal{--op-accent:#3cd4f0;--op-accent-dim:#3cd4f01f;--op-accent-glow:#3cd4f033}.online-presence-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px 0;display:flex}.online-presence-header-text{flex-direction:column;gap:2px;display:flex}.online-presence-eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--op-accent);font-size:10px;font-weight:600}.online-presence-title{letter-spacing:1.2px;text-transform:uppercase;color:#f4f7fb;margin:0;font-size:15px;font-weight:700}.online-presence-close{color:#8a96a3;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:2px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:20px;line-height:1;transition:color .15s,border-color .15s,background .15s;display:grid}.online-presence-close:hover{color:#fff;border-color:var(--op-accent);background:var(--op-accent-dim)}.online-presence-hero{text-align:center;padding:20px 20px 16px}.online-presence-hero-count{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 32px var(--op-accent-glow);font-size:clamp(2.5rem,8vw,3.25rem);font-weight:700;line-height:1}.online-presence-hero-label{letter-spacing:.4px;color:#7d8b98;margin-top:6px;font-size:12px}.online-presence-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;padding:0 20px 18px;display:grid}.online-presence-pill{background:#ffffff08;border:1px solid #ffffff12;border-radius:2px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;display:flex}.online-presence-pill-value{color:#fff;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.online-presence-pill-label{letter-spacing:.8px;text-transform:uppercase;color:#6e7c89;text-align:center;font-size:10px;font-weight:600}.online-presence-table-wrap{border-top:1px solid #ffffff0f;flex:1;min-width:0;overflow:hidden}.online-presence-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:13px}.online-presence-table thead th{color:#6e7c89;letter-spacing:.4px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;text-align:center;border-bottom:1px solid #ffffff14;padding:12px 6px 10px;font-size:10px;font-weight:600;overflow:hidden}.online-presence-table thead th.online-presence-th-game{text-align:left;letter-spacing:1.2px;color:#5f6d7a;padding:12px 8px 10px 20px}.online-presence-table thead th:last-child,.online-presence-table tbody td:last-child{padding-right:20px}.online-presence-col-game{width:42%}.online-presence-col-stat{width:11.6%}.online-presence-th-accent{color:var(--op-accent)}.online-presence-game-label{text-align:left;color:#d8e2ec;border-top:none;padding:11px 8px 11px 20px;font-weight:600}.online-presence-table tbody tr+tr>th,.online-presence-table tbody tr+tr>td{border-top:1px solid #ffffff0f}.online-presence-row-hint{letter-spacing:.2px;text-transform:none;color:#5a6672;white-space:normal;margin-top:2px;font-size:9px;font-weight:500;line-height:1.3;display:block}.online-presence-num{text-align:center;color:#e8eef4;font-variant-numeric:tabular-nums;border-top:none;padding:11px 6px}.online-presence-num--accent{color:var(--op-accent);font-weight:700}.online-presence-num--strong{color:#fff;font-weight:700}.online-presence-num--muted{color:#3d4852}.online-presence-hub-span{text-align:center;color:#3d4852;border-top:none;font-size:12px}.online-presence-table tbody tr.online-presence-tr-total>th,.online-presence-table tbody tr.online-presence-tr-total>td{background:#ffffff08;border-top:1px solid #ffffff1f}.online-presence-tr-total .online-presence-game-label,.online-presence-tr-total .online-presence-num:last-child{padding-bottom:14px}.online-presence-tr-hub .online-presence-game-label{color:#a8b4c0}.online-presence-row-hint--ledger{color:#4a5560;font-size:8px}.online-presence-footer{letter-spacing:.5px;text-align:center;color:#4f5d6a;border-top:1px solid #ffffff0f;margin-top:auto;padding:12px 20px 16px;font-size:10px}.online-presence-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s}.online-presence-trigger:hover{opacity:1!important}.online-presence-trigger:focus-visible{outline:1px solid var(--op-accent,#0072ffcc);outline-offset:2px}@media (max-width:420px){.online-presence-summary{grid-template-columns:1fr}.online-presence-pill{flex-direction:row;justify-content:space-between;padding:10px 14px}.online-presence-table{font-size:12px}.online-presence-game-label{font-size:11px}}