/* Reserved UI space below navigation: never sits on the approved scene or hunt. */
#neighborhoodNews{display:flex;justify-content:flex-end;padding:8px 14px;background:#10243c;line-height:1.4}
#neighborhoodNews[hidden],#neighborhoodNews [hidden]{display:none}
#neighborhoodNewsCard{position:relative;width:min(355px,100%);padding:12px 34px 12px 14px;background:#f1e8cb;color:#302b3c;border:1px solid #79644c;box-shadow:3px 3px 0 #30283e66;animation:news-arrive .2s ease-out}
#neighborhoodNewsTitle{font:600 13px/1.5 'DM Mono',monospace;margin:0 0 8px}
#neighborhoodNewsCard p{font:14px/1.45 'Libre Franklin',Arial,sans-serif;margin:0 0 8px}
#neighborhoodNews button{cursor:pointer;touch-action:manipulation;font:500 12px/1.5 'DM Mono',monospace}
#neighborhoodNewsExplore{min-height:44px;padding:6px 0;border:0;background:none;color:#493c29;text-align:left;text-decoration:underline;text-underline-offset:3px}
#neighborhoodNewsDismiss{position:absolute;right:2px;top:2px;width:32px;height:36px;padding:0;border:0;background:transparent;color:#493c29;font-size:21px}
#neighborhoodNewsOpen{min-height:36px;border:0;background:none;color:#f1e8cb;text-decoration:underline}
#neighborhoodNews button:focus-visible{outline:2px solid #b67c3a;outline-offset:2px}
@keyframes news-arrive{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#neighborhoodNewsCard{animation:none}}
