.hero .map-update-banner{position:relative;max-width:760px;margin:20px auto 0;padding:20px 26px 16px;border:1px solid #e6b56755;border-radius:18px;background:linear-gradient(120deg,#2d1738bb,#17111bcc);box-shadow:inset 0 1px #fff1,0 12px 35px #0002;backdrop-filter:blur(8px);text-align:center;color:#f4e6d4}
.map-update-kicker{font:750 10px/1.3 system-ui;letter-spacing:.25em;color:#ffc77b}.hero .map-update-banner h2{font:650 clamp(22px,3vw,32px)/1.15 Georgia,serif;margin:9px 0;color:#ffe1a6}.hero .map-update-banner p{font:14px/1.6 system-ui;margin:8px auto 15px;max-width:620px;color:#ddd0df}.map-update-countdown{display:flex;justify-content:center;gap:10px}.map-update-countdown>span{display:grid;gap:3px;min-width:64px;padding:10px 12px;border:1px solid #d8ab6755;border-radius:10px;background:#ffffff07}.map-update-countdown b{font:800 26px/1 system-ui;font-variant-numeric:tabular-nums;color:#ffd28b}.map-update-countdown small{font:650 9px system-ui;text-transform:uppercase;letter-spacing:.1em;color:#cdbacb}.map-update-next{display:block;margin-top:12px;font:11px/1.5 system-ui;color:#bcaabb}
@media(max-width:500px){.hero .map-update-banner{margin:15px 12px 0;padding:18px 12px}.map-update-countdown{gap:6px}.map-update-countdown>span{min-width:45px;padding:9px 8px}.map-update-countdown b{font-size:23px}.hero .map-update-banner p{font-size:12px}}