/* VOICE-ONLY homepage (Abdi, 10/2): Scout on the left with live captions; the "screen" on the right fades between
 * the stats (while he listens) and the card he's talking about (300 ms, opacity only). Scoped to .is-voice. */
.kal.casino .is-voice .ss-wrap { grid-template-columns: minmax(320px, 42%) 1fr; align-items: start; }
.kal.casino .is-voice .ss-right { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.kal.casino .is-voice .vz-caption { min-height: 3.2em; padding: 10px 14px; border-radius: 14px; font-size: 17px; line-height: 1.45;
  color: var(--cz-text); background: rgba(5,4,10,.78); border: 1px solid rgba(168,85,247,.35);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: border-color .3s; }
.kal.casino .is-voice .vz-caption.on { border-color: rgba(192,132,252,.75); }
.kal.casino .is-voice .vz-follow { justify-content: center; font-size: 13px; }
.kal.casino .is-voice .vz-follow .ss-chip { padding: 5px 10px; font-size: 13px; }
.kal.casino .is-voice .vz-micoff { align-self: center; background: none; border: 0; color: var(--cz-text2); font-size: 13px;
  text-decoration: underline; text-underline-offset: 3px; cursor: pointer; padding: 4px; }
.kal.casino #scout-stage .vz-micoff[hidden], .kal.casino #scout-stage form.vz-form[hidden] { display: none !important; }
.kal.casino .is-voice .vz-form { display: flex; gap: 8px; }
.kal.casino .is-voice .vz-form input { flex: 1; min-width: 0; padding: 10px 12px; border-radius: 12px; }
.kal.casino .is-voice .ss-agents { font-size: 12px; color: var(--cz-muted); text-align: center; }
.kal.casino .is-voice .vz-strip { padding: 8px 14px; border-radius: 12px; text-align: center; letter-spacing: .1em;
  font: 700 12px/1.3 ui-monospace, monospace; color: var(--cz-gold-b); border: 1px dashed rgba(246,196,83,.7); background: rgba(246,196,83,.06); }
.kal.casino .is-voice .vz-screen { position: relative; height: min(76vh, 760px); min-height: 520px; border-radius: 20px; overflow: hidden;
  background: linear-gradient(160deg, #0d0918, #05040a); border: 1px solid rgba(246,196,83,.55);
  box-shadow: inset 0 0 50px rgba(168,85,247,.12), 0 0 26px rgba(246,196,83,.08); }
.kal.casino .is-voice .vz-doing { position: absolute; top: 12px; right: 16px; z-index: 2; font: 600 12px/1.3 ui-monospace, monospace;
  color: var(--cz-purple-b); letter-spacing: .04em; }
.kal.casino .is-voice .vz-view { position: absolute; inset: 0; z-index: 0; padding: 16px; overflow-y: auto; overscroll-behavior: contain;
  display: flex; flex-direction: column; gap: 12px;
  opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility 0s linear .3s; }
.kal.casino .is-voice .vz-view.is-on { opacity: 1; visibility: visible; transition: opacity .3s ease, visibility 0s; }
.kal.casino .is-voice .vz-statsview .nz-bets .ss-list { max-height: none; }
.kal.casino .is-voice .vz-head h3 { margin: 0; font-size: 22px; color: var(--cz-gold-b); letter-spacing: .02em; }
.kal.casino .is-voice .vz-head small { display: block; margin-top: 2px; color: var(--cz-muted); font-size: 13px; }
.kal.casino .is-voice .vz-picks { list-style: none; margin: 0; padding: 6px 10px; display: grid; gap: 6px; overflow-y: auto; position: relative; }
.kal.casino .is-voice .vz-pick { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-radius: 12px;
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06);
  transition: transform .25s ease, background .25s, border-color .25s; transform-origin: center; }
.kal.casino .is-voice .vz-pick.now { transform: scale(1.015); background: rgba(168,85,247,.16); border-color: rgba(192,132,252,.8); }
.kal.casino .is-voice .vz-rank { min-width: 28px; font: 800 18px/1 ui-monospace, monospace; color: var(--cz-gold); text-align: right; }
.kal.casino .is-voice .vz-pick-mid { flex: 1; min-width: 0; }
.kal.casino .is-voice .vz-pick-mid b { display: block; font-size: 15px; }
.kal.casino .is-voice .vz-pick-mid small { color: var(--cz-text2); font-size: 12.5px; }
.kal.casino .is-voice .vz-big { font-size: 24px; font-weight: 800; }
.kal.casino .is-voice .vz-nums { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.kal.casino .is-voice .vz-num { padding: 10px; border-radius: 12px; background: rgba(255,255,255,.04); border: 1px solid rgba(246,196,83,.25); }
.kal.casino .is-voice .vz-num span { display: block; font-size: 12px; color: var(--cz-muted); }
.kal.casino .is-voice .vz-num b { font: 800 20px/1.2 ui-monospace, monospace; }
.kal.casino .is-voice .vz-note { color: var(--cz-gold-b); font-size: 14px; }
.kal.casino .is-voice .vz-agent { margin: 0; font-size: 14px; color: var(--cz-text2); }
.kal.casino .is-voice .vz-agent b { color: var(--cz-purple-b); }
.kal.casino .is-voice .vz-risk { margin: 0; font-size: 14px; color: #fda4af; }
.kal.casino .is-voice .vz-score { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.03); }
.kal.casino .is-voice .vz-score small { grid-column: 2; grid-row: 1 / span 2; align-self: center; font: 700 15px ui-monospace, monospace; }
.kal.casino .is-voice .vz-score span { color: var(--cz-text2); font-size: 13px; }
.kal.casino .is-voice .vz-bars { display: grid; gap: 8px; }
.kal.casino .is-voice .vz-bar { display: grid; grid-template-columns: 150px 1fr 64px; align-items: center; gap: 10px; font-size: 14px; }
.kal.casino .is-voice .vz-bar.ladder { font-size: 12.5px; color: var(--cz-text2); }
.kal.casino .is-voice .vz-bar b { text-align: right; font-family: ui-monospace, monospace; }
.kal.casino .is-voice .vz-track { height: 12px; border-radius: 999px; background: rgba(255,255,255,.07); overflow: hidden; }
.kal.casino .is-voice .vz-track i { display: block; height: 100%; transform-origin: left; background: linear-gradient(90deg, var(--cz-violet), var(--cz-purple-b)); }
.kal.casino .is-voice .vz-bar:not(.ladder) .vz-track i { background: linear-gradient(90deg, var(--cz-gold-d), var(--cz-gold-b)); }
.kal.casino .is-voice .vz-src { margin-top: auto; font-size: 12px; color: var(--cz-muted); }
.kal.casino .is-voice .vz-photo { position: relative; flex: none; margin: 0; border-radius: 14px; overflow: hidden; aspect-ratio: 16 / 7; background: #1a1328; }
.kal.casino .is-voice .vz-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kal.casino .is-voice .vz-photo figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 4px 8px; font-size: 11px; background: rgba(0,0,0,.6); }
.kal.casino .is-voice .vz-photo figcaption a { color: #e9e3f5; }
.kal.casino .is-voice .vz-photo.vz-color { display: grid; place-items: center; background: linear-gradient(135deg, #e03a3e, #000); }
.kal.casino .is-voice .vz-photo.vz-color span { font: 900 40px/1 system-ui, sans-serif; letter-spacing: .1em; }
.kal.casino .is-voice .vz-facts { display: grid; gap: 4px; font-size: 15px; }
.kal.casino .is-voice .vz-ticker { display: flex; gap: 10px; align-items: flex-start; padding: 8px 12px; border-radius: 10px;
  background: rgba(0,0,0,.45); border-left: 3px solid var(--cz-red); }
.kal.casino .is-voice .vz-tick-tag { font: 800 11px/1.6 ui-monospace, monospace; color: #fff; background: var(--cz-red); padding: 0 6px; border-radius: 4px; }
.kal.casino .is-voice .vz-ticker ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 4px; font-size: 14px; }
.kal.casino .is-voice .vz-foot { text-align: right; }
.kal.casino .is-voice .vz-link { background: none; border: 0; color: var(--cz-text2); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font-size: 13px; }
.kal.casino .is-voice .cz-cards { display: none; }
@media (max-width: 900px) {
  .kal.casino .is-voice .ss-wrap { grid-template-columns: 1fr; }
  .kal.casino .is-voice .vz-screen { height: 72vh; min-height: 460px; }
  .kal.casino .is-voice .vz-nums { grid-template-columns: repeat(2, 1fr); }
  .kal.casino .is-voice .vz-bar { grid-template-columns: 110px 1fr 54px; }
}
@media (prefers-reduced-motion: reduce) {
  .kal.casino .is-voice .vz-view, .kal.casino .is-voice .vz-pick { transition: none; }
  .kal.casino .is-voice .vz-pick.now { transform: none; }
}
@media (forced-colors: active) {
  .kal.casino .is-voice .vz-screen, .kal.casino .is-voice .vz-caption, .kal.casino .is-voice .vz-strip,
  .kal.casino .is-voice .vz-pick.now { border: 1px solid CanvasText; }
  .kal.casino .is-voice .vz-track i { forced-color-adjust: none; background: Highlight; }
}

.kal.casino .is-voice .vz-caption:not(.on) span:empty::before { content: 'Tap Talk to Scout. What he says shows here.'; color: var(--cz-muted); font-size: 15px; }
.kal.casino .is-voice .vz-cardview { background: linear-gradient(160deg, #0d0918, #05040a); z-index: 1; }

/* SPORTS / CRYPTO neon toggles (10/2): big tap targets, aria-pressed, visible focus; neither pressed = ALL */
.kal.casino .is-voice .vz-lanes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.kal.casino .is-voice .vz-lane { min-height: 64px; border-radius: 16px; cursor: pointer; background: rgba(5,4,10,.85);
  font: 900 22px/1 system-ui, sans-serif; letter-spacing: .12em; transition: box-shadow .2s, background .2s, color .2s; }
.kal.casino .is-voice .vz-lane-sports { color: #fde68a; border: 2px solid rgba(246,196,83,.6); text-shadow: 0 0 8px rgba(246,196,83,.6); }
.kal.casino .is-voice .vz-lane-crypto { color: #a5f3fc; border: 2px solid rgba(34,211,238,.55); text-shadow: 0 0 8px rgba(34,211,238,.6); }
.kal.casino .is-voice .vz-lane-sports[aria-pressed="true"] { background: rgba(246,196,83,.16); border-color: #f6c453;
  box-shadow: 0 0 22px rgba(246,196,83,.55), inset 0 0 18px rgba(246,196,83,.25); }
.kal.casino .is-voice .vz-lane-crypto[aria-pressed="true"] { background: linear-gradient(135deg, rgba(34,211,238,.16), rgba(168,85,247,.2));
  border-color: #22d3ee; box-shadow: 0 0 22px rgba(34,211,238,.5), 0 0 30px rgba(168,85,247,.35), inset 0 0 18px rgba(34,211,238,.2); }
.kal.casino .is-voice .vz-lane:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.kal.casino .is-voice .vz-lane-note { text-align: center; font-size: 12.5px; color: var(--cz-muted); letter-spacing: .04em; }
.kal.casino #scout-stage .vz-follow[hidden] { display: none !important; }
.kal.casino .is-voice .vz-crypto-top { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.kal.casino .is-voice .vz-chg { font: 700 16px ui-monospace, monospace; }
.kal.casino .is-voice .up { color: #34d399; }
.kal.casino .is-voice .down { color: #fb7185; }
.kal.casino .is-voice .vz-ladder { width: 100%; border-collapse: collapse; font-size: 14px; }
.kal.casino .is-voice .vz-ladder th { text-align: left; font-size: 12px; color: var(--cz-muted); font-weight: 600; padding: 4px 8px; }
.kal.casino .is-voice .vz-ladder td { padding: 6px 8px; border-top: 1px solid rgba(255,255,255,.06); font-family: ui-monospace, monospace; }
.kal.casino .is-voice .vz-ladder td:first-child { font-family: inherit; }
@media (prefers-reduced-motion: reduce) { .kal.casino .is-voice .vz-lane { transition: none; } }
@media (forced-colors: active) {
  .kal.casino .is-voice .vz-lane { border: 2px solid ButtonText; color: ButtonText; text-shadow: none; }
  .kal.casino .is-voice .vz-lane[aria-pressed="true"] { forced-color-adjust: none; background: Highlight; color: HighlightText; }
}
.kal.casino .is-voice.lane-crypto .ss-board-live { display: none !important; }