.aldea25d { position: absolute; inset: 0; overflow: hidden; background: #77885b; }
.aldea25d-terreno { display: block; width: 100%; height: 100%; object-fit: cover; user-select: none; }
.aldea25d-contenido, .aldea25d-piezas, .aldea25d-muralla { position: absolute; inset: 0; }
.aldea25d-piezas { z-index: 1; }
.aldea25d-muralla { pointer-events: none; }
.aldea25d-muralla.atras { z-index: 0; clip-path: inset(0 0 53% 0); }
.aldea25d-muralla.frente { z-index: 2; clip-path: inset(47% 0 0 0); }
.aldea25d-muralla img { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 88%; object-fit: contain; }
.aldea25d-pieza {
  position: absolute; left: var(--x); bottom: var(--base); width: var(--ancho);
  transform: translateX(-50%); z-index: 1; padding: 0; border: 0; background: none;
  cursor: pointer; color: #fff4d9; font: inherit; text-align: center;
  filter: drop-shadow(0 8px 5px rgba(23, 20, 14, .35));
  transition: filter .18s ease, scale .18s ease;
}
.aldea25d-pieza:hover, .aldea25d-pieza:focus-visible { scale: 1.06; filter: drop-shadow(0 8px 7px rgba(22, 18, 10, .6)) drop-shadow(0 0 7px #ffe3a0); outline: none; }
.aldea25d-pieza.seleccionada { filter: drop-shadow(0 0 9px #ffdd7a) drop-shadow(0 8px 5px rgba(23, 20, 14, .45)); }
.aldea25d-pieza img { display: block; width: 100%; height: auto; transform: scale(var(--crecimiento)); transform-origin: center bottom; pointer-events: none; user-select: none; }
.aldea25d-pieza[data-tramo="1"] img { filter: saturate(.78); }
.aldea25d-pieza[data-tramo="4"] img, .aldea25d-pieza[data-tramo="5"] img { filter: saturate(1.13) contrast(1.06); }
.aldea25d-nombre {
  position: absolute; left: 50%; top: 50%; bottom: auto; transform: translate(-50%, -50%);
  min-width: 88px; padding: 3px 9px 4px; border: 1px solid #aa8650;
  border-radius: 5px; background: rgba(36, 26, 17, .92); box-shadow: 0 2px 5px #21190db0;
  font-size: 11px; font-weight: 700; line-height: 1.1; text-shadow: 0 1px 1px #000;
  pointer-events: none; opacity: 0; visibility: hidden;
  transition: opacity .15s ease, visibility 0s linear .15s;
}
.aldea25d-pieza:hover, .aldea25d-pieza:focus-visible { z-index: 4; }
.aldea25d-pieza:hover .aldea25d-nombre, .aldea25d-pieza:focus-visible .aldea25d-nombre { opacity: 1; visibility: visible; transition-delay: 0s; }
.aldea25d-nombre small { display: block; margin-top: 2px; color: #e5c797; font-size: 10px; font-weight: 400; }
.aldea25d-progreso { display: block; width: 100%; height: 5px; margin-top: 4px; border-radius: 3px; background: #77634c; overflow: hidden; }
.aldea25d-progreso i { display: block; height: 100%; background: linear-gradient(90deg, #a77428, #f3c763); }
.aldea25d-pieza[data-tramo="1"] .aldea25d-nombre { border-color: #8b704f; }
.aldea25d-pieza[data-tramo="3"] .aldea25d-nombre { border-color: #c6a668; }
.aldea25d-pieza[data-tramo="4"] .aldea25d-nombre, .aldea25d-pieza[data-tramo="5"] .aldea25d-nombre { border-color: #edc46e; }
.aldea25d-pieza.seleccionada .aldea25d-nombre { background: #6c451f; border-color: #ffd371; }
.aldea25d-pieza.sin-construir { height: 17%; }
.aldea25d-pieza.sin-construir .aldea25d-progreso { display: none; }
.aldea25d-solar {
  display: flex; align-items: center; justify-content: center; gap: 4px; width: 65%; height: 47%;
  margin: 26% auto 0; border: 2px dashed rgba(255, 231, 164, .8); border-radius: 50%;
  background: rgba(53, 42, 20, .3); box-shadow: 0 0 0 3px rgba(40, 32, 12, .2);
  color: #fff0c3; font-size: 10px; font-weight: 700;
}
.aldea25d-solar span { font-size: 19px; line-height: 1; }
.aldea25d-pieza.sin-construir .aldea25d-nombre { bottom: -2%; }
.aldea25d-puerta {
  position: absolute; z-index: 3; left: 50%; bottom: 7%; transform: translateX(-50%);
  min-width: 99px; padding: 4px 9px 5px; border: 1px solid #ba945c; border-radius: 5px;
  background: rgba(36, 26, 17, .94); box-shadow: 0 2px 6px #21190db0;
  color: #fff4d9; font: inherit; font-size: 11px; font-weight: 700; line-height: 1.1;
  cursor: pointer; text-align: center; text-shadow: 0 1px 1px #000;
}
.aldea25d-puerta small { display: block; margin-top: 2px; color: #e5c797; font-size: 10px; font-weight: 400; }
.aldea25d-puerta:hover, .aldea25d-puerta:focus-visible, .aldea25d-puerta.seleccionada { outline: 2px solid #ffda75; background: #6c451f; }
.escena-modos { position: absolute; top: 10px; right: 10px; z-index: 12; display: flex; gap: 3px; padding: 3px; border: 1px solid #c8ab77; border-radius: 8px; background: rgba(31, 24, 17, .85); }
.escena-modos button { border: 0; border-radius: 5px; padding: 4px 9px; background: transparent; color: #f5e6c6; font: inherit; font-size: 11px; cursor: pointer; }
.escena-modos button.activo { background: #d2a953; color: #271b0e; font-weight: 700; }
.escena-modos button:focus-visible { outline: 2px solid #ffe18a; }

.aldea25d-pieza > svg { display: block; width: 100%; height: auto; transform: scale(var(--crecimiento)); transform-origin: center bottom; pointer-events: none; filter: drop-shadow(0 4px 3px rgba(0,0,0,.45)); }