/* Shity Casino — play-with-any-coin chips (fix-73, 2026-11-07).
   The coin pick that is part of the bet: a compact chip strip by the
   game's own bet button. Uses the live casino design tokens from
   assets/css/casino.css (--card2, --card-border, --gold, --text,
   --muted). Load AFTER assets/css/casino.css. Phone-first: 390px is
   the judging surface; chips are >=44px tap targets and the strip
   scrolls sideways instead of wrapping over the game. */

.apl { margin: 10px 0; }
.apl-chips {
  display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 6px;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.apl-chips::-webkit-scrollbar { display: none; }
.apl-chip {
  flex: 0 0 auto; min-height: 44px; padding: 8px 12px;
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--card2, #1c1c28); color: var(--text, #f2f2f2);
  border: 1px solid var(--card-border, #26262f); border-radius: 999px;
  font-size: 13px; font-weight: 800; cursor: pointer; white-space: nowrap;
}
.apl-chip .apl-bal {
  font-weight: 700; font-size: 12px; color: var(--muted, #9a9aa5);
  font-variant-numeric: tabular-nums;
}
.apl-chip.on {
  border-color: var(--gold, #f5b324);
  box-shadow: inset 0 0 0 1px var(--gold, #f5b324);
}
.apl-chip.on .apl-bal { color: var(--text, #f2f2f2); }
.apl-chip.off { opacity: .55; cursor: not-allowed; }
.apl-line { margin-top: 8px; font-size: 14px; font-weight: 700; }