dialog.network-recovery{box-sizing:border-box;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:28px;border:1px solid #b79758;border-radius:8px;background:#142028;color:#f5e6c6;box-shadow:0 16px 70px #0008;font:15px/1.6 Arial,sans-serif;text-align:center}
.network-recovery::backdrop{background:#071016e6}
.network-recovery h2{margin:0 0 18px;font:28px/1.2 Georgia,serif;color:#ffe0a0}
.network-recovery p{margin:14px 0;overflow-wrap:anywhere}
.network-recovery p+p{font-size:13px;color:#d0c3a7}
.network-recovery button{min-height:48px;width:100%;padding:10px 16px;margin-top:8px;border:1px solid #c9a962;border-radius:4px;background:#554321;color:#fff0cb;font:inherit;cursor:pointer}
.network-recovery button:disabled{opacity:.7;cursor:wait}
.network-recovery button:focus-visible{outline:2px solid #ffe0a0;outline-offset:4px}
.network-recovery [data-network-exit]{background:#f1d69b;color:#3b2915;border-color:#c9a562}.network-recovery [data-network-exit][hidden]{display:none}
.network-status{position:fixed;z-index:2147483001;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100vw - 32px);box-sizing:border-box;padding:10px 18px;background:#142028ed;border:1px solid #b79758;color:#f5e6c6;font:13px/1.4 Arial,sans-serif;box-shadow:0 4px 20px #0008;pointer-events:none;text-align:center}.network-status[hidden]{display:none}