.offline-banner{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:10000;display:flex;align-items:center;gap:9px;max-width:calc(100vw - 24px);margin-top:12px;padding:9px 16px;border-radius:10px;background:rgba(40,30,8,.92);border:1px solid rgba(245,196,81,.45);box-shadow:0 6px 24px rgba(0,0,0,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.82rem;line-height:1.3;color:rgba(255,244,222,.95);pointer-events:none;animation:offline-banner-in .35s cubic-bezier(.16,1,.3,1)}@keyframes offline-banner-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.offline-banner__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#f5c451;box-shadow:0 0 8px rgba(245,196,81,.8);animation:offline-banner-pulse 1.6s ease-in-out infinite}@keyframes offline-banner-pulse{0%,to{opacity:1}50%{opacity:.35}}.offline-banner__text{white-space:normal}