#pwa[hidden],
#pwa [hidden] { display: none; }


.pwa-sheet {
  box-sizing: border-box;
  width: 100%;
  padding: var(--step-4);
  border: 1px solid var(--line-2);
  border-radius: var(--round-2);
  background: var(--surface-overlay);
  color: var(--ink-1);
  box-shadow: var(--win-shadow);
}
.pwa-mark { flex: none; width: 32px; height: auto; }
.pwa-body { margin: var(--step-2) 0 var(--step-3); color: var(--ink-2); font-size: var(--type-read); }
.pwa-update .pwa-body { margin-top: 0; }
.pwa-actions { display: flex; justify-content: flex-end; gap: var(--step-3); }


.pwa-strip {
  
  position: fixed;
  top: var(--shell-h);
  left: 0;
  right: 0;
  z-index: var(--z-notice);
  display: flex;
  align-items: center;
  gap: var(--step-3);
  box-sizing: border-box;
  min-height: 52px;
  padding: var(--step-1) var(--step-4);
  border-bottom: 1px solid var(--line-1);
  background: var(--surface-1);
  color: var(--ink-1);
}
.pwa-strip .pwa-mark { flex: none; width: 24px; height: auto; }
.pwa-strip-text { flex: 1; min-width: 0; margin: 0; font-size: var(--type-body); }
.pwa-strip .pwa-actions { flex: none; gap: var(--step-2); }


.pwa-update-game {
  display: flex;
  align-items: center;
  gap: var(--step-3);
  padding: var(--step-2) var(--step-3);
}
.pwa-update-game .pwa-body { flex: 1; min-width: 0; margin: 0; font-size: var(--type-body); }
.pwa-update-game .pwa-actions { flex: none; gap: var(--step-2); }