.network-status-banner{position:fixed;top:0;left:0;right:0;z-index:100000;display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;font:700 14px/1.5 inherit;box-shadow:0 4px 14px rgba(15,23,42,.18);transform:translateY(-120%);opacity:0;transition:.22s ease;pointer-events:none}.network-status-banner.show{transform:translateY(0);opacity:1}.network-status-banner.offline{background:#b91c1c;color:#fff}.network-status-banner.server-down{background:#9a3412;color:#fff}.network-status-banner.online{background:#047857;color:#fff}.network-status-dot{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(255,255,255,.2)}body.network-banner-visible{padding-top:38px}@media(max-width:640px){.network-status-banner{font-size:13px;min-height:42px;padding:9px 10px}body.network-banner-visible{padding-top:42px}}