.pwa-update-banner {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 950;
  width: min(420px, calc(100vw - 32px));
  box-sizing: border-box;
  padding: 20px;
  color: #f3f4f6;
  background: #182029;
  border: 1px solid #445363;
  border-radius: 18px;
  box-shadow: 0 14px 48px #0008;
}
.pwa-update-banner[hidden] { display: none; }
.pwa-update-banner > strong { display: block; font-size: 16px; }
.pwa-update-banner > p { margin: 9px 0 16px; font-size: 14px; line-height: 1.5; color: #d6dee6; }
.pwa-update-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.pwa-update-actions button { min-height: 44px; }
body.timer-fullscreen .pwa-update-banner { display: none; }
@media (max-width: 760px) {
  .pwa-update-banner { right: 16px; bottom: calc(88px + env(safe-area-inset-bottom, 0px)); padding: 16px; }
}