.sz-chara-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 14px 12px;
  margin: 16px 0 24px;
}
.sz-chara-grid figure{
  margin: 0;
  text-align: center;
}
.sz-chara-grid img{
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 6px;
  background: color-mix(in srgb, var(--color_text, #333) 8%, var(--nettoge-page-bg, #fff));
  cursor: zoom-in;
}
.sz-chara-grid figcaption{
  font-size: 12px;
  line-height: 1.3;
  margin-top: 4px;
  color: var(--color_text, inherit);
  opacity: 0.85;
}
@media screen and (max-width: 600px){
.sz-chara-grid{
    grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
    gap: 10px 8px;
  }
}
@keyframes sparkingzeroepisode-glow{
  from { box-shadow: 0 0 5px rgba(0, 198, 255, 0.45); }
  to { box-shadow: 0 0 10px rgba(0, 114, 255, 0.7); }
}
.sz-chara-grid.-jump{
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 12px 10px;
}
.sz-chara-grid.-jump a{
  display: block;
  color: inherit;
  text-decoration: none;
}
.sz-chara-grid.-jump img{
  cursor: pointer;
  transition: transform .12s ease;
}
.sz-chara-grid.-jump a:hover img,
.sz-chara-grid.-jump a:focus-visible img{
  transform: translateY(-2px);
  outline: 2px solid var(--color_main, #f18f00);
  outline-offset: 1px;
}
.sz-chara-grid.-jump figcaption small{
  display: block;
  margin-top: 1px;
  font-size: 11px;
  opacity: .7;
}
@media screen and (max-width: 600px){
.sz-chara-grid.-jump{
    grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
    gap: 10px 8px;
  }
}