/* «Что нового» / What's new (src/whats-new.js). Colors go through the 0.7.6b tokens with the current palette as fallback,
   so 0.7.6b only defines --c-gold / --r-rare / --c-ok / --c-danger and swaps .news-icon for the ui-news sprite. */
[data-news-button]{position:relative}
[data-news-button] .news-icon{flex:0 0 auto;width:20px;height:20px;image-rendering:pixelated}
.chip-dot{position:absolute;top:-4px;right:-4px;width:11px;height:11px;border-radius:50%;background:var(--c-danger,#ff5a4f);box-shadow:0 0 0 2px var(--c-bg,#11101b);pointer-events:none}
.chip-dot[hidden]{display:none}
/* camp header */
.topbar .news-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 13px;border:1px solid #4a4058;border-radius:4px;background:#1c1826;color:var(--c-gold,#e8c77e);font-size:12px;letter-spacing:.5px;white-space:nowrap;box-shadow:inset 0 -2px #0006}
.topbar .news-button:hover{background:#272033;border-color:#8a6e44;color:#ffd98d}
.topbar .news-button:focus-visible{outline:2px solid #d9ad54;outline-offset:2px}
.topbar .news-button.has-news{border-color:#8a6e44}
@media(max-width:1150px){.topbar .news-button .news-label{display:none}.topbar .news-button{width:44px;padding:0;justify-content:center}}
@media(max-width:850px){.topbar .news-button{width:38px;height:38px}}
/* phones: the header has no room left (name, three wallets), so the same button sits in the tabs row next to ⚙ */
.tabs .tabs-news{display:none}
@media(max-width:550px){.topbar .news-button{display:none}.tabs .tabs-news{display:inline-grid;place-items:center;flex:0 0 auto;width:34px;min-width:34px;height:30px;padding:0;margin-left:auto;border:1px solid #4a4058;border-radius:4px;background:#1c1826;color:var(--c-gold,#e8c77e)}.tabs .tabs-news .chip-dot{top:-3px;right:-3px;width:9px;height:9px}.tabs .tabs-news+.settings-tab{margin-left:0}}
@media(max-height:500px) and (orientation:landscape){.topbar .news-button{width:34px;height:34px}}
/* title screen: a full-width row under Settings / Language */
.title-menu .title-news{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 18px;font-size:14px;letter-spacing:1px;color:var(--c-gold,#e8c77e)}
@media(max-width:550px){.title-menu .title-news{min-height:46px}}
@media(max-height:500px) and (orientation:landscape){.title-menu .title-news{min-height:40px;padding:8px 14px}}
/* feed (inside #modal) */
.news-panel{text-align:left;max-width:640px;margin:0 auto}
.news-panel>h2,.news-panel>.section-kicker{text-align:center}
.news-feed{display:grid;gap:14px;margin:16px 0}
.news-entry{border:1px solid #3d3549;border-radius:6px;background:#1a1623;padding:12px 14px}
.news-entry-fresh{border-color:#8a6e44;box-shadow:0 0 0 1px #8a6e4455}
.news-entry-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px}
.news-version{font-family:var(--font-display);font-size:15px;color:#f3e9d4}
.news-title{color:var(--c-gold,#dab675);font-size:13px}
.news-fresh{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#211a12;background:var(--c-gold,#d9ad54);border-radius:3px;padding:1px 6px}
.news-entry-head time{margin-left:auto;font-size:11px;color:#a89cb5;white-space:nowrap}
.news-group{margin-top:8px}
.news-kind{display:inline-block;margin:0 0 4px;padding:2px 8px;border-radius:3px;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#16121d}
.news-kind-new{background:var(--c-gold,#d9ad54)}
.news-kind-changed{background:var(--r-rare,#6fa2e8)}
.news-kind-fixed{background:var(--c-ok,#79c27c)}
.news-group ul{margin:0;padding-left:18px}
.news-group li{margin:3px 0;line-height:1.45;font-size:13px;color:#e2d8c6;overflow-wrap:anywhere}
.news-empty{text-align:center;color:#a89cb5}
@media(max-width:550px){.news-entry{padding:10px 11px}.news-group li{font-size:12.5px}.news-group ul{padding-left:16px}}
/* camp tour «Что нового» → the same feed */
.tutorial-card .tutorial-news-link{display:block;margin-top:6px;background:none;border:0;padding:4px 0;color:var(--c-gold,#d9ad54);text-decoration:underline;font-size:12px;cursor:pointer}