/* Latest Topups ticker — 24buym theme (dark + gold). Real masked order data. */
.lt-wrap{
  --lt-gold:#ffc107;
  --lt-gold-lite:#ffd873;
  --lt-gold-deep:#cda429;
  --lt-green:#28a745;
  --lt-bg1:#161514;
  --lt-bg2:#201e1b;
  --lt-line:rgba(205,164,41,.28);
  --lt-txt:#f3ede0;
  --lt-muted:#9a9186;
  width:100%;
  background:linear-gradient(180deg,var(--lt-bg2),var(--lt-bg1));
  border:1px solid var(--lt-line);
  border-radius:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 6px 18px rgba(0,0,0,.25);
  overflow:hidden;
}
.lt-container{margin-top:14px;margin-bottom:14px;}
.lt-container:has(.lt-wrap[hidden]){display:none;}
.lt-wrap[hidden]{display:none!important;}
.lt-inner{
  padding:8px 12px;
  display:flex;align-items:center;gap:12px;min-width:0;
}
.lt-label{
  flex:0 0 auto;display:flex;align-items:center;gap:7px;
  padding-right:12px;position:relative;font-weight:800;
  font-size:13px;letter-spacing:.2px;white-space:nowrap;
}
.lt-label::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background:var(--lt-line);}
.lt-dot{width:9px;height:9px;border-radius:50%;background:var(--lt-green);
  box-shadow:0 0 0 0 rgba(40,167,69,.6);animation:lt-pulse 1.6s infinite;}
.lt-bolt{color:var(--lt-gold);font-size:14px;line-height:1;filter:drop-shadow(0 0 4px rgba(255,193,7,.5));}
.lt-title{background:linear-gradient(90deg,var(--lt-gold-lite),var(--lt-gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
.lt-viewport{
  position:relative;flex:1 1 auto;min-width:0;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.lt-track{display:inline-flex;align-items:center;gap:10px;will-change:transform;padding:2px 0;}
.lt-track.lt-anim{animation:lt-marquee linear infinite;}
.lt-viewport:hover .lt-track.lt-anim{animation-play-state:paused;}
.lt-item{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;
  padding:6px 12px 6px 6px;border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.06);
}
.lt-ava{
  flex:0 0 auto;width:34px;height:34px;border-radius:50%;overflow:hidden;
  background:radial-gradient(circle at 30% 25%,var(--lt-gold-lite),var(--lt-gold-deep));
  display:flex;align-items:center;justify-content:center;
  border:1.5px solid rgba(255,216,115,.55);box-shadow:0 2px 6px rgba(0,0,0,.35);
  color:#3a2c00;font-weight:800;font-size:14px;
}
.lt-ava img{width:100%;height:100%;object-fit:cover;display:block;}
.lt-body{display:flex;flex-direction:column;line-height:1.15;min-width:0;}
.lt-name{font-size:12.5px;font-weight:700;color:var(--lt-txt);white-space:nowrap;}
.lt-name .lt-time{color:var(--lt-muted);font-weight:500;font-size:10.5px;margin-left:6px;}
.lt-desc{font-size:11px;color:var(--lt-muted);white-space:nowrap;max-width:230px;overflow:hidden;text-overflow:ellipsis;}
.lt-amt{
  flex:0 0 auto;margin-left:4px;font-weight:800;font-size:13px;white-space:nowrap;
  color:var(--lt-gold-lite);text-shadow:0 0 8px rgba(255,193,7,.25);
}
a.lt-item{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;}
a.lt-item:hover{border-color:rgba(255,216,115,.55);background:linear-gradient(180deg,rgba(255,193,7,.10),rgba(255,193,7,.03));transform:translateY(-1px);}
a.lt-item:hover .lt-desc{color:var(--lt-gold-lite);}
a.lt-item:focus-visible{outline:2px solid var(--lt-gold);outline-offset:2px;}
.lt-item.lt-new{border-color:var(--lt-gold);background:linear-gradient(180deg,rgba(255,193,7,.16),rgba(255,193,7,.05));animation:lt-newglow 1.6s ease-in-out infinite;}
.lt-badge{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:999px;font-size:9.5px;font-weight:800;line-height:1.4;vertical-align:1px;color:#2a1f00;background:linear-gradient(90deg,var(--lt-gold-lite),var(--lt-gold));}
@keyframes lt-newglow{0%,100%{box-shadow:0 0 0 0 rgba(255,193,7,0)}50%{box-shadow:0 0 12px 1px rgba(255,193,7,.45)}}
@keyframes lt-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes lt-pulse{
  0%{box-shadow:0 0 0 0 rgba(40,167,69,.55)}
  70%{box-shadow:0 0 0 7px rgba(40,167,69,0)}
  100%{box-shadow:0 0 0 0 rgba(40,167,69,0)}
}
@media (max-width:640px){
  .lt-inner{padding:7px 10px;gap:9px;}
  .lt-label{font-size:12px;padding-right:9px;}
  .lt-ava{width:30px;height:30px;font-size:12px;}
  .lt-desc{max-width:150px;font-size:10.5px;}
  .lt-name{font-size:12px;}
  .lt-amt{font-size:12.5px;}
}
@media (prefers-reduced-motion:reduce){
  .lt-track.lt-anim{animation-duration:220s!important;}
  .lt-dot{animation:none;}
}