/* 1025DEX Community v0.31.35 · css/animations.css · ausgelagert aus index.html */
/* ---------- Mikroanimationen ---------- */
.app-toast{
  position:fixed;left:50%;bottom:80px;z-index:70;
  transform:translateX(-50%);background:var(--panel);border:3px solid var(--line);
  border-radius:11px;padding:8px 14px;font-weight:700;box-shadow:var(--shadow);
  animation:toastIn var(--motion-base) var(--ease-fluid) both;
}
.app-toast.out{animation:toastOut 220ms ease both}
.card-flight{
  position:fixed;z-index:120;pointer-events:none;object-fit:cover;
  border:3px solid var(--line);border-radius:8px;
  box-shadow:0 14px 34px rgba(0,0,0,.34);
  transform-origin:center;will-change:transform,opacity;
}
@keyframes progressRise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes detailOpen{from{opacity:0;transform:scaleY(.88) translateY(-10px)}to{opacity:1;transform:none}}
@keyframes listItemIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes statusPop{0%{transform:scale(.45);box-shadow:0 0 0 0 rgba(255,255,255,.75)}55%{transform:scale(1.32);box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{transform:scale(1);box-shadow:none}}
@keyframes rowConfirm{0%,100%{background:var(--panel)}35%{background:color-mix(in srgb,var(--owned) 18%,var(--panel))}}
@keyframes backdropIn{from{opacity:0}to{opacity:1}}
@keyframes backdropOut{from{opacity:1}to{opacity:0}}
@keyframes sheetIn{from{transform:translateY(72px) scale(.985);opacity:.55}to{transform:none;opacity:1}}
@keyframes sheetOut{from{transform:none;opacity:1}to{transform:translateY(44px) scale(.99);opacity:0}}