<style>
:root{
  --bkg-1:      #0a0a0a;
  --bkg-2:      #111111;
  --accent:     #FF6B35;
  --lime:       #B4FF39;
  --text-main:  #F0ECE0;
  --text-muted: rgba(240,236,224,.62);
}


/* ==========================================================================
   DRXP TICKER v3 — self-contained. Namespace: dxt-
   ========================================================================== */
.dxt-wrap{
  --dxt-bkg:    #111111;
  --dxt-white:  #F0ECE0;
  --dxt-orange: #FF6B35;
  --dxt-lime:   #B4FF39;
  --dxt-gap:    14px;   /* half the space between messages */
  --dxt-speed:  55s;    /* higher = slower */

  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--dxt-bkg);
  border-top: 1px solid rgba(240,236,224,.09);
  border-bottom: 1px solid rgba(240,236,224,.09);
  padding: 10px 0;
  -webkit-mask-image: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
          mask-image: linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}

.dxt-wrap .dxt-track{
  display: flex;
  width: max-content;
  animation: dxt-scroll var(--dxt-speed) linear infinite;
  will-change: transform;
}

.dxt-wrap .dxt-set{
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.dxt-wrap .dxt-set span{
  font-family: 'Anton','Arial Narrow',sans-serif;
  font-weight: 400;
  font-size: clamp(11px,1.05vw,14px);
  letter-spacing: .11em;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1;
  padding: 0 var(--dxt-gap);
  flex: 0 0 auto;
}

/* explicit colors — no inheritance, no nth-child math */
.dxt-wrap .dxt-set span.dxt-o{ color: #FF6B35 !important; }
.dxt-wrap .dxt-set span.dxt-w{ color: #F0ECE0 !important; }
.dxt-wrap .dxt-set span.dxt-l{ color: #B4FF39 !important; }

.dxt-wrap .dxt-set span.dxt-sep{
  color: #F0ECE0 !important;
  opacity: .45;
  font-size: 9px;
  padding: 0;
  transform: translateY(-1px);
  user-select: none;
}

.dxt-wrap:hover .dxt-track{ animation-play-state: paused; }

@keyframes dxt-scroll{
  from{ transform: translate3d(0,0,0); }
  to  { transform: translate3d(-50%,0,0); }
}

@media (prefers-reduced-motion: reduce){
  .dxt-wrap .dxt-track{ animation: none; width:100%; justify-content:center; flex-wrap:wrap; }
  .dxt-wrap .dxt-set:last-child{ display:none; }
  .dxt-wrap{ -webkit-mask-image:none; mask-image:none; }
}

@media (max-width: 768px){
  .dxt-wrap{ --dxt-gap: 10px; --dxt-speed: 34s; padding: 8px 0; }
  .dxt-wrap .dxt-set span{ letter-spacing: .08em; }
}
</style>