/* ELIE v5.1.41 — Complete multilingual flight manual. Scoped to How to Play. */
.how-copy-v5141 .how-laser-architectures{
  position:relative;
  margin-top:clamp(16px,1.5vw,26px);
  padding:clamp(18px,1.55vw,28px);
  border:1px solid rgba(46,241,58,.26);
  background:linear-gradient(135deg,rgba(46,241,58,.055),rgba(0,0,0,.78) 46%);
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));
}
.how-copy-v5141 .how-laser-architectures>header{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:5px;
  margin-bottom:clamp(14px,1.2vw,22px);
  padding-right:clamp(0px,16vw,270px);
}
.how-copy-v5141 .how-laser-architectures>header small{
  color:rgba(181,255,191,.5);
  font-size:9px;
  letter-spacing:.18em;
}
.how-copy-v5141 .how-laser-architectures>header strong{
  color:#2ef13a;
  font-size:clamp(18px,1.4vw,27px);
  line-height:1.04;
  letter-spacing:.06em;
}
.how-copy-v5141 .how-laser-architectures>header p{
  max-width:1050px;
  margin:3px 0 0;
  color:rgba(224,255,229,.72);
  font-size:clamp(12px,.82vw,16px);
  line-height:1.5;
  text-transform:none;
}
.how-copy-v5141 .how-laser-style-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(9px,.8vw,14px);
}
.how-copy-v5141 .how-laser-style-card{
  position:relative;
  min-width:0;
  min-height:210px;
  display:grid;
  grid-template-rows:118px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(46,241,58,.17);
  background:rgba(0,12,3,.78);
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
}
.how-copy-v5141 .how-laser-style-card.is-adapted{
  border-color:rgba(46,241,58,.78);
  box-shadow:inset 0 0 28px rgba(46,241,58,.08);
}
.how-copy-v5141 .how-laser-style-card:after{
  content:attr(data-code);
  position:absolute;
  right:9px;
  top:7px;
  color:rgba(173,255,185,.3);
  font-size:8px;
  letter-spacing:.13em;
}
.how-copy-v5141 .how-laser-style-visual{
  display:grid;
  place-items:center;
  padding:16px 12px 10px;
  border-bottom:1px solid rgba(46,241,58,.14);
  background:radial-gradient(circle,rgba(46,241,58,.12),transparent 68%);
}
.how-copy-v5141 .how-laser-style-visual img{
  width:94%;
  height:80px;
  object-fit:contain;
  filter:drop-shadow(0 0 11px rgba(46,241,58,.18));
}
.how-copy-v5141 .how-laser-style-copy{
  min-width:0;
  padding:13px 14px 16px;
}
.how-copy-v5141 .how-laser-style-copy small{
  display:block;
  margin-bottom:5px;
  color:rgba(181,255,191,.44);
  font-size:8px;
  letter-spacing:.15em;
}
.how-copy-v5141 .how-laser-style-copy strong{
  display:block;
  min-height:2.05em;
  color:#effff1;
  font-size:clamp(12px,.78vw,15px);
  line-height:1.05;
  letter-spacing:.045em;
}
.how-copy-v5141 .how-laser-style-copy span{
  display:block;
  margin-top:8px;
  color:rgba(224,255,229,.58);
  font-size:clamp(9px,.58vw,11px);
  line-height:1.35;
  letter-spacing:.06em;
}
.how-copy-v5141 .how-laser-style-copy b{color:#2ef13a;font-weight:800}

.how-copy-v5141 .how-heat-gauge{
  position:relative;
  width:104px;
  height:104px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(#2ef13a 0 76%,rgba(46,241,58,.13) 76% 100%);
  box-shadow:0 0 24px rgba(46,241,58,.08);
}
.how-copy-v5141 .how-heat-gauge:before{
  content:"";
  position:absolute;
  inset:9px;
  border-radius:50%;
  background:#001406;
  border:1px solid rgba(46,241,58,.35);
}
.how-copy-v5141 .how-heat-gauge i{
  position:absolute;
  z-index:2;
  width:4px;
  height:38px;
  bottom:50%;
  left:calc(50% - 2px);
  border-radius:4px;
  background:#effff1;
  transform:rotate(40deg);
  transform-origin:50% 100%;
  box-shadow:0 0 10px rgba(46,241,58,.65);
}
.how-copy-v5141 .how-heat-gauge b,
.how-copy-v5141 .how-heat-gauge small{position:relative;z-index:3}
.how-copy-v5141 .how-heat-gauge b{align-self:end;color:#2ef13a;font-size:20px;line-height:1}
.how-copy-v5141 .how-heat-gauge small{align-self:start;color:rgba(225,255,230,.62);font-size:7px;letter-spacing:.14em}
.how-copy-v5141 .how-shield-rule-visual{
  position:relative;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
}
.how-copy-v5141 .how-shield-rule-visual img:first-child{
  width:112px;
  height:112px;
  object-fit:contain;
}
.how-copy-v5141 .how-shield-rule-visual img:last-child{
  position:absolute;
  right:8%;
  top:18%;
  width:44%;
  max-height:78px;
  object-fit:contain;
  transform:rotate(180deg);
  filter:drop-shadow(0 0 8px rgba(255,255,255,.14));
}
.how-copy-v5141 .how-system-card.heat .how-system-visual,
.how-copy-v5141 .how-system-card.shield-rule .how-system-visual{
  background:radial-gradient(circle,rgba(46,241,58,.17),transparent 68%)!important;
}

@media (max-width:1280px) and (pointer:fine){
  .how-copy-v5141 .how-laser-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .how-copy-v5141 .how-laser-style-card{min-height:180px;grid-template-rows:94px minmax(0,1fr)}
  .how-copy-v5141 .how-laser-style-visual img{height:64px}
}
@media (orientation:landscape) and (pointer:coarse){
  .how-copy-v5141 .how-laser-architectures{margin-top:12px;padding:13px}
  .how-copy-v5141 .how-laser-architectures>header{padding-right:0;margin-bottom:11px}
  .how-copy-v5141 .how-laser-architectures>header small{font-size:7px}
  .how-copy-v5141 .how-laser-architectures>header strong{font-size:clamp(14px,3vh,18px)}
  .how-copy-v5141 .how-laser-architectures>header p{font-size:clamp(9px,1.95vh,11px);line-height:1.4}
  .how-copy-v5141 .how-laser-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .how-copy-v5141 .how-laser-style-card{min-height:142px;grid-template-rows:68px minmax(0,1fr)}
  .how-copy-v5141 .how-laser-style-visual{padding:8px}
  .how-copy-v5141 .how-laser-style-visual img{height:48px}
  .how-copy-v5141 .how-laser-style-copy{padding:9px 10px 11px}
  .how-copy-v5141 .how-laser-style-copy small{font-size:6px;margin-bottom:3px}
  .how-copy-v5141 .how-laser-style-copy strong{font-size:clamp(10px,2.15vh,13px);min-height:auto}
  .how-copy-v5141 .how-laser-style-copy span{margin-top:5px;font-size:clamp(7px,1.55vh,9px)}
  .how-copy-v5141 .how-heat-gauge{width:70px;height:70px}
  .how-copy-v5141 .how-heat-gauge:before{inset:7px}
  .how-copy-v5141 .how-heat-gauge i{height:25px}
  .how-copy-v5141 .how-heat-gauge b{font-size:14px}
  .how-copy-v5141 .how-heat-gauge small{font-size:5px}
  .how-copy-v5141 .how-shield-rule-visual img:first-child{width:76px;height:76px}
  .how-copy-v5141 .how-shield-rule-visual img:last-child{max-height:52px}
}