/* Scene and foreground use the same full-frame crop; only the transparent characters move. */
.strategy .art .fixed-scenery,.strategy .art .right-characters{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;opacity:1;will-change:auto}
.strategy .art .fixed-scenery{animation:none;transform:none}
.strategy .art .right-characters{animation:right-characters-breathe 3.8s ease-in-out infinite;transform-origin:74% 100%;will-change:transform;clip-path:inset(0 0 0 0)}
@keyframes right-characters-breathe{0%,100%{transform:translate3d(0,10px,0) scale(1.015)}40%{transform:translate3d(6px,10px,0) scale(1.035)}72%{transform:translate3d(-4px,10px,0) scale(1.022)}}
@media(prefers-reduced-motion:reduce){.strategy .art .right-characters{animation:none;transform:none;will-change:auto}}
.snowfall{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.snow{position:absolute;inset:-280px -160px;display:block;background-repeat:repeat;will-change:transform}
.snow-far{background-image:radial-gradient(ellipse 1px 2px at 15px 22px,#e8f9ffc9 60%,transparent 100%),radial-gradient(ellipse 1px 1px at 110px 90px,#fff9 50%,transparent 100%),radial-gradient(ellipse 1px 2px at 220px 45px,#fff9 50%,transparent 100%);background-size:290px 190px;opacity:.65;animation:snow-drift-far 18s linear infinite}
.snow-near{background-image:radial-gradient(ellipse 2px 4px at 48px 42px,#f5fcffd9 40%,transparent 100%),radial-gradient(ellipse 2px 3px at 240px 178px,#d5f0ffbf 40%,transparent 100%),radial-gradient(ellipse 1px 3px at 395px 92px,#fff9 50%,transparent 100%);background-size:460px 280px;filter:drop-shadow(0 0 3px #c4edff66);opacity:.75;animation:snow-drift-near 11s linear infinite}
@keyframes snow-drift-far{from{transform:translate3d(0,-190px,0)}to{transform:translate3d(-35px,0,0)}}
@keyframes snow-drift-near{from{transform:translate3d(0,-280px,0)}to{transform:translate3d(-65px,0,0)}}
@media(prefers-reduced-motion:reduce){.snow{animation:none;will-change:auto}}
.weapon-energy{position:absolute;inset:0;pointer-events:none;transform-origin:74% 100%;animation:right-characters-breathe 3.8s ease-in-out infinite;mix-blend-mode:screen}
.energy-defs{position:absolute}
.strategy .art .weapon-hotspot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;clip-path:polygon(59% 39%,83.5% 6.5%,86% 18%,62% 46%);filter:url(#weapon-red-energy) drop-shadow(0 0 8px #ff1800) drop-shadow(0 0 15px #ff2200);transform:none;animation:weapon-rage 1.25s ease-in-out infinite;opacity:.8}
.weapon-sparks{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#ffb296;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 3px #ff1e00) drop-shadow(0 0 8px #ff2b00)}
.sparks-a,.sparks-b{stroke-dasharray:6 22;animation:weapon-spark-burst 1.3s linear infinite}.sparks-b{animation-delay:-.65s;stroke:#ff4b20}
@keyframes weapon-rage{0%,100%{opacity:.45}35%{opacity:.95}65%{opacity:.65}}
@keyframes weapon-spark-burst{0%{opacity:0;stroke-dashoffset:25}20%{opacity:1}80%{opacity:.7}100%{opacity:0;stroke-dashoffset:-25}}
@media(prefers-reduced-motion:reduce){.weapon-energy,.strategy .art .weapon-hotspot,.sparks-a,.sparks-b{animation:none}.sparks-a,.sparks-b{opacity:.5}.weapon-energy{transform:none}}

/* Local preview: centered strategy panel. */
body[data-version="strategie"] .hero {
  display: grid;
  place-items: center;
  padding: 24px;
}

body[data-version="strategie"] .content {
  display: block;
  width: min(640px, 100%);
  box-sizing: border-box;
  margin: 0;
  padding: clamp(20px, 3vw, 40px);
  left: auto;
  text-align: center;
}

body[data-version="strategie"] .content::before,
body[data-version="strategie"] .content::after {
  inset: 0;
}

body[data-version="strategie"] .content::before {
  background: rgba(3, 7, 9, .55);
}

body[data-version="strategie"] .eyebrow,
body[data-version="strategie"] .action {
  justify-content: center;
}

body[data-version="strategie"] .description,
body[data-version="strategie"] .cta {
  margin-inline: auto;
}