/*! SPDX-License-Identifier: GPL-3.0-only */
/* Gaussian blur, brightness and glass tint are pre-rendered into the shared wallpaper bitmap. */
:root{--reconnect-base:#19212e;--reconnect-text:#eef1f7;--reconnect-line:rgba(255,255,255,.14);--reconnect-logo:clamp(72px,16vmin,128px);--reconnect-gap:24px}
#reconnect{position:fixed;inset:0;z-index:1000;isolation:isolate;overflow:hidden;background:var(--reconnect-base);color:var(--reconnect-text)}
#reconnect-wallpaper{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
#reconnect-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--reconnect-logo);height:var(--reconnect-logo);border-radius:23%;box-shadow:0 8px 32px rgba(0,0,0,.18)}
#reconnect-message{position:absolute;top:calc(50% + var(--reconnect-logo)/2 + var(--reconnect-gap));left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));margin:0;text-align:center;color:inherit;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
#reconnect-settings{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));min-height:48px;background:linear-gradient(150deg,rgba(255,255,255,.15),rgba(255,255,255,.05));border:1px solid var(--reconnect-line);color:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 20px rgba(0,0,0,.12)}
/* Keep detailed connection failures readable without covering the action in short car displays. */
@media(max-height:360px){:root{--reconnect-logo:64px;--reconnect-gap:12px}#reconnect-message{left:max(128px,calc(env(safe-area-inset-left) + 112px));bottom:max(8px,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;touch-action:pan-y;font-size:14px;line-height:1.35}#reconnect-settings{bottom:max(8px,env(safe-area-inset-bottom));min-height:44px}}
@media(max-aspect-ratio:3/4){#reconnect-wallpaper{object-position:65% center}}