.network-status{position:fixed;left:50%;bottom:84px;z-index:1000;max-width:calc(100% - 28px);padding:10px 14px;border:1px solid #f0a500;border-radius:999px;background:#241b08;color:#ffd98a;font-size:12px;font-weight:700;text-align:center;transform:translate(-50%,140%);opacity:0;pointer-events:none;transition:transform .2s ease,opacity .2s ease}.network-status.is-visible{transform:translate(-50%,0);opacity:1}.network-status.is-online{border-color:#2fbf71;background:#092316;color:#a7f3c6}@media(min-width:700px){.network-status{bottom:24px}}