.sports-ticker{position:fixed;bottom:0;left:0;width:100%;z-index:1000;height:36px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.sports-ticker.dark-theme{background-color:#161616;color:#fff;border-top:1px solid #1E1E1E}.sports-ticker.light-theme{background-color:#f5f6f8;color:#212121;border-top:1px solid rgba(0,0,0,.1)}.ticker-container{width:100%;height:100%;overflow:hidden;position:relative;padding-left:200px}.ticker-wrapper,.ticker-content-container{width:100%;height:100%;overflow:hidden;position:relative}.ticker-content{display:flex;align-items:center;height:100%;white-space:nowrap;padding:0 12px;position:relative;will-change:transform}.ticker-league-container{display:flex;align-items:center;margin-right:12px;gap:8px}.ticker-events-group{display:flex;align-items:center;gap:12px}.ticker-item{display:inline-flex;align-items:center;padding:0 8px;font-size:13px;font-weight:500;gap:6px;height:100%}.ticker-league{display:inline-flex;align-items:center;font-weight:600;gap:4px;margin-right:12px}.ticker-league-logo{height:16px;width:16px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.ticker-league-name{white-space:nowrap}.ticker-team-logo{height:14px;width:14px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.ticker-team-name{white-space:nowrap;font-size:12px;overflow:visible;text-overflow:unset;min-width:auto;flex-shrink:0}.ticker-score{font-weight:600;margin:0 6px;white-space:nowrap;font-size:12px;padding:0 4px;flex-shrink:0}.ticker-vs{margin:0 6px;white-space:nowrap;font-size:12px;flex-shrink:0}.ticker-time{white-space:nowrap;font-size:12px;flex-shrink:0}.ticker-match-time{white-space:nowrap;font-size:11px;color:#ffffffb3;margin-left:4px;flex-shrink:0}.light-theme .ticker-match-time{color:#000000b3}.ticker-live-indicator{white-space:nowrap;font-weight:600;animation:pulse-animation 2s infinite;font-size:12px;flex-shrink:0}.dark-theme .ticker-item-live,.dark-theme .ticker-live-indicator{color:#4caf50}.light-theme .ticker-item-live,.light-theme .ticker-live-indicator{color:#2e7d32}.dark-theme .ticker-icon-goal{color:#4caf50;animation:bounce-animation 1s ease}.dark-theme .ticker-icon-red{color:#f44336;animation:blink-animation 2s ease}.dark-theme .ticker-icon-upcoming{color:#2196f3}.dark-theme .ticker-icon-finished{color:#ffc107}.dark-theme .ticker-icon-live{color:#4caf50}.light-theme .ticker-icon-goal{color:#2e7d32;animation:bounce-animation 1s ease}.light-theme .ticker-icon-red{color:#d32f2f;animation:blink-animation 2s ease}.light-theme .ticker-icon-upcoming{color:#1565c0}.light-theme .ticker-icon-finished{color:#f57f17}.light-theme .ticker-icon-live{color:#2e7d32}.ticker-icon{display:inline-flex;align-items:center;flex-shrink:0}.ticker-text{white-space:nowrap;font-size:12px}.ticker-separator{display:inline-block;margin:0 12px;opacity:.7}.ticker-separator-dot{display:inline-block;margin:0 8px;opacity:.7}.ticker-league-separator{display:inline-block;margin:0 16px;opacity:.5;font-weight:300}.ticker-event-separator{display:inline-block;padding:0 12px;opacity:.5;font-weight:300;height:16px;line-height:16px}.dark-theme .ticker-event-separator{color:#fff3}.light-theme .ticker-event-separator{color:#0003}.dark-theme .ticker-separator,.dark-theme .ticker-separator-dot,.dark-theme .ticker-league-separator{color:#ffffff80}.light-theme .ticker-separator,.light-theme .ticker-separator-dot,.light-theme .ticker-league-separator{color:#00000080}.ticker-spacer{display:inline-block;width:80px}.ticker-event-counter{position:absolute;left:0;top:0;height:100%;width:200px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;z-index:10;border-right:1px solid}.dark-theme .ticker-event-counter{color:#ffffffe6;background-color:#161616;border-right-color:#1e1e1e}.light-theme .ticker-event-counter{color:#000000e6;border-right-color:#0000001a;background-color:#f5f6f8cc}.ticker-event-counter-icon{margin-right:4px}.live-dot{width:8px;height:8px;border-radius:50%;margin-right:6px;display:inline-block;flex-shrink:0}.live-dot.active{background-color:#4caf50;animation:pulse-dot 1.5s infinite}.live-dot.inactive{background-color:#9e9e9e}.ticker-notification{display:flex;align-items:center;font-size:12px;font-weight:500;animation:fade-in .3s ease-in-out;white-space:normal;line-height:1.2;max-width:180px}.ticker-notification-icon{margin-right:6px;flex-shrink:0}.ticker-notification-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.4em}.match-display{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.team-container{display:flex;align-items:center;gap:4px;min-width:auto;flex-shrink:0}.ticker-date{white-space:nowrap;font-size:11px;color:#fffc;flex-shrink:0}.light-theme .ticker-date{color:#000c}@keyframes pulse-animation{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes pulse-dot{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes bounce-animation{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes blink-animation{0%,to{opacity:1}50%{opacity:.3}}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.ticker-content:hover{animation-play-state:paused}@media (max-width: 768px){.sports-ticker{height:32px}.ticker-container{padding-left:160px}.ticker-item{font-size:11px;padding:0 6px}.ticker-team-logo,.ticker-league-logo{height:12px;width:12px}.ticker-separator,.ticker-separator-dot{margin:0 6px}.ticker-league-separator{margin:0 10px}.ticker-event-separator{padding:0 8px}.ticker-event-counter{width:160px;font-size:10px}.ticker-team-name{font-size:11px}.match-display{gap:6px}}