/* Announcements popup (announce.js). Rides on the shared #confirm dialog; .an-on is set only while it shows. */
#confirm.an-on .confirm-box { max-width:380px; text-align:center; overflow:hidden; }
#confirm.an-on .confirm-btns { justify-content:center; }
.an-art { position:relative; height:210px; margin:-6px 0 12px; display:flex; justify-content:center; align-items:flex-end; }
.an-art::before { content:""; position:absolute; inset:18% 8% 0; background:radial-gradient(closest-side, rgba(90,220,140,.35), transparent); filter:blur(6px); }
.an-art img { position:relative; max-height:200px; max-width:100%; width:auto; filter:drop-shadow(0 8px 14px rgba(0,0,0,.45)); }
.an-art.two .an-i1 { height:200px; transform:rotate(-7deg) translateX(18px); }
.an-art.two .an-i2 { height:186px; border-radius:8px; transform:rotate(6deg) translateX(-14px); filter:none; box-shadow:0 10px 22px rgba(0,0,0,.5); }
.an-kick { font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:#7fe0a6; font-weight:700; }
.an-title { font-size:22px; font-weight:800; margin:2px 0 8px; text-wrap:balance; }
.an-body { font-size:14.5px; line-height:1.45; opacity:.9; white-space:pre-line; }
.an-accent { margin-top:10px; font-size:13px; color:var(--accent, #ffcb05); font-weight:600; }
.an-hide { display:inline-flex; align-items:center; gap:7px; margin-top:14px; font-size:12.5px; color:var(--muted); cursor:pointer; user-select:none; }
.an-hide input { width:16px; height:16px; accent-color:var(--accent, #ffcb05); margin:0; }
@media (max-width:420px) { .an-art { height:180px; } .an-art.two .an-i1 { height:172px; } .an-art.two .an-i2 { height:160px; } }
.an-note { margin-top:12px; font-size:12.5px; line-height:1.45; color:var(--muted); }
.an-note a { color:inherit; text-decoration:underline; text-underline-offset:2px; font-weight:600; white-space:nowrap; }