/* ===========================
   RPG Hero – Default Styles
   Kompatibel mit MyBB Default Theme, ohne Theme-Variablen.
   =========================== */
.rpg-hero{margin:10px 0 20px;}
.rpg-hero__grid, .hero-grid{
  display:grid;
  grid-template-columns:repeat(var(--hero-cols,4),minmax(0,1fr));
  gap:12px;
}
.hero-item{
  background:#fff;
  border:1px solid #ddd;
  border-radius:4px;
  padding:12px;
}
.hero-item .hero-title{font-weight:700;margin:0 0 6px;}
/* Spanner */
.hero-span-1{grid-column:span 1;}
.hero-span-2{grid-column:span 2;}
.hero-span-3{grid-column:span 3;}
.hero-span-4{grid-column:span 4;}
/* Tablet: auto-fit mit Mindestbreite */
@media (max-width: 900px){
  .rpg-hero__grid, .hero-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
}
/* Telefon: 1-spaltig */
@media (max-width: 520px){
  .rpg-hero__grid, .hero-grid{grid-template-columns:1fr;}
}