.brand #online-presence{display:flex;align-items:center;gap:5px;width:max-content;margin-top:5px;padding:3px 7px;min-height:24px;border:1px solid #387363;border-radius:20px;background:#093b36;color:#d8fbed;font:500 11px/1.3 system-ui,sans-serif;letter-spacing:0;white-space:nowrap}
#online-presence::before{content:'';width:6px;height:6px;border-radius:50%;background:#72efb0;box-shadow:0 0 8px #72efb055}
#online-presence[data-state=offline]::before{background:#a7b0c0;box-shadow:none}
#online-count{font-variant-numeric:tabular-nums;font-weight:800}
#online-dialog{width:min(420px,calc(100vw - 32px));padding:24px;border:1px solid #387363;border-radius:18px;background:#0c2945;color:#f4f8ff;font:15px/1.6 system-ui,sans-serif}
#online-dialog::backdrop{background:#001020bd;backdrop-filter:blur(4px)}
#online-dialog h2{font-size:21px;margin:0 0 12px}#online-dialog button{min-height:44px}#online-detail{color:#c5d8e8}
@media(max-width:650px){.brand #online-presence{font-size:9px;padding:3px 5px;gap:3px}}