@import url("/assets/v39.css?v=1&build=2");

/* V41: Kiro wartet ab dem ersten Bild rechts neben der Base. Die Laufgrafik
   besitzt andere Körperproportionen als sein Standbild und wird deshalb nach
   sichtbarer Körperhöhe statt nach der Dateigröße skaliert. */
.game[data-v39-motion="true"][data-v32-phase="seed"] .resident--kiro,
.game[data-v39-motion="true"][data-v32-phase="awakening"] .resident--kiro{
  display:block!important;
}
.game[data-v39-motion="true"] .resident--kiro{
  opacity:1!important;
  filter:brightness(1.02) saturate(.78) contrast(1.1)
    drop-shadow(0 8px 13px rgba(0,0,0,.78))!important;
}
.game[data-v39-walking="true"] .resident--kiro{
  width:48px;
  height:92px;
  opacity:1!important;
  filter:brightness(1.08) saturate(.82) contrast(1.14)
    drop-shadow(0 8px 12px rgba(0,0,0,.8))!important;
  animation-duration:1.35s!important;
}
.game[data-v39-walking="true"] .kiro-ground-shadow{
  width:44px;
  height:11px;
  opacity:.88;
}

/* Der offene Ring war nur ein Zwischenmodell. V41 verwendet den geschlossenen
   Kuppelspeicher. Sein Füllstand erscheint in Fenstern und Fugen, nicht als
   aufgesetzte Energiekugel. */
.building--storage{
  width:clamp(116px,14vw,178px);
  aspect-ratio:1.34/1;
}
.building--storage:after,
.game[data-v32-phase="complete"] .building--storage[data-v33-placed="true"]:after{
  display:none!important;
  content:none!important;
  animation:none!important;
}
.game[data-v32-phase] .building--storage[data-v33-placed="true"] .storage-building-image{
  opacity:1;
  filter:brightness(.7) saturate(.52) contrast(1.08)
    drop-shadow(0 12px 15px rgba(0,0,0,.76))
    drop-shadow(0 0 8px rgba(59,186,202,.16));
}
.game[data-v32-phase="complete"] .building--storage[data-v33-placed="true"] .storage-building-image{
  filter:brightness(.96) saturate(.86) contrast(1.08)
    drop-shadow(0 12px 15px rgba(0,0,0,.76))
    drop-shadow(0 0 15px rgba(67,220,229,.34));
  animation:v41-storage-windows 1.15s ease-out both;
}
@keyframes v41-storage-windows{
  0%{filter:brightness(.7) saturate(.5) contrast(1.08) drop-shadow(0 12px 15px rgba(0,0,0,.76))}
  48%{filter:brightness(1.13) saturate(1.02) contrast(1.06) drop-shadow(0 0 21px rgba(84,234,239,.52))}
  100%{filter:brightness(.96) saturate(.86) contrast(1.08) drop-shadow(0 12px 15px rgba(0,0,0,.76)) drop-shadow(0 0 15px rgba(67,220,229,.34))}
}

@media (max-height:430px){
  .building--storage{width:clamp(104px,12.5vw,148px)}
}

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