.sports-match-card-wrapper{position:relative}.sports-match-card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:.625rem .75rem;margin-bottom:0;transition:all .2s ease;height:172px;display:flex;flex-direction:column}.sports-match-goal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.375rem;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10;background:linear-gradient(135deg,#eab30840,#ea580c33);animation:sports-goal-flash 2.2s ease-out forwards}.sports-match-goal-text{font-size:1.75rem;font-weight:900;letter-spacing:.2em;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.8),0 2px 4px rgba(0,0,0,.5);animation:sports-goal-pop 2s ease-out forwards}@keyframes sports-goal-flash{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes sports-goal-pop{0%{transform:scale(.3);opacity:0}20%{transform:scale(1.35);opacity:1}30%{transform:scale(1)}70%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.sports-match-card:hover{border-color:var(--accent);transform:translateY(-1px)}@media (min-width: 768px){.sports-match-card-selected{border-color:var(--accent);background:var(--card)}}.sports-match-content{display:flex;align-items:center;gap:1rem;width:100%}.sports-match-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem;cursor:pointer}.sports-match-time-info{display:flex;flex-direction:column;gap:.1rem}.sports-match-time-value{font-size:.7rem;font-weight:600;color:var(--text-primary);line-height:1.2}.sports-match-live-badge{color:var(--destructive)!important}.sports-match-live-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background-color:var(--destructive);flex-shrink:0}.sports-match-volume{font-size:.6rem;color:var(--text-secondary);line-height:1.2}.sports-match-teams{display:flex;align-items:center;gap:.375rem;flex-wrap:nowrap;min-width:0}.sports-match-teams--tennis{flex-direction:column;align-items:stretch;gap:.25rem}.sports-team{display:flex;align-items:center;gap:.375rem}.sports-team-logo{height:32px;width:auto;max-width:48px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;padding:2px}.sports-team-info{display:flex;flex-direction:column;gap:.125rem}.sports-team-name{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;line-height:1.2}.sports-match-vs{font-size:.65rem;font-weight:600;color:var(--text-secondary);padding:0 .375rem;flex-shrink:0}.sports-match-outcomes{display:flex;align-items:center;gap:.375rem;flex-shrink:0;flex-wrap:nowrap}.sports-bet-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .75rem;min-width:72px;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:.5rem;cursor:pointer;transition:border-color .15s ease,transform .15s ease;flex-shrink:0}.sports-bet-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.sports-bet-btn--team1{background:color-mix(in srgb,var(--destructive) 10%,transparent);border-color:color-mix(in srgb,var(--destructive) 30%,transparent)}.sports-bet-btn--team2{background:#3b82f61a;border-color:#3b82f64d}.sports-bet-label{font-size:.6rem;font-weight:700;color:var(--text-secondary);letter-spacing:.07em;line-height:1;white-space:nowrap;text-transform:uppercase}.sports-bet-odds{font-size:.9rem;font-weight:700;color:var(--text-primary);line-height:1;white-space:nowrap}.sports-bet-btn--team1 .sports-bet-odds{color:#ef4444}.sports-bet-btn--team2 .sports-bet-odds{color:#3b82f6}@media (min-width: 768px){.sports-bet-btn{min-width:80px;padding:.55rem .875rem}.sports-bet-label{font-size:.65rem}.sports-bet-odds{font-size:.95rem}}@media (max-width: 768px){.sports-bet-btn{min-width:56px;padding:.4rem .5rem}.sports-bet-odds{font-size:.8rem}}.sports-outcome-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-width:48px;padding:.35rem .45rem;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:.375rem;cursor:pointer;transition:all .2s ease;text-align:center;flex-shrink:0}@media (min-width: 768px){.sports-outcome-btn{min-width:65px;padding:.45rem .6rem}}.sports-outcome-btn:hover:not(:disabled){background:var(--bg-surface-soft);border-color:var(--accent);transform:translateY(-1px)}.sports-outcome-btn:disabled,.sports-outcome-btn-disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface-muted);border-color:var(--border-subtle)}.sports-outcome-btn:disabled:hover,.sports-outcome-btn-disabled:hover{transform:none}.sports-outcome-label{font-size:.6rem;font-weight:500;color:var(--text-primary);white-space:nowrap;line-height:1.1}.sports-outcome-odds{font-size:.8rem;font-weight:700;color:var(--accent);line-height:1.1}.sports-outcome-percentage{font-size:.55rem;color:var(--text-secondary);line-height:1.1}@media (min-width: 768px){.sports-outcome-label{font-size:.65rem}.sports-outcome-odds{font-size:.9rem}.sports-outcome-percentage{font-size:.6rem}}.sports-game-view-btn{padding:.35rem .45rem;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:.375rem;font-size:.6rem;font-weight:500;color:var(--accent);cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-left:.375rem;flex-shrink:0}@media (min-width: 768px){.sports-game-view-btn{padding:.45rem .6rem;font-size:.7rem}}.sports-game-view-btn:hover{background:var(--bg-surface-soft);border-color:var(--accent);transform:translateY(-1px)}@media (max-width: 768px){.sports-match-card{padding:.5rem .625rem}.sports-match-content{flex-direction:row;align-items:center;gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.sports-match-info{flex:1;min-width:0;gap:.3rem}.sports-match-teams{flex-direction:column;align-items:stretch;gap:.25rem}.sports-match-vs{display:none}.sports-team{flex-direction:row;align-items:center;justify-content:center;width:100%;gap:.5rem}.sports-team-logo{height:24px;max-width:32px}.sports-team-name{font-size:.7rem}.sports-team-name-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.sports-match-outcomes{flex-shrink:0;overflow-x:visible;gap:.3rem}.sports-outcome-btn{min-width:45px;padding:.3rem .4rem;flex-shrink:0}.sports-game-view-btn{flex-shrink:0;padding:.3rem .4rem;font-size:.55rem;margin-left:.3rem}}.event-card-wrapper{position:relative}.event-card{position:relative;background-color:var(--bg-surface-muted);border-radius:.375rem;padding:.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-subtle);cursor:pointer;animation:fadeInUp .5s ease-out;height:100%;display:flex;flex-direction:column}.event-card-goal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:.375rem;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10;background:linear-gradient(135deg,#eab30840,#ea580c33);animation:event-goal-flash 2.2s ease-out forwards}.event-card-goal-text{font-size:1.75rem;font-weight:900;letter-spacing:.2em;color:#fbbf24;text-shadow:0 0 20px rgba(251,191,36,.8),0 2px 4px rgba(0,0,0,.5);animation:event-goal-pop 2s ease-out forwards}@keyframes event-goal-flash{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes event-goal-pop{0%{transform:scale(.3);opacity:0}20%{transform:scale(1.35);opacity:1}30%{transform:scale(1)}70%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:0}}.event-card.is-game{border-radius:.375rem;background-color:var(--bg-surface-muted);border-width:1px;border-color:var(--border-subtle)}.event-card:hover{transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.event-header-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.event-header-actions{display:flex;align-items:center;gap:.25rem;flex:1;min-width:0}.event-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:.375rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary);flex-shrink:0}.event-action-btn:hover{background:var(--bg-surface-soft);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.event-action-btn:active{transform:translateY(0)}.event-action-btn svg{width:16px;height:16px}.event-image-placeholder{width:36px;height:36px;background:var(--bg-surface-muted);border-radius:.375rem;border:1px solid var(--border-subtle);transition:all .3s ease;flex-shrink:0}.event-image{height:36px;width:auto;max-width:56px;border-radius:.375rem;border:1px solid var(--border-subtle);-o-object-fit:contain;object-fit:contain;padding:3px;transition:all .3s ease;flex-shrink:0}.event-card.is-game .event-image{border:none}.event-image-square{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:.375rem;background:var(--bg-surface-soft);border:1px solid var(--border-subtle);flex-shrink:0;overflow:hidden;position:relative;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.event-image-square-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.event-image-square-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;width:100%;height:100%}.event-image-square:has(.event-image-square-img[style*="display: none"]) .event-image-square-placeholder,.event-image-square:not(:has(.event-image-square-img)) .event-image-square-placeholder{display:flex}.event-card.is-game .event-image-square{border:none}.event-vs-images{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.event-vs-image{height:36px;width:auto;max-width:56px;border-radius:.75rem;border:1px solid var(--border-subtle);-o-object-fit:contain;object-fit:contain;padding:3px;transition:all .3s ease}.event-card.is-game .event-vs-image{border:none}.event-vs-container{display:flex;flex-direction:column;align-items:center;gap:.125rem}.event-vs-date{font-size:.55rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.event-vs-text{font-size:.6rem;font-weight:700;color:var(--text-secondary);padding:0 .125rem;letter-spacing:.5px}.event-card:hover .event-image-placeholder,.event-card:hover .event-image,.event-card:hover .event-image-square,.event-card:hover .event-vs-image{border-color:var(--border-subtle)}.event-card.is-game:hover .event-image,.event-card.is-game:hover .event-image-square,.event-card.is-game:hover .event-vs-image{border:none}.event-status{display:flex;align-items:center;gap:.375rem}.status-text{font-size:.65rem;font-weight:600;letter-spacing:.5px}.event-title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.52rem}.event-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.event-live-badge{color:var(--destructive)!important}.event-live-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background-color:var(--destructive);flex-shrink:0}.event-time{display:flex;align-items:center;gap:.375rem;color:var(--text-secondary);font-size:.75rem;padding:.375rem;background:var(--bg-surface-muted);border-radius:.375rem}.time-icon{display:flex;align-items:center;flex-shrink:0}.total-pool-badge{display:flex;align-items:center;gap:.375rem;background:linear-gradient(135deg,color-mix(in oklch,var(--success) 10%,transparent),color-mix(in oklch,var(--chart-2) 10%,transparent));padding:.375rem .625rem;border-radius:.375rem;border:1px solid color-mix(in oklch,var(--success) 20%,transparent);transition:all .3s ease;animation:pulse-glow 3s ease-in-out infinite}.total-pool-badge:hover{transform:scale(1.05)}@keyframes pulse-glow{}.pool-icon{width:1rem;height:1rem;flex-shrink:0;color:var(--success);animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pool-info{display:flex;flex-direction:column;gap:.25rem}.pool-label{color:var(--text-secondary);font-weight:600;font-size:.6rem;text-transform:uppercase;letter-spacing:.5px}.pool-value{color:var(--success);font-weight:700;font-size:.8rem}.event-options{display:flex;gap:.5rem;flex-wrap:wrap}.event-card .event-options{display:flex;flex-direction:column;gap:.5rem}.event-card .event-options>div{width:100%}.bet-button-inline{min-width:0;width:auto;flex:0 0 auto;min-width:50px;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.25rem .5rem;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-weight:600;position:relative;overflow:hidden;color:var(--text-primary)}.bet-button-inline:hover{background:var(--bg-surface-soft);border-color:var(--accent);transform:translateY(-1px)}.bet-button-inline:active{transform:translateY(0)}.bet-label-inline{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);line-height:1}.bet-stats-inline{display:flex;align-items:center;justify-content:center;gap:.15rem;width:100%}.bet-percentage-inline{font-size:.65rem;font-weight:700;color:var(--text-primary);line-height:1}.percentage-bar-inline{width:100%;height:2px;background:var(--bg-surface-soft);border-radius:.375rem;overflow:hidden;position:relative}.percentage-fill-inline{height:100%;border-radius:.375rem;transition:width .3s ease}.bet-button-inline--yes .percentage-fill-inline,.bet-button-inline--yes .percentage-fill-inline--success{background:var(--success)}.bet-button-inline--no .percentage-fill-inline,.bet-button-inline--no .percentage-fill-inline--danger{background:var(--danger)}.bet-button-inline--yes{border-color:var(--success)}.bet-button-inline--no{border-color:var(--danger)}.bet-button-market{min-width:0;width:auto;flex:0 0 auto;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-weight:600;position:relative;overflow:hidden;color:var(--text-primary)}.market-details-container{overflow:hidden;animation:slideDown .3s ease-out}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:2000px;opacity:1;transform:translateY(0)}}.mobile-outcome-buttons{width:100%}.mobile-outcome-buttons .bet-button-market--full,.bet-button-market.bet-button-market--full{flex:1 1 0!important;min-width:0!important;width:100%!important;max-width:none}.yes-no-market-wrap{width:100%}.yes-no-market-wrap .bet-button-market{flex:1 1 0;min-width:0;width:100%}.bet-button-market:hover{background:var(--bg-surface-soft);border-color:var(--accent);transform:translateY(-1px)}.bet-button-market:active{transform:translateY(0)}.bet-label-market{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);line-height:1}.bet-stats-market{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}.bet-percentage-market{font-size:.8rem;font-weight:700;color:var(--text-primary);line-height:1}.percentage-bar-market{width:100%;min-width:80px;height:3px;background:var(--bg-surface-soft);border-radius:.375rem;overflow:hidden;position:relative}.percentage-fill-market{height:100%;border-radius:.375rem;transition:width .3s ease}.bet-button{flex:1;min-width:70px;display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .375rem;background:linear-gradient(135deg,var(--bg-surface-muted) 0%,var(--bg-surface-soft) 100%);border:1.5px solid var(--border-subtle);border-radius:.375rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;position:relative;overflow:hidden;color:var(--text-primary)}.bet-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--foreground) 10%,transparent),transparent);transition:left .5s ease}.bet-button:hover:before{left:100%}@media (max-width: 768px){.bet-button{min-width:50px;width:50px;height:50px;aspect-ratio:1;padding:.3rem .2rem .4rem;gap:.1rem;border-radius:.375rem;justify-content:flex-start}.bet-label{font-size:.55rem;line-height:1;flex-shrink:0}.bet-stats{gap:0;flex-shrink:0}.bet-percentage{font-size:.65rem;line-height:1}.percentage-bar{height:2px;margin-top:auto;width:calc(100% - .4rem);position:absolute;bottom:.25rem;left:.2rem;right:.2rem}}.bet-button:hover{background:linear-gradient(135deg,var(--bg-surface-soft) 0%,color-mix(in oklch,var(--success) 10%,transparent) 100%);border-color:var(--border-subtle);transform:translateY(-2px) scale(1.02)}.bet-button:active{transform:translateY(0) scale(1)}.bet-button-more{opacity:.7;min-width:50px}.bet-button-more:hover{opacity:1;background:var(--bg-surface-soft);border-color:var(--accent)}.bet-label{font-size:.7rem;font-weight:500;color:var(--text-primary)}.bet-stats{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%}.bet-percentage{font-size:1rem;font-weight:700;color:var(--text-primary)}.bet-pool-amount{font-size:.65rem;color:var(--text-secondary);font-weight:600}.percentage-bar{width:100%;height:3px;background:var(--bg-surface-soft);border-radius:.375rem;overflow:hidden;margin-top:auto;flex-shrink:0}.percentage-fill{height:100%;background:var(--accent);border-radius:.375rem;transition:width .8s cubic-bezier(.4,0,.2,1)}.bet-button--yes .percentage-fill,.bet-button--yes .percentage-fill--success{background:var(--success)}.bet-button--no .percentage-fill,.bet-button--no .percentage-fill--danger{background:var(--danger)}.bet-button:not(.bet-button--yes):not(.bet-button--no) .percentage-fill{background:var(--accent)}.bet-increase{animation:poolIncrease 1s ease-out;background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%)!important}.bet-decrease{animation:poolDecrease 1s ease-out;background:linear-gradient(135deg,var(--danger) 0%,var(--danger-dark) 100%)!important}.pool-increase{animation:poolIncrease 1s ease-out;border-color:var(--success)!important;background:linear-gradient(135deg,var(--success-light) 0%,var(--success-light) 100%)!important}.pool-decrease{animation:poolDecrease 1s ease-out;border-color:var(--danger)!important;background:linear-gradient(135deg,var(--danger-light) 0%,var(--danger-light) 100%)!important}@keyframes poolIncrease{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes poolDecrease{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}@media (max-width: 768px){.event-card{padding:1.25rem}.event-options{flex-wrap:nowrap}}.bet-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-card);padding:2rem;position:sticky;top:var(--header-height, 4rem);max-height:calc(100vh - var(--header-height, 4rem) - 1rem);overflow-y:auto;z-index:10;animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.bet-panel-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.total-pool-display{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--success) 15%,transparent),color-mix(in srgb,var(--success-dark) 15%,transparent));padding:1.5rem;border-radius:var(--radius-card);margin-bottom:2rem;border:2px solid color-mix(in srgb,var(--success) 30%,transparent);animation:pulse-border 3s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:color-mix(in srgb,var(--success) 30%,transparent)}50%{border-color:color-mix(in srgb,var(--success) 60%,transparent)}}.pool-icon-large{font-size:2.5rem;animation:rotate-scale 4s ease-in-out infinite}@keyframes rotate-scale{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.pool-details{display:flex;flex-direction:column;gap:.25rem}.pool-title{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.pool-amount-large{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bet-options{display:flex;flex-direction:row;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.bet-option-btn{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem;background:var(--bg-surface-muted);border:2px solid transparent;border-radius:var(--radius-card);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.95rem;position:relative;overflow:hidden}.bet-option-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--success) 10%,transparent),transparent);transition:left .5s ease}.bet-option-btn:hover:before{left:100%}.bet-option-btn:hover{background:var(--bg-surface-soft);border-color:var(--border-subtle);transform:translateY(-3px) scale(1.02)}.bet-option-btn.selected{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%);color:var(--success-foreground);border-color:var(--success);transform:scale(1.05);animation:select-bounce .3s ease-out}@keyframes select-bounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}.option-label{font-weight:700;font-size:.95rem;text-align:center}.option-stats{display:flex;flex-direction:column;align-items:center;gap:.25rem}.option-percentage{font-weight:800;font-size:1.5rem}.option-pool{font-weight:600;font-size:.85rem;opacity:.9}.option-bar{width:100%;height:4px;background:color-mix(in oklch,var(--foreground) 20%,transparent);border-radius:var(--radius-card);overflow:hidden;margin-top:.25rem}.bet-option-btn:not(.selected) .option-bar{background:color-mix(in oklch,var(--foreground) 10%,transparent)}.option-bar-fill{height:100%;background:#fff;border-radius:var(--radius-card);transition:width .8s cubic-bezier(.4,0,.2,1)}.bet-option-btn:not(.selected) .option-bar-fill{background:linear-gradient(135deg,var(--success) 0%,var(--success-dark) 100%)}.bet-amount-section{margin-bottom:2rem}.bet-amount-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem}.bet-amount-input-wrapper{position:relative;margin-bottom:1rem}.bet-amount-input{width:100%;padding:1rem 3rem 1rem 1rem;border:2px solid var(--border-subtle);border-radius:var(--radius-card);font-size:1.25rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1)}.bet-amount-input:focus{outline:none;border-color:var(--accent);transform:scale(1.02)}.bet-amount-currency{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-weight:600;color:var(--text-secondary)}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.quick-amount-btn{padding:.75rem;background:var(--bg-surface-muted);border:2px solid transparent;border-radius:var(--radius-card);cursor:pointer;font-weight:600;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-amount-btn:hover{background:var(--bg-surface-soft);border-color:var(--accent);color:var(--accent);transform:translateY(-2px) scale(1.05)}.quick-amount-btn:active{transform:translateY(0) scale(1)}.bet-summary{background:var(--bg-surface-muted);border-radius:var(--radius-card);padding:1.5rem;margin-bottom:1.5rem;border:2px solid var(--border-subtle);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:var(--text-secondary);font-size:.95rem}.summary-value{font-weight:600;color:var(--text-primary)}.summary-value.win{color:var(--accent);font-size:1.1rem}.profit-row{margin-top:.75rem;padding-top:.75rem;border-top:2px solid var(--border-subtle)}.summary-value.profit{color:var(--success);font-size:1.25rem;font-weight:700}.place-bet-btn{width:100%;padding:1.25rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-alt) 100%);color:#fff;border:none;border-radius:var(--radius-card);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.place-bet-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:var(--radius-card);background:color-mix(in oklch,var(--foreground) 20%,transparent);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.place-bet-btn:hover:not(:disabled):before{width:300px;height:300px}.place-bet-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02)}.place-bet-btn:active:not(:disabled){transform:translateY(-1px) scale(1);transition:all .1s ease}.place-bet-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.place-bet-btn.success-animate{animation:place-bet-pop .25s ease-out,place-bet-glow 1s ease-out}@keyframes place-bet-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes place-bet-glow{}.slider-thumb::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:var(--radius-card);background:var(--accent);cursor:pointer;border:2px solid white;-webkit-transition:all .2s ease;transition:all .2s ease}.slider-thumb::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-thumb::-moz-range-thumb{width:18px;height:18px;border-radius:var(--radius-card);background:var(--accent);cursor:pointer;border:2px solid white;-moz-transition:all .2s ease;transition:all .2s ease}.slider-thumb::-moz-range-thumb:hover{transform:scale(1.1)}.slider-thumb:disabled{opacity:.5;cursor:not-allowed}.slider-thumb:disabled::-webkit-slider-thumb{cursor:not-allowed}.slider-thumb:disabled::-moz-range-thumb{cursor:not-allowed}@media (max-width: 1024px){.bet-panel{position:static}}.bet-button--yes{border-color:var(--success)}.bet-button--yes.bet-button--selected{border-color:var(--success);background-color:var(--success-light)}.bet-button--no{border-color:var(--danger)}.bet-button--no.bet-button--selected{border-color:var(--danger);background-color:var(--danger-light)}.bet-label--success{color:var(--success)}.bet-label--danger{color:var(--danger)}.percentage-fill--success{background-color:var(--success)}.percentage-fill--danger{background-color:var(--danger)}.bet-outcome-trading-btn{display:flex;align-items:center;justify-content:center;min-height:3rem;width:100%;border:2px solid transparent;border-radius:var(--radius-lg);box-shadow:none;cursor:pointer;transition:background-color .15s ease,color .15s ease}.bet-outcome-trading-btn:focus-visible{outline:none}.bet-outcome-trading-btn:disabled{cursor:not-allowed;opacity:.5}.bet-outcome-trading-btn--idle{background:var(--muted);color:var(--muted-foreground)}.bet-outcome-trading-btn--idle:hover:not(:disabled){background:color-mix(in oklch,var(--muted) 85%,var(--foreground))}.bet-outcome-trading-btn--yes-checked{background:var(--success);color:var(--success-foreground)}.bet-outcome-trading-btn--yes-checked:hover:not(:disabled){filter:brightness(1.03)}.bet-outcome-trading-btn--no-checked{background:var(--destructive);color:var(--destructive-foreground)}.bet-outcome-trading-btn--no-checked:hover:not(:disabled){filter:brightness(1.03)}
