.sports-sidebar{width:240px;min-height:0;overflow-y:auto;overflow-x:hidden;flex-shrink:0;scrollbar-gutter:stable both-edges;position:sticky;top:var(--sports-sidebar-top, 60px);max-height:calc(100dvh - var(--sports-sidebar-top, 60px));scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sports-sidebar::-webkit-scrollbar{width:3px}.sports-sidebar::-webkit-scrollbar-track{background:transparent}.sports-sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.sports-sidebar::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.sports-sidebar-nav{display:flex;flex-direction:column;padding:0}.sports-sidebar-search{padding:8px .375rem .5rem}.sports-sidebar-search input{width:100%;height:1.75rem;padding:0 .5rem 0 1.75rem;border:none;border-radius:6px;background:transparent;color:hsl(var(--foreground));font-size:.8125rem;outline:none;transition:background .15s}.sports-sidebar-search input::-moz-placeholder{color:hsl(var(--muted-foreground))}.sports-sidebar-search input::placeholder{color:hsl(var(--muted-foreground))}.sports-sidebar-search input:hover{background:hsl(var(--muted-foreground) / .06)}.sports-sidebar-search input:focus{background:hsl(var(--muted-foreground) / .08)}.sports-sidebar-search-wrap{position:relative}.sports-sidebar-search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:hsl(var(--muted-foreground));pointer-events:none}.sports-league-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:none;cursor:pointer;transition:background .15s ease;color:hsl(var(--foreground));width:100%;text-align:left;font-size:.8125rem;font-weight:500;border-radius:6px;box-sizing:border-box}.sports-league-item:hover{background:hsl(var(--muted-foreground) / .08)}.sports-league-item.active{color:var(--accent);font-weight:600}.sports-league-item.active .sports-league-name{font-weight:600;color:var(--accent)}.sports-league-item.active .sports-sport-total{color:var(--muted-foreground)!important;font-weight:400}.sports-league-name{flex:1;font-weight:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sports-league-count{font-size:.8125rem;color:hsl(var(--muted-foreground));font-weight:500}.sports-sport-total{color:var(--muted-foreground)!important;font-weight:400}.sports-category{display:flex;flex-direction:column}.sports-category-arrow{width:16px;height:16px;color:var(--muted-foreground)!important;transition:transform .2s ease;flex-shrink:0;margin-left:auto}.sports-category-arrow.expanded{transform:rotate(90deg)}.sports-subcategories{display:flex;flex-direction:column;padding-left:.75rem;overflow:hidden;transition:max-height .25s ease,opacity .2s ease}.sports-subcategories .sports-league-item{font-size:.8125rem}.sidebar-live-radio .radio-arc{opacity:.4}.sidebar-live-radio--active .radio-arc--inner{animation:radioArcPulse 1.5s ease-in-out infinite}.sidebar-live-radio--active .radio-arc--outer{animation:radioArcPulse 1.5s ease-in-out .3s infinite}@keyframes radioArcPulse{0%,to{opacity:.3}50%{opacity:1}}@media (max-width: 768px){.sports-sidebar{width:100%;height:auto;position:relative;top:0;border-bottom:1px solid hsl(var(--border));border-radius:0;max-height:250px;overflow-y:auto;flex-shrink:0}}.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--yes{border-color:var(--success)}.bet-button--no .percentage-fill,.bet-button--no .percentage-fill--danger{background:var(--danger)}.bet-button--no{border-color: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}}
