/* PPU 2090: connection clarity and keyboard-accessible motion preferences. */
.ppu2090-connectivity{position:fixed;inset-inline:clamp(12px,3vw,36px);bottom:calc(80px + env(safe-area-inset-bottom,0px));z-index:9900;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:780px;margin-inline:auto;padding:14px 18px;background:#10263c;color:#fff;border:1px solid #6288a8;border-radius:16px;box-shadow:0 9px 30px #07182b40;font-size:.9rem;line-height:1.8;text-align:center}
.ppu2090-connectivity[hidden]{display:none!important}
.ppu2090-connectivity[data-state='restored']{background:#123a45;border-color:#62b2b0}
.ppu2090-connectivity-retry,.ppu2090-connectivity-close{cursor:pointer;color:inherit;background:transparent;border:1px solid #b5d1e1;border-radius:9px;padding:5px 12px;font:inherit}
.ppu2090-connectivity-close{font-size:1.35rem;line-height:1;min-width:36px}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #0d99a4;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(min-width:800px){.ppu2090-connectivity{bottom:24px}}