/* ELIE v5.3.9 — How To Play visual guide integration. */
.how-command-controls .how-control-card.how-guide-card,
.how-command-threats .how-system-card.how-guide-card{
  grid-template-columns:minmax(430px,46%) minmax(0,1fr)!important;
  min-height:0!important;
  align-items:center!important;
  gap:clamp(22px,2.2vw,42px)!important;
  padding:clamp(14px,1.35vw,24px)!important;
}
.how-command-controls .how-guide-card .how-guide-visual,
.how-command-threats .how-guide-card .how-system-visual{
  position:relative!important;width:100%!important;height:auto!important;min-height:0!important;
  aspect-ratio:16/9!important;display:block!important;padding:0!important;overflow:hidden!important;
  border:1px solid rgba(46,241,58,.24)!important;border-radius:14px!important;background:#000!important;
  box-shadow:inset 0 0 26px rgba(46,241,58,.035),0 10px 28px rgba(0,0,0,.28)!important;
}
.how-command-controls .how-guide-card .how-guide-image,
.how-command-threats .how-guide-card .how-guide-image{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-width:none!important;max-height:none!important;display:block!important;
  object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;
}
.how-command-controls .how-guide-card .how-control-copy,
.how-command-threats .how-guide-card .how-system-copy{min-width:0!important;align-self:center!important}
.how-command-controls .how-guide-card .how-control-copy strong,
.how-command-threats .how-guide-card .how-system-copy strong{font-size:clamp(20px,1.45vw,29px)!important;line-height:1.08!important}
.how-command-controls .how-guide-card .how-control-copy p,
.how-command-threats .how-guide-card .how-system-copy p{font-size:clamp(12px,.88vw,16px)!important;line-height:1.48!important}
.how-guide-card :is(.how-arrow-pad,.how-control-key-stack,.how-touch-controller,.how-mobile-action-stack,.how-ground-artillery){display:none!important}
@media (max-width:1180px){
  .how-command-controls .how-control-card.how-guide-card,
  .how-command-threats .how-system-card.how-guide-card{grid-template-columns:minmax(340px,44%) minmax(0,1fr)!important;gap:18px!important}
}
@media (orientation:landscape) and (pointer:coarse){
  .how-screen .how-command-controls .how-control-card.how-guide-card,
  .how-screen .how-command-threats .how-system-card.how-guide-card,
  html.phone-landscape .how-screen .how-command-controls .how-control-card.how-guide-card,
  html.phone-landscape .how-screen .how-command-threats .how-system-card.how-guide-card{
    grid-template-columns:minmax(300px,48%) minmax(0,1fr)!important;min-height:0!important;gap:12px!important;padding:10px!important;
  }
  .how-command-controls .how-guide-card .how-control-copy strong,
  .how-command-threats .how-guide-card .how-system-copy strong{font-size:clamp(13px,3.2vh,18px)!important}
  .how-command-controls .how-guide-card .how-control-copy p,
  .how-command-threats .how-guide-card .how-system-copy p{font-size:clamp(9px,2.1vh,11.5px)!important;line-height:1.35!important}
}
@media (max-width:760px) and (orientation:portrait){
  .how-command-controls .how-control-card.how-guide-card,
  .how-command-threats .how-system-card.how-guide-card{grid-template-columns:1fr!important;gap:12px!important;padding:12px!important}
  .how-command-controls .how-guide-card .how-guide-visual,
  .how-command-threats .how-guide-card .how-system-visual{width:100%!important;aspect-ratio:16/9!important;border-radius:11px!important}
  .how-command-controls .how-guide-card .how-control-copy,
  .how-command-threats .how-guide-card .how-system-copy{padding:2px 2px 4px!important}
  .how-command-controls .how-guide-card .how-control-copy strong,
  .how-command-threats .how-guide-card .how-system-copy strong{font-size:clamp(17px,5.2vw,23px)!important}
  .how-command-controls .how-guide-card .how-control-copy p,
  .how-command-threats .how-guide-card .how-system-copy p{font-size:clamp(12px,3.45vw,15px)!important;line-height:1.45!important}
}