/* Broadcast motion system. Existing game timing and event payloads remain authoritative. */
:root {
  --broadcast-glass: linear-gradient(120deg, #102234f5, #0c1825f5);
  --broadcast-line: #91f6ba60;
  --broadcast-ease: cubic-bezier(0.16, 1, 0.3, 1);
}
.alert-item {
  background: var(--broadcast-glass) !important;
  border: 1px solid var(--broadcast-line) !important;
  border-left: 5px solid #91f6ba !important;
  border-radius: 20px !important;
  box-shadow:
    0 16px 60px #0006,
    0 0 1px #fff8 !important;
  backdrop-filter: blur(16px);
  padding: 23px 28px !important;
  animation: broadcast-enter 0.65s var(--broadcast-ease) both !important;
  transform-origin: right center;
}
.alert-item.roast {
  border-left-color: #ff977f !important;
}
.alert-item.info {
  border-left-color: #91c9ff !important;
}
.alert-icon {
  background: #ffffff0d;
  border-radius: 15px;
  padding: 13px;
  font-size: 32px !important;
}
.alert-title {
  font:
    800 22px/1.2 Inter,
    sans-serif !important;
  letter-spacing: -0.5px;
}
.alert-msg {
  color: #c5d5e5 !important;
  font:
    500 17px/1.5 Inter,
    sans-serif !important;
  margin-top: 5px;
}
.alert-item.fade-out {
  animation: broadcast-exit 0.4s ease-in both !important;
}
#sahne-popup {
  background: radial-gradient(ellipse at top, #315343, #102234 75%) !important;
  border: 1px solid #91f6ba90 !important;
  border-radius: 30px !important;
  box-shadow:
    0 24px 90px #0008,
    0 0 70px #91f6ba15 !important;
}
#sahne-popup.show {
  animation: broadcast-spot 0.8s var(--broadcast-ease) both !important;
}
#sahne-name {
  font-family: Outfit, Inter, sans-serif;
  letter-spacing: -2px;
  color: #d5ffe2 !important;
}
.borsa-news-container,
.borsa-news,
.oylama-container,
.tv-popup,
.uyari-popup {
  background: var(--broadcast-glass) !important;
  border-color: #96cfff60 !important;
  border-radius: 22px !important;
  box-shadow: 0 20px 70px #0006 !important;
}
.borsa-news-title {
  font-family: Outfit, Inter, sans-serif;
  letter-spacing: -0.6px;
}
.oylama-bar-fill {
  transition: width 0.7s var(--broadcast-ease) !important;
  background: linear-gradient(90deg, #4bba81, #acffd1) !important;
}
@keyframes broadcast-enter {
  0% {
    opacity: 0;
    translate: 70px 8px;
    scale: 0.92;
    filter: blur(6px);
  }
  65% {
    opacity: 1;
    filter: blur(0);
  }
  100% {
    translate: 0 0;
    scale: 1;
  }
}
@keyframes broadcast-exit {
  to {
    opacity: 0;
    translate: 50px -4px;
    scale: 0.96;
    filter: blur(3px);
  }
}
@keyframes broadcast-spot {
  from {
    opacity: 0;
    scale: 0.65;
    filter: blur(12px);
  }
  to {
    opacity: 1;
    scale: 1;
    filter: blur(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .alert-item {
    animation: broadcast-enter 0.01ms both !important;
  }
  .alert-item.fade-out {
    animation: broadcast-exit 0.01ms both !important;
  }
}