.pwa-update-notice{position:fixed;right:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:11950;display:grid;grid-template-columns:48px minmax(0,1fr) auto 34px;align-items:center;gap:13px;width:min(660px,calc(100vw - 40px));box-sizing:border-box;padding:14px;border:1px solid rgba(232,177,64,.52);border-radius:18px;background:linear-gradient(140deg,#111d2d 0%,#142c41 62%,#0d1b29 100%);color:#fff;box-shadow:0 24px 62px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12);font-family:Arial,sans-serif;animation:pwa-update-enter .24s ease-out}
.pwa-update-notice[hidden]{display:none!important}
.pwa-update-notice>img{grid-column:1;grid-row:1;width:48px;height:48px;border:1px solid rgba(232,177,64,.38);border-radius:13px;background:#fff;object-fit:contain}
.pwa-update-notice-copy{grid-column:2;grid-row:1;display:grid;min-width:0;gap:3px}
.pwa-update-notice-copy span{color:#edbd5d;font-size:.62rem;font-weight:850;letter-spacing:.12em}
.pwa-update-notice-copy strong{overflow-wrap:anywhere;color:#fff;font-size:.9rem;line-height:1.25}
.pwa-update-notice-copy p{margin:0;color:rgba(255,255,255,.65);font-size:.72rem;line-height:1.4}
.pwa-update-apply{grid-column:3;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 15px;border:1px solid #f0c35f;border-radius:11px;background:linear-gradient(135deg,#d99414,#f0b641);color:#15120d;font:800 .76rem Arial,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 8px 20px rgba(185,119,7,.27);transition:transform .2s ease,filter .2s ease}
.pwa-update-apply:hover,.pwa-update-apply:focus-visible{filter:brightness(1.08);transform:translateY(-1px)}
.pwa-update-apply:disabled{cursor:wait;opacity:.72;transform:none}
.pwa-update-dismiss{grid-column:4;grid-row:1;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.76);font:400 1.25rem/1 Arial,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease}
.pwa-update-dismiss:hover,.pwa-update-dismiss:focus-visible{background:rgba(255,255,255,.16);color:#fff}
@keyframes pwa-update-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:768px){
  .pwa-update-notice{right:12px;bottom:max(12px,env(safe-area-inset-bottom));grid-template-columns:44px minmax(0,1fr) 32px;gap:10px;width:calc(100vw - 24px);padding:12px;border-radius:15px}
  .pwa-update-notice>img{width:44px;height:44px}
  .pwa-update-notice-copy{grid-column:2;grid-row:1}
  .pwa-update-dismiss{grid-column:3;grid-row:1;width:32px;height:32px}
  .pwa-update-apply{grid-column:1/-1;grid-row:2;width:100%;min-height:43px}
}