.home-leader{position:relative;overflow:hidden;width:min(728px,100%);height:90px;margin:20px auto 0;background:none;border:1px solid var(--line);}
.home-leader video,.home-leader img{display:block;width:100%;height:100%;object-fit:cover}
.home-leader::before,.home-sidebar .sidebar-rectangle::before,.home-sidebar .vertical-ad::before,.bottom-gif-banner::before{content:"Advertisement";position:absolute;z-index:3;top:6px;right:6px;padding:3px 6px;background:rgba(5,9,14,.78);border:1px solid rgba(255,255,255,.22);color:#f4f6f8;font:700 9px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.decision-list{margin:18px 0 26px;padding:14px 18px 14px 34px;border-left:3px solid var(--accent-interactive);background:var(--surface-inset);font:14px/1.7 var(--ui);color:var(--muted)}
.editorial-example{padding-left:16px;border-left:1px solid var(--line);font-size:16px;color:var(--muted)}
.takeaway{margin-top:34px}
.article-shell>h1{max-width:760px;font-size:clamp(44px,4vw,52px);line-height:1.1;letter-spacing:-1.2px}
@media(max-width:1000px){.article-shell>h1{max-width:680px;font-size:clamp(42px,5vw,48px)}}
@media(max-width:600px){.article-shell>h1{max-width:100%;font-size:clamp(30px,8vw,38px);line-height:1.08;letter-spacing:-.8px;overflow-wrap:anywhere;word-break:break-word}}
.bottom-gif-banner{position:relative;width:min(728px,calc(100% - 32px));height:90px;margin:28px auto 0;overflow:hidden;background:#0b1017;border:1px solid var(--line)}
footer > .bottom-gif-banner{display:block;left:50%;margin-left:0;margin-right:0;transform:translateX(-50%)}
.bottom-gif-banner img{display:block;width:100%;height:100%;object-fit:cover}
.bottom-gif-banner-close{position:absolute;z-index:2;top:6px;left:6px;width:24px;height:24px;padding:0;background:rgba(5,9,14,.78);border:1px solid var(--line);color:var(--ink);font-size:18px;line-height:20px;cursor:pointer}
.bottom-gif-banner-close:hover,.bottom-gif-banner-close:focus-visible{border-color:var(--accent-interactive);color:var(--accent-interactive)}
.home-leader:after{content:"";position:absolute;left:41.5%;bottom:5%;width:16.8%;height:34%;border:1px solid rgba(53,214,232,.75);border-radius:3px;box-shadow:0 0 0 0 rgba(53,214,232,0);pointer-events:none;animation:leader-cta-pulse 1.35s ease-in-out infinite}
@keyframes leader-cta-pulse{0%,100%{opacity:.35;box-shadow:0 0 0 0 rgba(53,214,232,0)}50%{opacity:1;box-shadow:0 0 12px 3px rgba(53,214,232,.38)}}
.home-intro{padding:30px 0 26px;border-bottom:1px solid var(--line)}
.home-intro h1{font-size:clamp(38px,4vw,52px);max-width:740px;margin:12px 0 8px;letter-spacing:-1.4px}
.home-intro p{font-size:17px;margin:0;max-width:620px}
.home-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px;margin-top:30px}
.home-section{margin-bottom:48px}
.home-sidebar{padding:0 0 20px}
.home-sidebar .sidebar-rectangle{position:relative;width:300px;height:250px;margin:0 0 20px;background:var(--surface-inset)}
.home-sidebar .sidebar-rectangle img{display:block;width:300px;height:250px;object-fit:cover}
.home-sidebar .trending{margin-top:0}
.home-sidebar .vertical-ad{position:relative;width:120px;height:600px;margin:28px auto 0;background:var(--surface-inset)}
.home-sidebar .vertical-ad img{display:block;width:120px;height:600px;object-fit:cover}
.home-footer-leader{width:min(728px,100%);height:90px;margin:0 auto 32px;background:var(--surface-inset)}
.feature-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;color:var(--muted);font:12px var(--ui)}
.feature-meta span+span:before{content:"·";margin-right:16px;color:var(--accent)}
.game-strip a{min-width:0;min-height:96px}
.game-strip img{flex:0 0 64px;width:64px;height:64px;aspect-ratio:1}
.game-strip span{min-width:0}
.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.editorial-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:border-color .16s ease,transform .16s ease}
.editorial-card:hover,.game-strip a:hover,.feature-lead:hover{border-color:var(--accent)}
.editorial-card:hover{transform:translateY(-2px)}
.editorial-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.editorial-card>div{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:16px}
.editorial-card .badge{margin:0}
.editorial-card h3{font-size:21px;margin:10px 0 8px}
.editorial-card p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 14px}
.editorial-card small{margin-top:auto;color:var(--muted);font:11px/1.5 var(--ui)}
.foot{grid-template-columns:1.25fr .65fr 1fr;gap:40px}
.foot p{line-height:1.9}
.foot small{color:var(--muted)}
.foot-legal span{color:var(--muted)}
.foot-legal small{display:block;max-width:34ch;line-height:1.6}
@media(max-width:1100px){.home-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}.feature-grid{grid-template-columns:1fr}.feature-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-side a:first-child{border-top:0}.game-strip{gap:10px}.game-strip a{gap:9px;padding:8px}.game-strip img{flex-basis:52px;width:52px;height:52px}.game-strip b{font-size:16px}.game-strip small{font-size:10px}}
@media(max-width:800px){.home-leader{height:70px;margin-top:16px}.home-intro{padding:24px 0 22px}.home-intro h1{font-size:clamp(36px,5.4vw,46px)}.home-intro p{font-size:16px}.home-layout{display:block;margin-top:24px}.home-sidebar{display:block;margin:24px 0 34px}.home-sidebar .sidebar-rectangle{margin-inline:auto}.home-section{margin-bottom:40px}.game-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-story{grid-template-columns:1fr}.feature-side{display:grid}.feature-side a{padding:16px 0}.feature-lead h3{font-size:26px}.foot{grid-template-columns:1fr 1fr;gap:22px}.foot-about{grid-column:1/-1}}
@media(max-width:600px){.home-leader{height:56px;width:100%;margin-top:14px}.home-intro{padding:22px 0 20px}.home-intro h1{font-size:clamp(32px,9vw,40px);line-height:1.04}.home-layout{margin-top:22px}.section-head{gap:8px}.section-head h2{font-size:20px}.section-head .muted{font-size:11px}.game-strip,.editorial-grid{grid-template-columns:1fr}.game-strip a{min-height:84px;gap:14px;padding:10px}.game-strip img{flex-basis:60px;width:60px;height:60px}.feature-side{display:block}.feature-side a{padding:16px 0}.feature-meta{gap:5px 10px}.feature-meta span+span:before{margin-right:10px}.editorial-card>div{padding:15px}.home-footer-leader{height:56px;margin-bottom:22px}.home-sidebar .vertical-ad{margin-top:24px}.ad-anchor{bottom:8px;min-height:74px;width:calc(100% - 20px)}.ad-anchor .ad-anchor-close{width:28px;height:28px}.foot{display:block}.foot>*{margin:18px 0}.foot-about{margin-bottom:26px}}
.compact-section{margin-bottom:30px}
.compact-section .section-head{margin-bottom:12px}
.compact-editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.compact-card{height:100%}
.compact-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.compact-card>div{gap:0;padding:13px}
.compact-card-meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}
.compact-card-meta .badge{flex:none;margin:0;padding:3px 8px;font-size:10px}
.compact-card-meta small{font:10px/1.3 var(--ui);color:var(--muted);text-align:right}
.compact-card h3{font-size:18px;line-height:1.16;margin:7px 0 5px}
.compact-card p{font-size:13px;line-height:1.42;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:1100px){.compact-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compact-card h3{font-size:19px}}
@media(max-width:600px){.compact-editorial-grid{grid-template-columns:1fr;gap:12px}.compact-section{margin-bottom:24px}.compact-section .section-head{margin-bottom:10px}.compact-card>div{padding:14px}}

