/* ================================================================
   DXED — small landing + nav additions layered on the original design.

   The landing itself is the original .dxl design; this file only adds the
   pieces the Arena work needs:
     • a secondary "ghost" variant of the existing .dxl-cta button
     • the Arena section's centered CTA row
     • a subtle PLAY chip on the in-app Arena nav item
   Reuses the existing dark tokens (accent #7a7e8c). No new landing system.
   ================================================================ */

/* Secondary call-to-action next to the primary .dxl-cta (matches its size). */
.dxl-cta.ghost {
  background: transparent;
  color: #e8e6de;
  border: 1px solid rgba(245, 243, 234, 0.22);
}
.dxl-cta.ghost:hover {
  background: rgba(245, 243, 234, 0.06);
  border-color: rgba(245, 243, 234, 0.34);
}

/* Arena section CTA row. */
.dxl-arena-cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}

/* Arena nav item in the app sidebar — prominent but part of the nav system. */
.sidebar-nav .nav-item-arena { position: relative; color: #eceef3; }
.sidebar-nav .nav-item-arena svg { color: #c3c6cf; }
.sidebar-nav .nav-item-arena::after {
  content: "PLAY"; margin-left: auto; font-size: 9.5px; font-weight: 800; letter-spacing: .1em;
  padding: 2px 7px; border-radius: 6px; color: #0a0b0f; background: #c3c6cf;
}
.sidebar-nav .nav-item-arena:hover { background: rgba(255,255,255,0.06); }