@keyframes tk-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    @keyframes tk-pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.5; transform:scale(.85); } }
    @keyframes tk-glow { 0%,100% { box-shadow:0 0 8px rgba(255,122,24,.5),inset 0 0 12px rgba(255,255,255,.15); } 50% { box-shadow:0 0 18px rgba(255,122,24,.9),inset 0 0 16px rgba(255,255,255,.25); } }
    #liveTicker { transition: box-shadow .3s ease, transform .3s ease; will-change: transform; }
    #liveTicker:hover { transform: translateY(-1px); box-shadow:0 6px 24px rgba(255,122,24,.25); }
    #liveTickerInner { transition: filter .3s ease; }
    #liveTicker > div:nth-child(2) { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%); }
    #liveTicker > div:first-child { animation: tk-glow 2.4s ease-in-out infinite; }
    .tk-chip { display:inline-flex; align-items:center; gap:7px; padding:0 18px; height:30px; margin:0 3px; color:#eef2f7; font-size:11px; font-weight:700; text-decoration:none; background:linear-gradient(135deg,#c8170f 0%,#8e0b0b 55%,#5e0606 100%); box-shadow:inset 0 1px 0 rgba(255,214,90,.35), inset 0 -1px 0 rgba(0,0,0,.35); clip-path:polygon(9px 0, 100% 0, calc(100% - 9px) 100%, 0 100%); transition: background .2s ease, color .2s ease, box-shadow .2s ease; will-change: transform; position:relative; }
    .tk-chip:hover { background:linear-gradient(135deg,#ffe066,#ffb020); color:#3b0a00; box-shadow:0 0 14px rgba(255,190,40,.6); z-index:5; }
    .tk-chip::after { content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:linear-gradient(90deg, transparent, #ffd34d, transparent); transform: scaleX(0); transition: transform .25s ease; }
    .tk-chip:hover::after { transform: scaleX(1); }
    .tk-time { color:#ffd34d; text-shadow:0 1px 1px rgba(0,0,0,.55); font-family:'JetBrains Mono','Courier New',monospace; font-weight:700; font-size:10px; transition: color .15s ease; }
    .tk-time.live { color:#fff3b0; text-shadow:0 0 6px rgba(255,211,77,.7), 0 1px 1px rgba(0,0,0,.6); }
    .tk-chip:hover .tk-time { color:#fff; }
    .tk-score { color:#ffd34d !important; text-shadow:0 1px 1px rgba(0,0,0,.55); font-weight:900; padding:0 5px; transition: transform .2s ease; }
    .tk-chip:hover .tk-score { transform: scale(1.15); }
    .tk-chip:hover .tk-time, .tk-chip:hover .tk-score, .tk-chip:hover .tk-vs, .tk-chip:hover .tk-team { color:#3b0a00 !important; text-shadow:none; }
    .tk-vs { color:#ffd9a0; font-size:10px; padding:0 2px; }
    .tk-team { max-width:96px; text-overflow:ellipsis; overflow:hidden; color:#ffffff !important; font-weight:700; text-shadow:0 1px 1px rgba(0,0,0,.5); }
    .tk-badge { width:14px; height:14px; border-radius:9999px; background:rgba(255,255,255,.85); padding:1px; object-fit:contain; transition: transform .25s cubic-bezier(.34,1.56,.64,1); }
    .tk-chip:hover .tk-badge { transform: scale(1.25) rotate(-8deg); }
    .tk-sep { color:#ff7a18; font-weight:900; padding:0 14px; font-size:10px; text-transform:uppercase; letter-spacing:1.5px; opacity:.95; text-shadow:0 0 8px rgba(255,122,24,.5); }
    html:not(.dark) #liveTicker { background:transparent !important; border-color:rgba(234,88,12,.3) !important; }
    html:not(.dark) #liveTicker:hover { box-shadow:0 6px 24px rgba(234,88,12,.2); }
    html:not(.dark) .tk-chip { color:#e6e9ef; }
    html:not(.dark) .tk-chip:hover .tk-team, html:not(.dark) .tk-chip:hover .tk-score, html:not(.dark) .tk-chip:hover .tk-time, html:not(.dark) .tk-chip:hover .tk-vs { color:#3b0a00 !important; }
    html:not(.dark) .tk-chip:hover { box-shadow:0 4px 14px rgba(255,176,32,.45); }
    html:not(.dark) .tk-badge { background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.08); }
    html:not(.dark) .tk-sep { text-shadow:0 0 6px rgba(234,88,12,.3); }
