.pwa-status{z-index:200;color:#294d3d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9edfa;border:1px solid #b79b67;border-radius:10px;align-items:center;gap:16px;width:min(620px,100% - 24px);padding:12px 16px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 22px #243d2d30}.pwa-status>div{flex:1;min-width:0}.pwa-status strong,.pwa-status span{display:block}.pwa-status strong{font-size:14px}.pwa-status span{margin-top:3px;font-size:12px;line-height:1.6}.pwa-status .btn{white-space:normal;flex:none;max-width:140px;min-height:42px}.pwa-status.offline{background:#fff5e8fa;border-color:#b78159}.pwa-status .pwa-update-error{color:#95482f}.pwa-install-button{color:#315642;cursor:pointer;font:inherit;background:#fff8e8b3;border:1px solid #c5af80;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:9px 12px;display:inline-flex}.pwa-install-button svg{flex:none}.pwa-install-button:hover{background:#e9efdf}.pwa-install-button:focus-visible{outline-offset:3px;outline:2px solid #426d53}.pwa-install-help ol{padding-left:24px;line-height:1.9}.pwa-app-heading{align-items:center;gap:14px;display:flex}.pwa-app-heading img{border-radius:12px}.pwa-app-heading strong,.pwa-app-heading small{display:block}.pwa-app-heading strong{font-size:22px}.pwa-app-heading small{color:#727b67;margin-top:4px}.gateway-auth>.pwa-install-button{align-self:flex-start;margin-top:12px}@media (max-width:760px){.pwa-status{bottom:calc(var(--nav-h,64px) + env(safe-area-inset-bottom,0px) + 10px);gap:10px;padding:10px 12px}.pwa-status .btn{max-width:112px;font-size:12px}.pwa-status strong{font-size:13px}.pwa-status span{font-size:11px}}@media (display-mode:standalone){.pwa-status{margin-left:env(safe-area-inset-left,0px)}}.pwa-play-modes{color:#42624f;flex-wrap:wrap;align-items:stretch;gap:7px;margin:14px 0;display:flex}.pwa-play-modes>span,.pwa-play-modes>button{min-height:34px;color:inherit;font:inherit;background:#fff8e88c;border:1px solid #c9b78b85;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.pwa-play-modes>button{cursor:pointer;border-color:#a48e5f}.pwa-play-modes>button:hover{background:#e7eddf}.pwa-play-modes>button:focus-visible{outline-offset:2px;outline:2px solid #426d53}.pwa-play-modes svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.pwa-play-modes small{white-space:nowrap;font-size:11px;line-height:1.4}@media (max-width:380px){.pwa-play-modes{gap:5px}.pwa-play-modes>span,.pwa-play-modes>button{gap:4px;padding:5px 7px}.pwa-play-modes svg{width:16px;height:16px}}