/* Homepage-only supporter invitation. PWA notice has higher priority. */
.ac-support-promo[hidden]{display:none!important}
.ac-support-promo{position:fixed;right:clamp(12px,2.5vw,30px);bottom:clamp(16px,3vh,30px);width:min(308px,calc(100vw - 24px));z-index:200;animation:ac-promo-enter .28s ease both;filter:drop-shadow(0 15px 25px rgba(49,28,12,.24))}
.ac-support-promo a{display:block;border-radius:17px;overflow:hidden;border:2px solid rgba(255,255,255,.9);background:#fff;line-height:0}
.ac-support-promo img{display:block;width:100%;height:auto;max-height:236px;object-fit:contain}
.ac-support-promo__close{position:absolute;right:-8px;top:-11px;z-index:2;border:2px solid #fff;background:#311c0c;color:#fff;font-size:22px;line-height:1;width:37px;height:37px;border-radius:100%;cursor:pointer;box-shadow:0 4px 13px rgba(0,0,0,.25)}
.ac-support-promo__close:focus-visible{outline:3px solid #68be11;outline-offset:3px}
@keyframes ac-promo-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.ac-support-promo{width:min(244px,calc(100vw - 24px));bottom:calc(96px + env(safe-area-inset-bottom,0px))}.ac-support-promo img{max-height:187px}}
@media(max-width:480px){.ac-support-promo{width:min(220px,calc(100vw - 24px))}}
@media(prefers-reduced-motion:reduce){.ac-support-promo{animation:none}}