.news-page{max-width:64rem;margin-inline:auto}
.news-announcement{margin-block:1.25rem 2rem}
.news-announcement h2{margin-block:.65rem .35rem}
.news-list{display:grid;gap:.7rem}
.news-list>h2{margin-block:0 .4rem}
.news-entry>summary{cursor:pointer;color:inherit}
.news-entry>summary>span,.news-entry>summary>strong{display:block;margin-block:.35rem}
.news-entry>summary>strong{font-size:1.1rem}
.news-entry>summary>.news-entry-meta{display:inline-flex;gap:.75rem;align-items:center;flex-wrap:wrap}
.news-entry-meta time{color:var(--muted);font-size:.85rem}
.news-notes{padding-inline-start:1.4rem;margin-block:1rem 0}
.news-notes li+li{margin-block-start:.55rem}
.news-tabs{margin-bottom:1.25rem}
.game-news-filters{margin-bottom:1rem}
.game-news-filters .active{border-color:var(--accent);box-shadow:inset 0 -2px var(--accent)}
.game-news-sources{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}
.game-news-sources h2{margin:0;font-size:1rem}
.game-news-sources p{margin:.25rem 0 0}
.area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}
.area-overview{max-width:72rem;margin-inline:auto}
.area-tile{display:flex;align-items:flex-start;gap:.9rem;color:inherit;text-decoration:none;min-height:7rem}
.area-tile:hover,.area-tile:focus-visible{border-color:var(--accent)}
.area-tile strong,.area-tile small{display:block}
.area-tile small{margin-top:.4rem;color:var(--muted);line-height:1.4}
.area-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:none;color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent);border-radius:.7rem}
.area-icon svg,.tutorial-step-number svg,.profile-event-link svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.area-arrow{margin-inline-start:auto;color:var(--accent)}
.tutorial-step-number{display:inline-flex;align-items:center;gap:.4rem}
.profile-event-link{display:inline-flex;align-items:center;gap:.6rem;margin-top:1rem}
.game-news-masthead{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;min-height:14rem;padding:clamp(1.4rem,4vw,3rem);margin:0 0 1.25rem;border:1px solid #bd9dff44;border-radius:1.15rem;background:linear-gradient(90deg,#171027 7%,#1b142dde 40%,#21143839),center 52%/cover url("./assets/arena-rift.webp");color:#f7f0ff}
.game-news-masthead h1{font-size:clamp(2.35rem,6vw,4.7rem);line-height:1;letter-spacing:-.06em;margin:.25rem 0 .6rem}
.game-news-masthead p:last-child{margin-bottom:0;color:#e2d5f8}
.game-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.game-news-card,.game-news-story{--news-tone:#c5abff;--news-shadow:#22183a}
[data-game=r6]:is(.game-news-card,.game-news-story){--news-tone:#9ac7f6;--news-shadow:#182b48}
[data-game=cs]:is(.game-news-card,.game-news-story){--news-tone:#f1bd81;--news-shadow:#412a26}
[data-game=val]:is(.game-news-card,.game-news-story){--news-tone:#f9a1a8;--news-shadow:#3f2037}
.game-news-card{display:flex;flex-direction:column;overflow:hidden;padding:0;border-color:color-mix(in srgb,var(--news-tone) 23%,var(--line))}
.game-news-cover{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;aspect-ratio:16/9;background:radial-gradient(ellipse at 70% 10%,color-mix(in srgb,var(--news-tone) 28%,transparent),transparent 65%),linear-gradient(135deg,#131222,var(--news-shadow));color:var(--news-tone)}
.game-news-cover img{display:block;width:100%;height:100%;object-fit:cover}
.game-news-cover span{font-weight:850;line-height:1;letter-spacing:.13em;font-size:clamp(.95rem,2.1vw,1.65rem);text-align:center;text-shadow:0 7px 19px #090817}
.game-news-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,1fr)}
.game-news-feature .game-news-cover{aspect-ratio:initial;min-height:16rem}
.game-news-feature .game-news-body{padding:clamp(1.15rem,3vw,2rem)}
.game-news-feature-label{color:var(--news-tone);font-size:.7rem;margin:.75rem 0 0}
.game-news-body{display:flex;flex-direction:column;align-items:start;flex:1;padding:1rem;overflow-wrap:anywhere}
.game-news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.78rem;color:var(--muted)}
.game-news-body h2{font-size:1.18rem;line-height:1.22;margin:.7rem 0 .45rem}
.game-news-body h2 a{color:inherit;text-decoration:none}
.game-news-body h2 a:is(:hover,:focus-visible){color:var(--news-tone);text-decoration:underline}
.game-news-feature h2{font-size:clamp(1.45rem,3vw,2.35rem);letter-spacing:-.035em}
.game-news-excerpt{color:var(--muted);line-height:1.5;margin:0 0 .9rem}
.game-news-body>.btn{margin-top:auto}
.game-news-original{font-size:.82rem}
.game-news-story{max-width:58rem;margin-inline:auto}
.game-news-story-header{overflow:hidden;padding:clamp(1rem,4vw,2.5rem) clamp(1rem,4vw,2.5rem) 0;background:radial-gradient(ellipse at 75% 6%,color-mix(in srgb,var(--news-tone) 17%,transparent),transparent 58%),var(--panel)}
.game-news-story-header h1{font-size:clamp(1.8rem,5.3vw,3.6rem);letter-spacing:-.045em;line-height:1.06;overflow-wrap:anywhere;margin:.8rem 0 1rem}
.game-news-story-header .game-news-cover{margin:1rem calc(-1 * clamp(1rem,4vw,2.5rem)) 0;aspect-ratio:initial;max-height:32rem}
.game-news-story-header .game-news-cover img{object-fit:contain;width:100%;height:auto;max-height:32rem}
.game-news-story-header .game-news-cover span{padding:2rem;font-size:1rem}
.game-news-reading{width:min(100%,72ch);margin:1.5rem auto;padding-inline:.25rem;font-size:1rem;line-height:1.72}
.game-news-reading h2{line-height:1.25;margin:1.9rem 0 .6rem}
.game-news-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 1.05rem}
.game-news-inline{margin:1.6rem 0;overflow:hidden;border:1px solid var(--line);border-radius:.9rem;background:var(--panel)}
.game-news-inline img{display:block;width:100%;height:auto;max-height:34rem;object-fit:contain}
.game-news-inline figcaption{padding:.65rem .85rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}
.game-news-story-footer{width:min(100%,72ch);margin:1rem auto 2rem}
.game-news-editor{max-width:56rem}
.game-news-preview{display:block;max-width:min(100%,24rem);max-height:14rem;margin:.75rem 0;object-fit:contain}
.game-news-placements{border:1px solid var(--line);border-radius:1rem;min-width:0;margin:1rem 0;padding:1rem}
.game-news-placements legend{padding-inline:.4rem;font-weight:750}
.game-news-placements details{margin:.55rem 0;border:1px solid var(--line);border-radius:.65rem;padding:.7rem;background:var(--panel2)}
.game-news-placements summary{cursor:pointer;font-weight:700}
.game-news-placements details[open]>summary{margin-bottom:.6rem}
@media(max-width:860px){.game-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.game-news-grid,.game-news-feature{grid-template-columns:minmax(0,1fr)}.game-news-feature .game-news-cover{min-height:0;aspect-ratio:16/9}.game-news-story-header .game-news-cover{max-height:22rem}.game-news-story-header .game-news-cover img{max-height:22rem}}