.editorial-card:hover,.game-strip a:hover,.feature-lead:hover{border-color:var(--accent-interactive)}

/* Tactical Game Hub layer: restrained HUD cues with editorial restraint. */
.home-page{--category-guides:#35D6E8;--category-news:#f29d38;--category-reviews:#b7e34b}
.home-section{position:relative}
.home-section:before{content:"";display:block;width:28px;height:2px;background:var(--accent);margin-bottom:-2px;position:relative;z-index:1}
.feature-lead,.editorial-card,.game-strip a{position:relative;isolation:isolate;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.feature-lead:after,.editorial-card:after,.game-strip a:after{content:"";position:absolute;inset:7px auto auto 7px;width:14px;height:14px;border-top:1px solid var(--card-accent,var(--accent));border-left:1px solid var(--card-accent,var(--accent));pointer-events:none;opacity:.8}
.feature-lead:hover,.editorial-card:hover,.game-strip a:hover{border-color:var(--card-accent,var(--accent-interactive));box-shadow:0 8px 22px rgba(0,0,0,.18);transform:translateY(-2px)}
.feature-lead:focus-visible,.editorial-card:focus-visible,.game-strip a:focus-visible{outline:3px solid var(--card-accent,var(--accent-interactive));outline-offset:4px}
.feature-lead .badge,.feature-meta span:first-child{color:var(--category-guides);border-color:var(--category-guides)}
.feature-lead{--card-accent:var(--category-guides)}
.feature-side a[href^="/news"]{--card-accent:var(--category-news)}
.feature-side a[href^="/reviews"]{--card-accent:var(--category-reviews)}
.feature-side a[href^="/news"] .eyebrow{color:var(--category-news)}
.feature-side a[href^="/reviews"] .eyebrow{color:var(--category-reviews)}
.editorial-card[href^="/guides"]{--card-accent:var(--category-guides)}
.editorial-card[href^="/news"]{--card-accent:var(--category-news)}
.editorial-card[href^="/reviews"]{--card-accent:var(--category-reviews)}
.editorial-card[href^="/guides"] .badge{color:var(--category-guides);border-color:var(--category-guides)}
.editorial-card[href^="/news"] .badge{color:var(--category-news);border-color:var(--category-news)}
.editorial-card[href^="/reviews"] .badge{color:var(--category-reviews);border-color:var(--category-reviews)}
.game-strip a:before{content:"HUB";position:absolute;top:8px;right:9px;color:var(--accent-interactive);font:700 9px var(--ui);letter-spacing:1px;opacity:.8}
.game-strip a:hover b,.game-strip a:focus-visible b{color:var(--accent-interactive)}
nav a:nth-child(1){--nav-accent:var(--category-guides)}
nav a:nth-child(2){--nav-accent:var(--category-news)}
nav a:nth-child(3){--nav-accent:var(--category-reviews)}
nav a:hover,nav a:focus-visible{color:var(--nav-accent,var(--accent-interactive))}
.ad-anchor{background:rgba(17,26,35,.96);border-color:var(--ad-border);box-shadow:0 6px 18px rgba(0,0,0,.24);padding:10px 46px 10px 14px}
.ad-anchor__label{color:var(--ad-ink);font-size:9px}
.ad-anchor .ad-anchor-close{border-color:var(--ad-border);color:var(--ad-ink)}
.ad-anchor .ad-anchor-close:hover,.ad-anchor .ad-anchor-close:focus-visible{border-color:var(--accent-interactive);color:var(--accent-interactive)}
@media(prefers-reduced-motion:reduce){.feature-lead,.editorial-card,.game-strip a{transition:none}.home-leader:after{animation:none}.feature-lead:hover,.editorial-card:hover,.game-strip a:hover{transform:none}}
@media(max-width:600px){.home-intro h1{font-size:clamp(30px,8vw,38px);max-width:18ch}.home-leader{max-width:100%;overflow:hidden}}

/* Bottom 728x90 video advertisement */
.ad-anchor { width: min(728px, calc(100% - 32px)); transform: translate(-50%, 0); overflow: hidden; padding: 0; background: #0b1017; }
.ad-anchor .ad-anchor-close { top: 6px; left: 6px; right: auto; z-index: 2; width: 24px; height: 24px; }
.ad-anchor video { display: block; width: 100%; height: 90px; object-fit: cover; background: #0b1017; }
.ad-anchor__label { position: absolute; z-index: 1; top: 7px; left: 9px; padding: 4px 7px; color: #f4f7fb; background: rgba(5, 9, 14, .78); }
@media (max-width: 640px) {
  .ad-anchor video { height: auto; aspect-ratio: 320 / 74; }
}