/* News pop-up ("Announcement"), sizes as the reference. Colours: --np-head-bg / --np-head-fg are set by js/news-pop.js
   from the site's own header or balance bar, so every site (and player theme) keeps its own look. */
.marquee[data-news-url] { cursor: pointer; }
.news-pop { --np-head-bg: linear-gradient(180deg, #383838, #010101); --np-head-fg: #ffb80c; position: fixed; inset: 0; z-index: 10050; background: rgba(0, 0, 0, 0.55); opacity: 0; transition: opacity 0.3s ease; font-family: inherit; -webkit-tap-highlight-color: transparent; }
.news-pop.show { opacity: 1; }
.news-pop[hidden] { display: none; }
html.news-pop-open, html.news-pop-open body { overflow: hidden; }
.news-pop-box { position: absolute; top: 28px; bottom: 26px; left: 11px; right: 11px; max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; overflow: hidden; border-radius: 5px; background: #fff; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35); }
.news-pop-head { flex: none; display: flex; align-items: stretch; height: 41px; background: var(--np-head-bg); color: var(--np-head-fg); }
.news-pop-head h3 { flex: 1; display: flex; align-items: center; min-width: 0; margin: 0; padding: 0 11px; font-size: 16px; font-weight: 600; line-height: 1; color: inherit; }
.news-pop-close { flex: none; width: 39px; padding: 0; border: 0; border-left: 1px solid currentColor; border-left-color: color-mix(in srgb, currentColor 45%, transparent); background: transparent; color: inherit; font-size: 17px; line-height: 1; cursor: pointer; }
.news-pop-list { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 0 21px; }
.news-pop-item { padding: 22px 0 26px; border-bottom: 1px solid #e9e9e9; }
.news-pop-date { display: flex; align-items: flex-end; justify-content: space-between; width: 76px; padding-top: 10px; border-top: 4px solid #555; color: #3c3c3c; }
.news-pop-day { font-size: 36px; font-weight: 300; line-height: 1; letter-spacing: -0.5px; }
.news-pop-my { display: flex; flex-direction: column; align-items: flex-end; font-size: 14.5px; line-height: 1.15; }
.news-pop-item p { margin: 20px 0 0; font-size: 15px; line-height: 24px; color: #3c3c3c; overflow-wrap: anywhere; white-space: pre-line; }
.news-pop-empty { margin: 30px 0; text-align: center; font-size: 14px; color: #777; }
.news-pop-pages { flex: none; display: flex; justify-content: center; gap: 5px; padding: 12px 8px; background: #fff; }
.news-pop-pages button { min-width: 37px; height: 36px; padding: 0 10px; border: 1px solid #b9b9b9; border-radius: 4px; background: linear-gradient(180deg, #fff, #eee); color: #1e1e1e; font: inherit; font-size: 14px; cursor: pointer; }
.news-pop-pages .news-pop-step { min-width: 50px; }
.news-pop-pages button.active { border-color: rgba(0, 0, 0, 0.35); background: var(--np-head-bg); color: var(--np-head-fg); cursor: default; }
.news-pop-pages button:disabled { border-color: #c8c8c8; background: #ddd; color: #9a9a9a; cursor: default; }