/* Arcade Insights — admin dashboard */
#dash { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; }
.win-sel {
  background: var(--panel-2); color: var(--text); border: 1px solid var(--stroke-hi);
  border-radius: 8px; padding: 6px 8px; font: 600 13px inherit; cursor: pointer;
}

.bars { display: flex; flex-direction: column; gap: 12px; }
.bar-row { display: grid; grid-template-columns: 140px 1fr 56px; align-items: center; gap: 10px; font-size: 13px; }
.bar-row .bar-label { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bar-track { background: var(--ink); border-radius: 6px; height: 22px; overflow: hidden; }
.bar-fill { height: 100%; background: linear-gradient(90deg, var(--saffron), var(--gold)); border-radius: 6px; min-width: 2px; }
.bar-row .bar-val { text-align: right; font-weight: 800; font-variant-numeric: tabular-nums; color: var(--saffron); }

.funnel-game { margin-bottom: 16px; }
.funnel-game h4 { font-size: 13px; margin-bottom: 7px; color: var(--gold); }
.funnel-steps { display: flex; gap: 6px; align-items: stretch; }
.fstep { flex: 1; background: var(--ink); border: 1px solid var(--stroke); border-radius: 8px; padding: 8px 10px; text-align: center; }
.fstep .fnum { font-size: 18px; font-weight: 900; }
.fstep .flabel { font-size: 11px; color: var(--muted); text-transform: uppercase; letter-spacing: 0.5px; }
.fdrop { align-self: center; font-size: 11px; font-weight: 800; color: var(--muted); padding: 0 2px; }

.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
th, td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--stroke); }
th { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing: 0.6px; }
td:not(:first-child), th:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }

.ep-list { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.ep-list li { display: flex; gap: 12px; align-items: flex-start; font-size: 14px; }
.ep-spice {
  flex-shrink: 0; min-width: 40px; text-align: center; font-weight: 900; font-size: 13px;
  padding: 3px 6px; border-radius: 6px; background: rgba(255, 59, 31, 0.16); color: #ff8a5c;
}
.ep-body .ep-when { display: block; color: var(--muted); font-size: 11px; font-weight: 700; margin-top: 2px; }
.ep-sub { font-size: 10px; text-transform: uppercase; letter-spacing: 0.6px; color: var(--gold); font-weight: 800; }