.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:#ef4444!important}.event-live-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#ef4444;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}}