/* Top Games section: extra styles on top of style.css. No header navigation here by design. */
body.top{padding-bottom:0}
.top-tag{margin-left:auto;font:700 .72rem var(--fb);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:8px 14px;border-radius:99px}
@media (max-width:520px){.top-tag{display:none}}
.tg-hero .hero-grid{grid-template-columns:1.1fr .9fr}
.tile-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;transform:rotate(-4deg) skewX(-4deg);padding:10px}
.tile-wall img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.12)}
.tile-wall img:nth-child(3n+2){transform:translateY(-22px)}
@media (max-width:980px){.tg-hero .hero-grid{grid-template-columns:1fr}.tile-wall{max-width:560px;margin-inline:auto;transform:none}}
@media (max-width:520px){.tile-wall{grid-template-columns:repeat(2,1fr)}.tile-wall img:nth-child(n+5){display:none}}
.trio{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.trio span{background:rgba(198,255,61,.1);color:var(--lime);font:700 .9rem var(--fb);padding:10px 22px;clip-path:var(--shear)}
.rank-list{display:grid;gap:16px}
.rank{display:grid;grid-template-columns:64px 190px 1fr auto;gap:22px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 22px 16px 16px;transition:border-color .2s,transform .2s}
.rank:hover{border-color:rgba(198,255,61,.55);transform:translateX(4px)}
.rk-n{font:800 3.2rem/1 var(--fh);color:transparent;-webkit-text-stroke:1.5px rgba(198,255,61,.7);text-align:center}
.rk-img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.rk-body h3{margin:6px 0 4px}.rk-body p{margin:0;color:var(--muted);font-size:.96rem}
.tag{display:inline-block;background:rgba(53,224,255,.12);color:var(--cyan);font:700 .72rem var(--fb);letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;clip-path:var(--shear)}
@media (max-width:900px){.rank{grid-template-columns:48px 130px 1fr;gap:14px}.rank .btn{grid-column:2/-1;justify-self:start}.rk-n{font-size:2.3rem}}
@media (max-width:560px){.rank{grid-template-columns:1fr;padding:16px}.rk-n{text-align:left;font-size:2.4rem}.rk-img{max-width:none}.rank .btn{grid-column:auto;width:100%}}
.trend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.trend{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;border-left:4px solid var(--lime)}
.trend b{display:block;font:800 1.08rem var(--fh);margin-bottom:6px}.trend span{color:var(--muted);font-size:.94rem}
@media (max-width:980px){.trend-grid{grid-template-columns:1fr 1fr}.top .feat-grid[style*="repeat(5"],.top .steps[style*="repeat(4"]{grid-template-columns:1fr 1fr!important}}
@media (max-width:560px){.trend-grid{grid-template-columns:1fr}.top .feat-grid[style*="repeat(5"],.top .steps[style*="repeat(4"]{grid-template-columns:1fr!important}}