.notif-stack {
  position: absolute;
  top: 0; left: 0; right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 150;
  pointer-events: none;
}
.notif-banner {
  pointer-events: all;
  display: flex; align-items: center; gap: 14px;
  padding: 12px 28px;
  font-size: 18px; font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  animation: bannerSlideIn 0.45s cubic-bezier(0.34,1.56,0.64,1) both;
}
.notif-banner.banner-exit {
  animation: bannerSlideOut 0.32s cubic-bezier(0.22,1,0.36,1) forwards;
  pointer-events: none;
}
.notif-eq {
  background: #1a1400; border: 1px solid #a16207; border-top: none;
  border-radius: 0 0 14px 14px; color: #fbbf24;
  min-width: 400px;
}
.notif-event {
  background: #0d0a1e; border: 1px solid #4338ca; border-top: none;
  border-radius: 0 0 14px 14px; color: #a5b4fc;
  font-size: 20px;
  min-width: 400px;
}
.eq-bar-wrap { width: 80px; height: 5px; background: #2a2a2a; border-radius: 2px; overflow: hidden; }
.eq-bar-inner { height: 100%; width: 100%; background: #fbbf24; border-radius: 2px; }
.eq-bar-inner.active { animation: eqBar 5s linear forwards; }
.eq-use-btn {
  padding: 5px 14px; font-size: 13px; font-weight: 700;
  background: #b45309; color: #000; border: none;
  border-radius: 5px; cursor: pointer;
  transition: background 0.12s, transform 0.08s;
}
.eq-use-btn:hover { background: #d97706; }
.eq-use-btn:active { transform: scale(0.92); }
.eq-missed-label { font-size: 11px; color: #78716c; }
.toast-container {
  position: fixed; bottom: 18px; right: 18px;
  display: flex; flex-direction: column-reverse; gap: 6px;
  z-index: 300; pointer-events: none;
}
.toast {
  background: #151515; border: 1px solid #222;
  border-radius: 6px; padding: 8px 14px;
  font-size: 13px; color: #ccc;
  animation: toastIn 0.2s ease-out;
  max-width: 280px; pointer-events: none;
}
.toast.warn    { border-color: #7c3d12; color: #fb923c; background: #100a02; }
.toast.error   { border-color: #7f1d1d; color: #f87171; background: #100303; }
.toast.success { border-color: #14532d; color: #4ade80; background: #031008; }
