[data-bet-tone]{--bt:var(--border);--bt-ink:var(--text-muted);--bt-on:0}[data-bet-tone=win],[data-bet-tone=halfWin]{--bt:var(--success);--bt-ink:var(--success-ink,var(--success));--bt-on:1}[data-bet-tone=loss],[data-bet-tone=halfLoss]{--bt:var(--danger);--bt-ink:var(--danger-ink,var(--danger));--bt-on:1}[data-bet-tone=rejected]{--bt:color-mix(in oklab, var(--text-muted) 45%, var(--surface));--bt-ink:var(--text-muted);--bt-on:1}[data-bet-tone=void]{--bt:var(--warning);--bt-ink:var(--warning-ink,var(--warning));--bt-on:1}[data-bet-tone=cashout]{--bt:var(--primary);--bt-ink:var(--primary-on-tint,var(--primary));--bt-on:1}[data-bet-tone=halfWin],[data-bet-tone=halfLoss]{--bt-bar:linear-gradient(var(--bt-bar-dir,to bottom), var(--bt) 0 50%, color-mix(in oklab, var(--bt) 28%, transparent) 50% 100%)}.bt-card{position:relative}.bt-card[data-bet-tone]:not([data-bet-tone=open]):not([data-bet-tone=pending]){border-color:color-mix(in oklab, var(--bt) 42%, var(--border));background:linear-gradient(to bottom, color-mix(in oklab, var(--bt) 9%, var(--surface)), color-mix(in oklab, var(--bt) 3%, var(--surface)) 70%, var(--surface))}.bt-card[data-bet-tone]:not([data-bet-tone=open]):not([data-bet-tone=pending]):hover{border-color:color-mix(in oklab, var(--bt) 60%, var(--border))}.bt-card[data-bet-tone]:not([data-bet-tone=open]):not([data-bet-tone=pending]):before{content:"";inset-inline-start:0;background:var(--bt-bar,var(--bt));pointer-events:none;border-start-end-radius:4px;border-end-end-radius:4px;width:4px;position:absolute;top:14px;bottom:14px}.bt-card[data-bet-tone=rejected]>:not([data-acc]){opacity:.58}.bt-card-c{--bt-bar-dir:to right;position:relative}html[dir=rtl] .bt-card-c{--bt-bar-dir:to left}.bt-card-c .bt-head{background:color-mix(in oklab, var(--bt) calc(var(--bt-on) * 16%), var(--surface));border-bottom:1px solid color-mix(in oklab, var(--bt) calc(var(--bt-on) * 28%), var(--border))}.bt-card-c[data-bet-tone=open] .bt-head,.bt-card-c[data-bet-tone=pending] .bt-head{background:color-mix(in oklab, var(--surface) 55%, var(--surface-2))}.bt-card-c[data-bet-tone=halfWin] .bt-head,.bt-card-c[data-bet-tone=halfLoss] .bt-head{background:linear-gradient(var(--bt-bar-dir), color-mix(in oklab, var(--bt) 18%, var(--surface)) 0 50%, color-mix(in oklab, var(--bt) 5%, var(--surface)) 50% 100%)}.bt-card-c[data-bet-tone=rejected]>:not([data-acc]){opacity:.58}.bt-leg-c+.bt-leg-c{border-top:1px solid color-mix(in oklab, var(--border) 60%, transparent)}.bt-leg-c .bt-dot{background:var(--bt);box-shadow:0 0 0 3px color-mix(in oklab, var(--bt) calc(var(--bt-on) * 22%), transparent)}.bt-leg-c[data-bet-tone=open] .bt-dot{background:color-mix(in oklab, var(--text-muted) 45%, transparent);box-shadow:none}.bt-leg-c[data-bet-tone=halfWin] .bt-dot,.bt-leg-c[data-bet-tone=halfLoss] .bt-dot{background:linear-gradient(to bottom, var(--bt) 0 50%, color-mix(in oklab, var(--bt) 25%, transparent) 50% 100%)}.bt-leg-c .bt-odds{border-color:color-mix(in oklab, var(--bt) calc(var(--bt-on) * 45%), var(--border));background:color-mix(in oklab, var(--bt) calc(var(--bt-on) * 10%), var(--surface));color:var(--text)}.bt-card.bt-card-c[data-bet-tone]{--bt-bar-dir:to bottom}.bt-card.bt-card-c[data-bet-tone]:not([data-bet-tone=open]):not([data-bet-tone=pending]) .bt-head{background:0 0}.bt-tray{background:color-mix(in oklab, var(--surface) 70%, var(--surface-2));border:1px solid color-mix(in oklab, var(--border) 70%, transparent)}.bt-tray>span+span{border-inline-start:1px solid color-mix(in oklab, var(--border) 70%, transparent)}.bt-stat{background:color-mix(in oklab, var(--bt) calc(var(--bt-on) * 14%), var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--bt) calc(var(--bt-on) * 32%), transparent)}.bt-stat .bt-stat__v{color:var(--bt-ink)}.bt-stat[data-bet-tone=open]{background:color-mix(in oklab, var(--primary) 12%, var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--primary) 30%, transparent)}.bt-stat[data-bet-tone=open] .bt-stat__v{color:var(--primary-on-tint,var(--primary))}.bt-stat[data-bet-tone=pending]{background:color-mix(in oklab, var(--accent-2) 12%, var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent-2) 30%, transparent)}.bt-stat[data-bet-tone=pending] .bt-stat__v{color:var(--accent-2-on-tint,var(--accent-2))}.bt-leg{background:color-mix(in oklab, var(--bt) calc(var(--bt-on) * 8%), transparent);border-radius:10px;padding-block:6px;padding-inline:12px 8px;transition:background-color .3s;position:relative}.bt-leg:before{content:"";inset-inline-start:0;background:var(--bt-bar,var(--bt));border-radius:999px;width:3px;position:absolute;top:6px;bottom:6px}.bt-leg[data-bet-tone=open]:before{background:color-mix(in oklab, var(--text-muted) 45%, transparent)}.bt-pill{white-space:nowrap;border:1px solid color-mix(in oklab, var(--bt) calc(var(--bt-on) * 38%), var(--border));background:color-mix(in oklab, var(--bt) calc(var(--bt-on) * 15%), transparent);color:var(--bt-ink);border-radius:999px;align-items:center;gap:3px;font-weight:900;display:inline-flex}.bt-pill[data-bet-tone=open]{border-color:color-mix(in oklab, var(--primary) 35%, transparent);background:color-mix(in oklab, var(--primary) 14%, transparent);color:var(--primary-on-tint,var(--primary))}.bt-pill[data-bet-tone=pending]{border-color:color-mix(in oklab, var(--accent-2) 35%, transparent);background:color-mix(in oklab, var(--accent-2) 14%, transparent);color:var(--accent-2-on-tint,var(--accent-2))}.bt-pill__half{font-size:1.15em;font-weight:900;line-height:1}