@import url("/assets/v25.css");

/* V26: ein Lebensecho, automatische Weltreaktion, keine Commander-Ebene. */
.motes{display:none!important}

.vela.world-message{
  display:block;
  width:min(420px,55vw);
  padding:10px 14px;
  border-left:2px solid rgba(94,222,244,.46);
  border-radius:10px;
  background:linear-gradient(90deg,rgba(3,13,24,.86),rgba(3,10,18,.38));
}
.world-message .vela__orb{display:none!important}
.world-message small{color:#72dff2}

.game.is-single-echo-awakening .energy-link{display:block;opacity:.78}
.game.is-single-echo-awakening .energy-link--nature{animation:v26-root-link .92s ease-out both}
.game.is-single-echo-awakening .energy-link--protection{animation:v26-root-link .82s .12s ease-out both}
.game.is-single-echo-awakening .energy-link--supply{animation:v26-root-ring .76s .24s ease-out both}
.game.is-single-echo-awakening .world--sleeping{filter:brightness(.9) saturate(.88);transition:filter 1.1s ease}
.game.is-single-echo-awakening .aurora{opacity:.42}

@keyframes v26-root-link{
  0%{clip-path:inset(0 100% 0 0);opacity:0;background-position:100% 0}
  60%{opacity:.88}
  100%{clip-path:inset(0 0 0 0);opacity:.58;background-position:0 0}
}
@keyframes v26-root-ring{
  0%{opacity:0;filter:brightness(.6);box-shadow:0 0 0 rgba(91,219,233,0)}
  65%{opacity:.9;filter:brightness(1.35);box-shadow:0 0 28px rgba(91,219,233,.48)}
  100%{opacity:.52;filter:none;box-shadow:0 0 18px rgba(91,219,233,.22)}
}

@media (max-height:430px){
  .vela.world-message{bottom:max(8px,env(safe-area-inset-bottom));padding:8px 11px}
  .vela.world-message p{font-size:10px}
}

@media (prefers-reduced-motion:reduce){
  .game.is-single-echo-awakening .energy-link{animation:none!important;clip-path:none}
}