/* =========================================================
   Aparências originais do Quartel — níveis 1 a 20
   Módulo exclusivamente visual; não altera recrutamento.
   ========================================================= */
.castle-building-barracks .castle-building-art.barracks-visual-art {
  inset:-45px -56px 18px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  pointer-events:none;
}
.castle-building-barracks .castle-building-art.barracks-visual-art::before { display:none; }
.castle-building-barracks .barracks-level-image {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  transform:scale(var(--barracks-growth,1));
  transform-origin:center bottom;
  filter:drop-shadow(0 9px 7px #071007b8) drop-shadow(0 2px 1px #f4e3b738);
  user-select:none;
  pointer-events:none;
}
.castle-building-barracks:hover .barracks-level-image {
  filter:drop-shadow(0 11px 8px #071007d0) drop-shadow(0 0 7px #f1ce766e) brightness(1.07);
}
.castle-building-barracks.is-building .barracks-level-image { filter:grayscale(.55) brightness(.72) drop-shadow(0 8px 6px #000a); }
.castle-building-barracks.is-burning .barracks-level-image { filter:saturate(.75) brightness(.7) sepia(.2) drop-shadow(0 8px 7px #000b); }

.barracks-level.barracks-level-visual {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:132px;
  padding:4px 8px 8px;
  overflow:hidden;
}
.barracks-building-preview {
  width:180px;
  height:92px;
  margin:-4px auto 0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.barracks-building-preview .barracks-level-image {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 7px 5px #0008);
}
.barracks-level.barracks-level-visual span { margin-top:-2px; }
.barracks-level.barracks-level-visual strong { margin-top:1px; }

@media (max-width:900px) {
  .barracks-building-preview { width:145px; height:78px; }
  .barracks-level.barracks-level-visual { min-height:118px; }
}


/* Integração da arte detalhada na vista isométrica do castelo. */
.castle-iso-building.castle-building-barracks.has-detailed-barracks-art .castle-iso-building-art {
  inset:-12px -18px 4px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
  pointer-events:none;
}
.castle-iso-building.castle-building-barracks.has-detailed-barracks-art .castle-iso-building-shadow {
  left:15%;
  right:10%;
  bottom:7px;
  height:14%;
  opacity:.72;
}
.castle-iso-building.castle-building-barracks.has-detailed-barracks-art .barracks-isometric-image {
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center bottom;
  transform:scale(var(--barracks-iso-scale,1));
  transform-origin:center bottom;
  filter:drop-shadow(0 10px 7px #071007c4) drop-shadow(0 2px 1px #f4e3b735);
  user-select:none;
  pointer-events:none;
}
.castle-iso-building.castle-building-barracks.has-detailed-barracks-art:hover .barracks-isometric-image {
  filter:drop-shadow(0 13px 9px #071007db) drop-shadow(0 0 8px #f1ce7670) brightness(1.07);
}
.castle-iso-building.castle-building-barracks.has-detailed-barracks-art.is-building .barracks-isometric-image {
  filter:grayscale(.55) brightness(.72) drop-shadow(0 8px 6px #000a);
}
.castle-iso-building.castle-building-barracks.has-detailed-barracks-art.is-burning .barracks-isometric-image {
  filter:saturate(.72) brightness(.67) sepia(.24) drop-shadow(0 8px 7px #000b);
}