@import url("/assets/v33.css?v=1");

/* V34: Die frühe Landschaft enthält nur noch das Echo-Nest. Der Speicher ist
   kein Platzhalter-Symbol mehr, sondern ein vollständiges freigestelltes Gebäude. */
.building--storage{
  width:clamp(126px,16vw,210px);
  height:auto;
  aspect-ratio:3/2;
  overflow:visible;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 13px 17px rgba(0,0,0,.72));
}
.building--storage .storage-shape{display:none!important}
.storage-building-image{
  display:block;
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  pointer-events:none;
  filter:brightness(1.06) saturate(.94) drop-shadow(0 0 10px rgba(67,202,217,.2));
}
.building--storage:after{
  content:"";
  position:absolute;
  z-index:2;
  left:50%;
  top:47%;
  width:30%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(107,237,241,.28),rgba(63,202,215,.1) 42%,transparent 72%);
  box-shadow:0 0 22px rgba(71,215,227,.18);
  pointer-events:none;
}
.building--storage>b,
.building--storage>small{
  z-index:3;
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
  text-shadow:0 2px 8px #000,0 0 9px rgba(77,205,216,.34);
}
.building--storage>b{top:calc(100% - 7px);font-size:11px}
.building--storage>small{top:calc(100% + 8px);font-size:7px;letter-spacing:.1em;color:#8cdee5}

.game[data-v32-phase="source"] .building--storage[data-v33-placed="true"]{
  animation:v34-storage-build-in .72s cubic-bezier(.2,.9,.24,1.12) both;
}
.game[data-v32-phase="source"] .storage-building-image{
  filter:brightness(1.18) saturate(1.02) drop-shadow(0 0 17px rgba(78,222,232,.35));
}

@keyframes v34-storage-build-in{
  0%{opacity:0;transform:translate(-50%,-44%) scale(.32);filter:brightness(1.8) drop-shadow(0 0 26px rgba(95,236,240,.75))}
  62%{opacity:1;transform:translate(-50%,-52%) scale(1.07)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1)}
}

@media (max-height:430px){
  .building--storage{width:clamp(112px,14vw,168px)}
  .building--storage>b{top:calc(100% - 5px)}
  .building--storage>small{top:calc(100% + 7px)}
}

@media (prefers-reduced-motion:reduce){
  .game[data-v32-phase="source"] .building--storage[data-v33-placed="true"]{animation:none!important}
}