.gameplay-hero{position:relative;padding-block:var(--space-16);background:radial-gradient(circle at 10% 0,rgba(248,250,252,0.08),transparent 55%),radial-gradient(circle at 90% 0,rgba(127,29,29,0.55),transparent 65%),linear-gradient(180deg,#020617,#020617 55%,#020412);border-bottom:1px solid rgba(15,23,42,1)}.gameplay-hero-inner{display:grid;gap:var(--space-8);align-items:center}.gameplay-hero-copy{max-width:34rem}.gameplay-hero-copy p{max-width:32rem}.gameplay-hero-media{width:100%}.gameplay-hero-figure{padding:var(--space-3);background:radial-gradient(circle at 0 0,rgba(248,250,252,0.06),transparent 55%),linear-gradient(135deg,#020617,#020617)}.gameplay-hero-figure img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:var(--space-2)}.gameplay-hero-figure figcaption{font-size:var(--font-size-xs);color:var(--gray-400)}.badge-grid-meta{margin-top:var(--space-4)}.hero-ctas-gameplay{margin-top:var(--space-5)}.gameplay-section-grid{align-items:flex-start}.gameplay-card{margin-bottom:var(--space-4)}.gameplay-image-col{display:flex;align-items:stretch}.gameplay-card-visual{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.progression-row{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-top:var(--space-5)}.progression-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.progression-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.14em;color:var(--gray-300);text-align:center}.progression-dot{width:12px;height:12px;border-radius:999px;background:radial-gradient(circle at 30% 0,rgba(148,163,184,0.9),rgba(15,23,42,1));box-shadow:0 0 12px rgba(148,163,184,0.9)}.progression-dot-final{background:radial-gradient(circle at 30% 0,rgba(241,196,106,0.95),rgba(148,100,40,1));box-shadow:0 0 16px rgba(250,204,21,0.95)}.progression-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-4)}.gameplay-side-figure{padding:var(--space-3);background:linear-gradient(135deg,#020617,#020617)}.gameplay-side-figure img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:var(--space-2)}.gameplay-side-figure figcaption{font-size:var(--font-size-xs);color:var(--gray-400)}.resource-panel{display:flex;flex-direction:column;gap:var(--space-4)}.resource-panel h3{margin-bottom:0}.resource-panel-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pill-nav-label{padding:0.35rem 0.9rem;border-radius:var(--radius-pill);border:1px solid rgba(148,163,184,0.5);background:rgba(15,23,42,0.9);font-size:var(--font-size-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--gray-200);white-space:nowrap}.battles-panel{display:flex;flex-direction:column;gap:var(--space-4);border-radius:var(--radius-lg);padding:var(--space-5)}.battles-panel h3{margin-bottom:0}.battles-panel-cta{margin-top:var(--space-2)}.diplomacy-panel{display:flex;flex-direction:column;gap:var(--space-4)}.diplomacy-panel h3{margin-bottom:0}.diplomacy-cta{align-self:flex-start}.progression-panel{border-radius:var(--radius-lg);padding:var(--space-5)}.progression-panel h3{margin-bottom:var(--space-3)}.gameplay-editorial{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.editorial-links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-1)}@media (min-width:900px){.gameplay-hero-inner{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.gameplay-hero-media{max-width:460px;margin-left:auto}}@media (max-width:767px){.gameplay-hero{padding-block:var(--space-12)}.progression-row{flex-direction:column;align-items:flex-start}.progression-step{flex-direction:row;justify-content:flex-start}.progression-label{text-align:left}}