.news-page{min-height:100vh;padding:145px clamp(24px,8vw,135px) 90px;background:linear-gradient(90deg,#050b18e8,#050b18bd),url('assets/page-fantasy-bg.png') center/cover fixed}
.news-index,.news-article{width:min(1160px,100%);margin:auto}
.news-index>h1,.news-article>h1{margin:10px 0 28px;font:700 clamp(40px,5vw,68px)/1.05 Georgia,serif}
.news-filter{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 34px}
.news-filter a{padding:12px 18px;border:1px solid #7134ae80;color:#d8d0e9;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.1em;background:#0b0815c9}
.news-filter a.active,.news-filter a:hover{background:#6020b8;color:#fff;border-color:#9858e7}
.news-cards{display:grid;gap:12px}
.news-card{display:grid;grid-template-columns:130px 1fr 150px;align-items:center;gap:22px;padding:22px;border:1px solid #5d347a7a;background:#080816e8;color:#fff;text-decoration:none;transition:.18s ease}
.news-card:hover{transform:translateY(-2px);border-color:#a15ce1;background:#110b20f2}
.news-card em{padding:8px 10px;text-align:center;font-style:normal;text-transform:uppercase;font-size:11px}.news-card em.update{background:#779a62}.news-card em.maintenance{background:#bc715f}.news-card em.event{background:#697188}
.news-card h2{margin:0 0 7px;font-size:19px}.news-card p{margin:0;color:#aeb6c8}.news-card time{color:#9fa7b8;text-align:right;font-size:13px}
.news-article{max-width:920px;padding:42px;border:1px solid #6f3d927a;background:#080816ed;box-shadow:0 25px 75px #0008}
.news-category{display:inline-block;margin:28px 0 4px;padding:8px 12px;font-size:11px;font-weight:900;letter-spacing:.12em}.news-category.update{background:#779a62}.news-category.maintenance{background:#bc715f}.news-category.event{background:#697188}
.news-meta{display:flex;gap:16px;color:#9da8bd;font-size:13px}.news-meta span{color:#f0bd63}.news-summary{margin:34px 0;color:#d3d8e3;font-size:18px;line-height:1.8}.news-article section{margin-top:34px;padding-top:24px;border-top:1px solid #74439a55}.news-article h2{font:700 28px Georgia,serif}.news-article li{margin:11px 0;color:#c0c8d8}
@media(max-width:760px){.news-card{grid-template-columns:1fr}.news-card time{text-align:left}.news-article{padding:26px}.news-page{padding-inline:18px}}