.ags-scroll-cue {
  position: fixed;
  z-index: 99990;
  right: 50%;
  bottom: max(78px, env(safe-area-inset-bottom) + 72px);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: calc(100vw - 28px);
  padding: 10px 15px 10px 12px;
  border: 1px solid rgba(95, 211, 255, .34);
  border-radius: 999px;
  transform: translateX(50%);
  background: linear-gradient(110deg, rgba(5, 28, 43, .96), rgba(8, 55, 75, .94));
  box-shadow: 0 12px 34px rgba(0, 0, 0, .36), 0 0 24px rgba(60, 188, 245, .12), inset 0 1px rgba(255, 255, 255, .08);
  color: #effaff;
  font: inherit;
  cursor: pointer;
  direction: rtl;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  animation: ags-scroll-cue-in .24s ease-out both;
}
.ags-scroll-cue[hidden] { display: none !important; }
.ags-scroll-cue:hover { border-color: rgba(110, 221, 255, .7); background: linear-gradient(110deg, rgba(6, 40, 59, .98), rgba(9, 70, 94, .98)); }
.ags-scroll-cue:focus-visible { outline: 2px solid #75d9ff; outline-offset: 3px; }
.ags-scroll-cue__arrow { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: rgba(87, 206, 255, .16); color: #86e0ff; font: 800 19px/1 Arial, sans-serif; animation: ags-scroll-cue-bob 1.35s ease-in-out infinite; }
.ags-scroll-cue__text { color: #f2fbff; font-size: 11px; font-weight: 850; white-space: nowrap; }
.ags-scroll-cue__hint { padding-right: 9px; border-right: 1px solid rgba(190, 235, 255, .2); color: rgba(213, 239, 249, .72); font-size: 9px; white-space: nowrap; }
@keyframes ags-scroll-cue-in { from { opacity: 0; transform: translate(50%, 8px); } to { opacity: 1; transform: translate(50%, 0); } }
@keyframes ags-scroll-cue-bob { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(3px); } }
@media (max-width: 560px) {
  .ags-scroll-cue { bottom: max(84px, env(safe-area-inset-bottom) + 78px); gap: 8px; padding: 9px 12px 9px 10px; }
  .ags-scroll-cue__text { font-size: 10px; }
  .ags-scroll-cue__hint { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .ags-scroll-cue, .ags-scroll-cue__arrow { animation: none !important; }
}
.ags-scroll-cue {
  display: none !important;
}