.home-empty{padding:34px 22px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);text-align:center}
.mini-feature>.news-thumb-placeholder{position:absolute;width:100%;height:100%;font-size:18px}
.cards--four>.card>.news-thumb-placeholder{height:150px}
.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.game-card img{object-fit:cover}
.game-card:after{background:linear-gradient(0deg,rgba(3,5,8,.96) 0,rgba(3,5,8,.58) 31%,transparent 72%)}
.game-card__name{right:17px;overflow-wrap:anywhere}
.game-card__placeholder{position:absolute!important;inset:0;display:grid;place-items:center;color:#65717b;font-size:22px;background:linear-gradient(145deg,#171d23,#0d1217)}
.game-card__placeholder b{color:#8f3e3b}
@media(max-width:980px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){main{overflow:hidden}.hero-grid,.cards,.cards--four,.fresh-guides{min-width:0}.card,.compact-guide{min-width:0}.card h3,.compact-guide h3{overflow-wrap:anywhere}}

/* Editorial hero: imagery and copy are deliberately separate surfaces. */
.hero-grid{align-items:stretch}
.feature,.mini-feature{display:flex;min-width:0;min-height:0;flex-direction:column;border:1px solid var(--line);background:var(--surface);transition:.2s transform,.2s border-color}
.feature:hover,.mini-feature:hover{transform:translateY(-3px);border-color:#465462}
.feature:after,.mini-feature:after,.feature--no-cover:before{display:none}
.feature__media,.mini-feature__media{position:relative;overflow:hidden;background:linear-gradient(145deg,#171d23,#0d1217)}
.feature__media{aspect-ratio:16/9}
.mini-feature__media{aspect-ratio:16/7}
.feature__media>img,.mini-feature__media>img{position:static;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.feature:hover .feature__media>img,.mini-feature:hover .mini-feature__media>img{transform:scale(1.015)}
.feature__media>.news-thumb-placeholder,.mini-feature__media>.news-thumb-placeholder{position:static;width:100%;height:100%;min-height:0}
.feature__media>.tag,.mini-feature__media>.tag{position:absolute;z-index:2;left:16px;bottom:14px;max-width:calc(100% - 32px);background:rgba(8,11,15,.82);border-color:rgba(231,162,59,.42);backdrop-filter:blur(5px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feature__content,.mini-feature__content{position:static;display:flex;min-width:0;flex:1;flex-direction:column;background:var(--surface)}
.feature__content{padding:22px 24px 20px}
.mini-feature__content{padding:14px 17px 13px}
.feature h1,.mini-feature h3{display:-webkit-box;max-width:none;margin:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.feature h1{font-size:clamp(25px,2.45vw,34px);line-height:1.2}
.mini-feature h3{font-size:18px;line-height:1.3}
.feature .meta,.mini-feature .meta{margin-top:auto;padding-top:12px;gap:8px 12px}
.feature .meta span+span:before,.mini-feature .meta span+span:before{content:"•";margin-right:12px;color:#626d77}
.side-stack{grid-template-rows:repeat(2,minmax(0,1fr))}

@media(max-width:900px){
  .feature__media,.mini-feature__media{aspect-ratio:16/9}
  .mini-feature__content{padding:16px 18px 15px}
}
@media(max-width:620px){
  .hero-grid{gap:14px}
  .side-stack{gap:14px}
  .feature__content,.mini-feature__content{padding:15px 16px 14px}
  .feature h1{font-size:24px}
  .mini-feature h3{font-size:18px}
  .feature__media>.tag,.mini-feature__media>.tag{left:12px;bottom:11px;max-width:calc(100% - 24px)}
}