.wow-worlds-grid {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px;
}

.wow-world-card {
background:#1c1f26;
border:2px solid rgba(255,255,255,.15);
border-radius:16px;
padding:16px;
cursor:pointer;
text-align:center;
color:white;
transition:.2s;
}

.wow-world-card:hover {
transform:translateY(-3px);
border-color:var(--accent);
}

.wow-world-card.selected {
border-color:var(--accent);
box-shadow:0 0 0 3px var(--accent);
}

.wow-icon {
width:64px;
height:64px;
object-fit:contain;
}

.wow-title {
font-weight:700;
margin-top:8px;
}

.wow-tagline {
font-size:12px;
opacity:.8;
}

.wow-gcard{
  display:block;
  border-radius:18px;
  overflow:hidden;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(15,17,22,.85);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.wow-gcard:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(0,0,0,.45);
  border-color: rgba(255,255,255,.25);
}
.wow-gcard-img{
  aspect-ratio: 1 / 1;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.10), rgba(255,255,255,.02));
}
.wow-gcard-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.wow-gcard-meta{
  padding:12px 12px 14px;
}
.wow-gcard-title{
  color:#fff;
  font-weight:900;
  font-size:14px;
  line-height:1.1;
}
.wow-gcard-world{
  margin-top:6px;
  font-size:12px;
  color: rgba(255,255,255,.70);
}
.wow-gcard-placeholder{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.55);
  font-weight:800;
}
@media (max-width: 980px){
  .wow-character-gallery.wow-cols-4,
  .wow-character-gallery.wow-cols-5,
  .wow-character-gallery.wow-cols-6{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.wow-character-gallery{display:grid;gap:16px;margin-top:18px}
.wow-character-gallery.wow-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wow-character-gallery.wow-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wow-character-gallery.wow-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wow-character-gallery.wow-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.wow-character-gallery.wow-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.wow-gcard{display:block;border-radius:18px;overflow:hidden;text-decoration:none;border:1px solid rgba(255,255,255,.14);background:rgba(15,17,22,.85);box-shadow:0 10px 22px rgba(0,0,0,.35);transition:.15s}
.wow-gcard:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,.45);border-color:rgba(255,255,255,.25)}
.wow-gcard-img{aspect-ratio:1/1;background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.10), rgba(255,255,255,.02))}
.wow-gcard-img img{width:100%;height:100%;object-fit:cover;display:block}
.wow-gcard-meta{padding:12px 12px 14px}
.wow-gcard-title{color:#fff;font-weight:900;font-size:14px;line-height:1.1}
.wow-gcard-world{margin-top:6px;font-size:12px;color:rgba(255,255,255,.70)}
.wow-gcard-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);font-weight:800}
.wow-gallery-empty{color:rgba(255,255,255,.8);padding:10px 0}
@media (max-width:980px){
  .wow-character-gallery.wow-cols-4,
  .wow-character-gallery.wow-cols-5,
  .wow-character-gallery.wow-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}
}