#pwa-install{min-height:44px;border:1px solid #b290ed66;border-radius:24px;background:#21152f;color:#e9dbff;padding:10px 16px;font:14px Arial;cursor:pointer;margin-top:10px}
#pwa-install[hidden],.pwa-notice[hidden]{display:none!important}
.pwa-notice{position:fixed;z-index:35;left:50%;transform:translateX(-50%);top:max(84px,env(safe-area-inset-top));width:min(540px,calc(100% - 28px));background:#21152ff5;color:#f2e7ff;border:1px solid #b290ed77;border-radius:14px;padding:12px 16px;font:13px/1.5 Arial;box-shadow:0 6px 28px #0006;display:flex;gap:12px;align-items:center;justify-content:space-between}
.pwa-notice button,#pwa-dialog button{font:inherit;min-height:44px;border:1px solid #b290ed77;border-radius:20px;padding:8px 14px;background:#b290ed;color:#21152f;cursor:pointer;flex-shrink:0}
#pwa-dialog{box-sizing:border-box;width:min(460px,calc(100% - 28px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid #b290ed88;border-radius:22px;background:#170e22;color:#f2e7ff;font:15px/1.7 Arial}
#pwa-dialog::backdrop{background:#000b}#pwa-dialog h2{font:32px/1.2 Georgia;margin:0 0 16px}#pwa-dialog ol{padding-left:22px}#pwa-dialog .pwa-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}#pwa-dialog button:focus-visible,#pwa-install:focus-visible,.pwa-notice button:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.playing .pwa-notice{visibility:hidden}
@media(max-width:400px){.pwa-notice{flex-wrap:wrap}.pwa-notice button{padding:8px 12px}}