@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--bs-bg:#070d15;--bs-surface:#0d1520;--bs-border:#ffffff1a;--bs-border-hi:#ffffff2e;--bs-green:#4d7;--bs-green-hi:#6cff98;--bs-green-ink:#053417;--bs-red:#f35;--bs-red-dim:#ff335526;--bs-fg1:#f5f7fa;--bs-fg2:#a8b1bf;--bs-fg3:#6b7384;--bs-font-display:"Barlow Condensed", "Oswald", "Impact", sans-serif;--bs-font-mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace;--bs-ease:cubic-bezier(.22, 1, .36, 1)}.bet-slip-rail{flex-shrink:0;width:280px;position:sticky;top:80px}.bet-slip-toast{z-index:9000;width:300px;transition:transform .3s var(--bs-ease), opacity .3s var(--bs-ease);position:fixed;bottom:24px;right:24px}.bet-slip-toast.collapsed .bet-slip-body,.bet-slip-toast.collapsed .bet-slip-footer{display:none}.bet-slip-toast.collapsed .bet-slip-panel{cursor:pointer}.bet-slip-panel{background:var(--bs-bg);border:1px solid var(--bs-border);border-radius:12px;overflow:hidden;box-shadow:0 24px 48px -8px #0009,inset 0 0 0 1px #44dd770f}.bet-slip-header{border-bottom:1px solid var(--bs-border);font-family:var(--bs-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--bs-fg1);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 14px 10px;font-size:14px;font-weight:700;display:flex}.bet-slip-header>span{align-items:center;gap:7px;display:flex}.pick-count{background:var(--bs-green);width:18px;height:18px;color:var(--bs-green-ink);font-family:var(--bs-font-mono);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.bet-slip-body{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent;max-height:300px;overflow-y:auto}.bet-slip-body::-webkit-scrollbar{width:4px}.bet-slip-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.bet-slip-pick{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:9px 14px;transition:background .15s;display:flex}.bet-slip-pick:hover{background:#ffffff08}.bet-slip-pick-info{flex:1;min-width:0}.bet-slip-pick-player{color:var(--bs-fg1);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.bet-slip-pick-detail{font-family:var(--bs-font-mono);color:var(--bs-fg3);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:10px}.bet-slip-pick-odds{font-family:var(--bs-font-mono);color:var(--bs-green);flex-shrink:0;font-size:11px;font-weight:700}.bet-slip-pick-remove{width:18px;height:18px;color:var(--bs-fg3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:background .15s,color .15s;display:flex}.bet-slip-pick-remove:hover{background:var(--bs-red-dim);color:var(--bs-red)}.bet-slip-empty{text-align:center;color:var(--bs-fg3);padding:28px 16px;font-size:11px;line-height:1.5}.bet-slip-footer{border-top:1px solid var(--bs-border);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.bet-slip-chips{gap:5px;display:flex}.bet-slip-chip{border:1px solid var(--bs-border-hi);color:var(--bs-fg2);font-family:var(--bs-font-mono);cursor:pointer;text-align:center;background:#ffffff0a;border-radius:5px;flex:1;padding:5px 0;font-size:10px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.bet-slip-chip:hover{color:var(--bs-green);background:#44dd771a;border-color:#4d76}.bet-slip-stake-row{align-items:center;display:flex}.bet-slip-stake-input{border:1px solid var(--bs-border-hi);width:100%;color:var(--bs-fg1);font-family:var(--bs-font-mono);-moz-appearance:textfield;background:#ffffff0a;border-radius:6px;outline:none;padding:7px 10px;font-size:12px;transition:border-color .15s,box-shadow .15s}.bet-slip-stake-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bet-slip-stake-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bet-slip-stake-input::placeholder{color:var(--bs-fg3)}.bet-slip-stake-input:focus{border-color:#44dd7780;box-shadow:0 0 0 3px #44dd7714}.bet-slip-payout{border:1px solid color-mix(in srgb, var(--heat-color) calc(18% + var(--heat) * 32%), transparent);background:color-mix(in srgb, var(--heat-color) calc(6% + var(--heat) * 9%), transparent);box-shadow:0 0 calc(var(--heat) * 20px) color-mix(in srgb, var(--heat-color) calc(var(--heat) * 40%), transparent);transition:border-color .45s var(--bs-ease), background .45s var(--bs-ease), box-shadow .45s var(--bs-ease);border-radius:7px;justify-content:space-between;align-items:center;padding:7px 9px;font-size:11px;display:flex;position:relative}.bet-slip-payout.is-hot{animation:1.5s ease-in-out infinite bet-slip-throb}.bet-slip-payout-label{color:var(--bs-fg3);align-items:baseline;gap:6px;display:flex}.bet-slip-payout-mult{font-family:var(--bs-font-mono);color:var(--heat-color);opacity:.85;font-size:10px;font-weight:700}.bet-slip-payout-value{font-family:var(--bs-font-mono);font-weight:700;font-size:calc(12px + var(--heat) * 4px);color:var(--heat-color);text-shadow:0 0 calc(var(--heat) * 16px) color-mix(in srgb, var(--heat-color) 55%, transparent);transition:color .45s var(--bs-ease), font-size .45s var(--bs-ease), text-shadow .45s var(--bs-ease);animation:bet-slip-impact .52s var(--bs-ease)}.bet-slip-payout:after{content:"";pointer-events:none;border-radius:7px;animation:.62s ease-out bet-slip-ring;position:absolute;inset:0}@keyframes bet-slip-impact{0%{transform:scale(1)}24%{transform:scale(calc(1.1 + var(--heat) * .14))}52%{transform:scale(.97)}to{transform:scale(1)}}@keyframes bet-slip-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--heat-color) 70%, transparent);opacity:1}to{box-shadow:0 0 0 calc(10px + var(--heat) * 8px) transparent;opacity:0}}@keyframes bet-slip-throb{0%,to{box-shadow:0 0 10px color-mix(in srgb, var(--heat-color) 35%, transparent)}50%{box-shadow:0 0 26px color-mix(in srgb, var(--heat-color) 70%, transparent)}}.bet-slip-warning{background:var(--bs-red-dim);color:var(--bs-red);border:1px solid #ff335559;border-radius:7px;align-items:flex-start;gap:6px;padding:7px 9px;font-size:10px;line-height:1.4;display:flex}.bet-slip-warning strong{font-family:var(--bs-font-mono);font-weight:700}@media (prefers-reduced-motion:reduce){.bet-slip-payout,.bet-slip-payout:after,.bet-slip-payout-value{animation:none}}.bet-slip-place-btn{background:linear-gradient(135deg, var(--bs-green) 0%, #1e9c4c 100%);width:100%;color:var(--bs-green-ink);font-family:var(--bs-font-display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:none;border-radius:7px;padding:10px 0;font-size:13px;font-weight:800;transition:opacity .2s,box-shadow .2s;box-shadow:0 0 0 1px #44dd774d,0 4px 16px #4d73}.bet-slip-place-btn:hover:not(:disabled){opacity:.9;box-shadow:0 0 0 1px #44dd7780,0 6px 24px #44dd774d}.bet-slip-place-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.bet-toast-stack{z-index:9500;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.bet-toast{background:var(--bs-bg);border:1px solid var(--bs-border-hi);min-width:240px;max-width:340px;color:var(--bs-fg1);pointer-events:auto;animation:bet-toast-in .3s var(--bs-ease);border-radius:10px;align-items:center;gap:10px;padding:11px 12px;font-size:12px;display:flex;box-shadow:0 24px 48px -8px #0009}@keyframes bet-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bet-toast.success{border-color:#44dd7773;box-shadow:0 24px 48px -8px #0009,inset 0 0 0 1px #44dd770f}.bet-toast.error{border-color:#ff335573;box-shadow:0 24px 48px -8px #0009,inset 0 0 0 1px #ff33550f}.bet-toast.pending{border-color:var(--bs-border-hi)}.bet-toast.pending .bet-toast-icon{border:2px solid #ffffff2e;border-top-color:var(--bs-fg1);width:14px;height:14px;margin:3px;animation:.7s linear infinite bet-toast-spin}@keyframes bet-toast-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.bet-toast.pending .bet-toast-icon{animation-duration:2s}}.bet-toast-icon{width:20px;height:20px;font-family:var(--bs-font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:flex}.bet-toast.success .bet-toast-icon{background:var(--bs-green);color:var(--bs-green-ink)}.bet-toast.error .bet-toast-icon{background:var(--bs-red-dim);color:var(--bs-red)}.bet-toast-msg{overflow-wrap:break-word;flex:1;min-width:0;line-height:1.4}.bet-toast-close{width:18px;height:18px;color:var(--bs-fg3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:background .15s,color .15s;display:flex}.bet-toast-close:hover{color:var(--bs-fg1);background:#ffffff0f}
