/* v24.7.3 lightweight skill cut-in revival
   SAVE_KEY untouched. Pure presentation patch. */
.skillOverlay.v2473Lite{
  background:transparent!important;
  align-items:start!important;
  padding:calc(env(safe-area-inset-top, 0px) + 10px) 12px 12px!important;
  pointer-events:none!important;
}
.skillOverlay.v2473Lite.show{
  display:grid!important;
}
.skillOverlay.v2473Lite .skillCard{
  width:min(94vw, 520px)!important;
  max-width:520px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:96px 1fr!important;
  gap:12px!important;
  align-items:center!important;
  padding:10px 12px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(42,31,88,.96),rgba(77,42,122,.95))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
  text-align:left!important;
  transform:translateY(-8px) scale(.98);
  opacity:0;
  animation:v2473SkillLite .74s ease forwards;
}
.skillOverlay.v2473Lite .skillCard img{
  width:96px!important;
  height:96px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.skillOverlay.v2473Lite .skillCardText{
  min-width:0;
}
.skillOverlay.v2473Lite .skillTitle{
  margin:0 0 4px!important;
  font-size:clamp(18px,4.4vw,24px)!important;
  line-height:1.15!important;
  font-weight:1000!important;
  color:#ffe277!important;
  text-shadow:none!important;
}
.skillOverlay.v2473Lite .helper{
  margin:0!important;
  font-size:12px!important;
  line-height:1.45!important;
  color:#f7f3ff!important;
  font-weight:900!important;
}
@keyframes v2473SkillLite{
  0%{opacity:0;transform:translateY(-10px) scale(.98)}
  14%{opacity:1;transform:translateY(0) scale(1)}
  82%{opacity:1;transform:translateY(0) scale(1)}
  100%{opacity:0;transform:translateY(-4px) scale(.995)}
}
body.battle-active .skillOverlay.v2473Lite .skillCard{
  box-shadow:0 6px 16px rgba(0,0,0,.20)!important;
}
body.battle-active .skillOverlay.v2473Lite .skillCard img{
  width:88px!important;
  height:88px!important;
}
@media(max-width:430px){
  .skillOverlay.v2473Lite{padding:calc(env(safe-area-inset-top, 0px) + 8px) 10px 10px!important;}
  .skillOverlay.v2473Lite .skillCard{
    width:min(96vw, 460px)!important;
    grid-template-columns:84px 1fr!important;
    gap:10px!important;
    padding:9px 10px!important;
    border-radius:16px!important;
  }
  .skillOverlay.v2473Lite .skillCard img{
    width:84px!important;
    height:84px!important;
  }
  .skillOverlay.v2473Lite .helper{
    font-size:11px!important;
  }
}