.hot-fire{position:absolute;left:9%;top:1%;width:26%;height:35%;overflow:visible;filter:drop-shadow(0 0 7px #24e4eb66)}
.hot-fire path,.fire-glow{transform-box:fill-box;transform-origin:50% 100%;animation:torch-sway 1.1s ease-in-out infinite alternate;animation-delay:var(--fire-time);animation-play-state:paused}.hot-fire .fire-middle{animation-name:torch-middle;animation-duration:.83s}.hot-fire .fire-core{animation-name:torch-core;animation-duration:.63s}.hot-fire .fire-glow{animation-name:torch-glow;animation-duration:1.7s;transform-origin:center}
.fire-ember{animation:torch-ember 2.2s linear infinite;animation-delay:var(--fire-time);animation-play-state:paused}.fire-ember.ember-two{animation-duration:2.9s}.torch-visible .hot-fire *{animation-play-state:running}
.hot-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px!important;font-weight:700;color:#8fe8e4!important;vertical-align:middle;margin-left:7px;white-space:nowrap;letter-spacing:0;text-transform:none}.hot-badge .hot-icon{width:8px;height:11px}
.hot-ranked-list{display:flex;flex-direction:column;gap:12px}.hot-results-note{color:var(--muted);font-size:11px;margin:0 0 16px}
@keyframes torch-sway{0%{transform:scale(.94,1.01) skewX(-6deg)}50%{transform:scale(1.15,.94) skewX(4deg)}100%{transform:scale(1.05,1.08) skewX(6deg)}}
@keyframes torch-middle{from{transform:scale(.9,1.07) skewX(5deg)}to{transform:scale(1.05,.93) skewX(-6deg)}}
@keyframes torch-core{from{transform:scale(.94,.92)}to{transform:scale(1.07,1.05)}}
@keyframes torch-glow{from{opacity:.18;transform:scale(.9)}to{opacity:.32;transform:scale(1.15)}}
@keyframes torch-ember{0%{opacity:0;transform:translateY(25px)}20%{opacity:.8}100%{opacity:0;transform:translate(8px,-42px)}}
@media(prefers-reduced-motion:reduce){.hot-fire *{animation:none!important}.fire-ember{display:none}}
html[data-reduced-motion="true"] .fire-ember{display:none}

.hot-spotlight{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto auto;gap:0 24px;position:relative;margin:0 0 28px;padding:22px 24px 20px;border:1px solid #28636a;border-radius:16px;background:radial-gradient(ellipse at 9% 40%,#17bbc626,transparent 48%),linear-gradient(125deg,#162127,var(--surface) 65%);overflow:hidden}
.hot-mascot{grid-column:1;grid-row:1/3;align-self:end;position:relative;width:235px;aspect-ratio:1;margin:100px 0 -2px -18px;isolation:isolate;pointer-events:none;transform:scale(1.06);transform-origin:center bottom}
.hot-mascot>img{display:block;width:100%;height:100%;object-fit:contain}
@container(min-width:801px){.hot-mascot{transform:translateY(30px) scale(1.12)}}
@container(min-width:561px) and (max-width:800px){.hot-mascot{transform:translateY(27px) scale(1.12)}}
@container(max-width:560px){.hot-mascot{transform:scale(1.10)}}
.hot-heading{grid-column:1;grid-row:1/3;z-index:1;align-self:start;pointer-events:none;min-width:0}.hot-heading button{pointer-events:auto}
.hot-kicker{font-size:9px;font-weight:800;letter-spacing:1.6px;color:#9ff1eb}.hot-heading h2{font:700 42px/1.05 var(--font-display);margin:6px 0;color:var(--ink)}.hot-heading p{font-size:10px;line-height:16px;color:var(--muted)}
.hot-browse{padding:3px 0;border:0;background:none;color:#b2f4ee;font-size:10px;font-weight:700;white-space:nowrap;min-height:32px}.hot-browse:hover{color:#e5fffc}
.hot-headline{grid-column:2;min-width:0;align-self:start;background:#06151c88;border:1px solid #285b64;border-radius:12px;padding:14px 16px 16px;box-shadow:inset 0 1px #9ff1eb14}.hot-single .hot-headline{grid-row:1/3;align-self:center}
.hot-match-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#8fe8e4;font-size:10px;font-weight:700;min-height:20px}.hot-match-meta>span:first-child{min-width:0}.hot-match-meta>span:last-child{white-space:nowrap}.hot-match-meta .hot-icon{width:11px;height:14px;margin-right:4px}.hot-league{color:var(--muted);font-weight:500}
.hot-card{border:0;color:var(--ink);background:none;min-width:0}.hot-card:hover{background:#9ff1eb08}.hot-main-match{width:100%;padding:16px 0 12px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;border-radius:8px;text-align:center}
.hot-lead-team{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.hot-lead-team .crest,.hot-lead-team .initials,.hot-lead-team .event-icon{width:40px;height:40px;min-width:40px;object-fit:contain}.hot-lead-team .initials{font-size:13px}.hot-lead-team strong{font-size:14px;line-height:19px;overflow-wrap:anywhere;max-width:190px}
.hot-lead-score{display:grid;grid-template-columns:auto auto auto;align-items:center;gap:0 10px;font:700 35px/1.15 var(--font-display);font-variant-numeric:tabular-nums}.hot-lead-score>span{font-size:22px;color:#799da2}.hot-lead-score small{grid-column:1/-1;font:500 9px/20px var(--font-ui);color:var(--muted);margin-top:5px}
.hot-market-label{display:block;font-size:9px;line-height:15px;letter-spacing:.9px;color:var(--muted);margin-bottom:6px}.hot-market .odds-row{display:flex;gap:8px;width:100%}.hot-market .odds{flex:1;min-width:0;min-height:56px;padding:8px 10px}.hot-market .odds strong{font-size:19px}.hot-market .outcome-label{font-size:10px}.hot-market .suspended{font-size:11px;padding:12px;min-height:56px}
.hot-also{grid-column:2;min-width:0;margin-top:14px}.hot-also h3{font-size:9px;line-height:15px;text-transform:uppercase;letter-spacing:1.2px;color:#94d6d3;margin-bottom:5px}
.hot-small-match{display:grid;grid-template-columns:20px minmax(0,1fr) auto 50px 14px;gap:10px;align-items:center;width:100%;text-align:left;padding:9px 0;min-height:48px;border-bottom:1px solid #35737a33}.hot-small-match:last-child{border-bottom:0;padding-bottom:0}.hot-rank{font:700 18px var(--font-display);color:#83c8c8}.hot-pair{display:flex;gap:16px;min-width:0}.hot-pair>span{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.hot-pair .crest,.hot-pair .initials,.hot-pair .event-icon{width:20px;height:20px;min-width:20px;object-fit:contain;font-size:7px}.hot-pair strong{font-size:11px;line-height:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hot-row-score{display:flex;align-items:center;gap:6px;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.hot-row-score>span{color:var(--muted);font-size:10px}.hot-row-clock{font-size:9px;color:var(--muted);text-align:right}.hot-row-arrow{color:#a5eee8}
@container(max-width:800px){.hot-spotlight{grid-template-columns:170px minmax(0,1fr);padding:18px;gap:0 14px}.hot-mascot{width:195px;margin-left:-16px}.hot-heading h2{font-size:36px}.hot-pair{flex-direction:column;gap:4px}.hot-headline{padding:12px}.hot-main-match{gap:8px}.hot-lead-team strong{font-size:12px}.hot-lead-score{font-size:30px;gap:0 6px}.hot-small-match{grid-template-columns:15px minmax(0,1fr) auto 42px 12px;gap:7px}}
@container(max-width:560px){.hot-spotlight{grid-template-columns:140px minmax(0,1fr);gap:0 10px;padding:14px}.hot-mascot{grid-column:1;grid-row:1;width:155px;margin:0 0 8px -8px;align-self:center}.hot-heading{grid-column:2;grid-row:1;align-self:center}.hot-heading h2{font-size:36px}.hot-headline,.hot-also{grid-column:1/-1}.hot-lead-team .crest,.hot-lead-team .initials,.hot-lead-team .event-icon{width:34px;height:34px;min-width:34px}.hot-main-match{padding:14px 0}.hot-pair{flex-direction:row;gap:10px}.hot-small-match{grid-template-columns:16px minmax(0,1fr) auto 40px 12px}.hot-pair strong{font-size:10px}.hot-market .odds{padding:8px;min-height:56px}.hot-market .odds.selected{padding-right:22px}.hot-market .outcome-label{font-size:9px}.hot-market .odds strong{font-size:18px}}
@container(max-width:560px){.hot-single .hot-headline{grid-row:2}}
@media(max-width:360px){.hot-spotlight{grid-template-columns:112px minmax(0,1fr);padding:12px;gap:0 7px}.hot-mascot{width:127px;margin-left:-7px}.hot-heading h2{font-size:32px}.hot-heading .hot-kicker{font-size:8px;letter-spacing:1px}.hot-headline{padding:10px}.hot-lead-team strong{font-size:11px;line-height:16px}.hot-pair{flex-direction:column;gap:4px}.hot-league{font-size:9px}.hot-lead-score{font-size:28px}.hot-market .odds-row{gap:5px}}
/* In the stacked layout the artwork owns its column; scaling must not cover the link. */
.hot-spotlight{isolation:isolate}
.hot-mascot,.hot-heading,.hot-headline,.hot-also{z-index:1}
.hot-headline,.hot-also{position:relative}
.hot-steam{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.hot-steam i{position:absolute;left:var(--steam-x);top:var(--steam-y);width:clamp(80px,16%,180px);height:120px;border-radius:50%;background:radial-gradient(ellipse at 50% 65%,#b2f4ee55 0%,#34cddc32 30%,transparent 68%);filter:blur(10px);opacity:0;transform:translate(-50%,-50%);animation:hot-steam-drift 6.8s ease-in-out infinite;animation-delay:var(--steam-delay);animation-play-state:paused;pointer-events:none}
.hot-steam i:nth-child(3n){animation-duration:8.2s}
.hot-steam i:nth-child(even){height:150px}
.hot-spotlight.torch-visible .hot-steam i{animation-play-state:running}
@keyframes hot-steam-drift{0%{opacity:.1;transform:translate(-50%,-20%) scale(.65,.7)}35%{opacity:.6}70%{opacity:.35}100%{opacity:0;transform:translate(calc(-50% + var(--steam-drift)),-80%) scale(1.4,1.25)}}
@media(prefers-reduced-motion:reduce){.hot-steam{display:none}}
html[data-reduced-motion="true"] .hot-steam{display:none}
@container(max-width:560px){.hot-spotlight{grid-template-columns:minmax(0,44%) minmax(0,1fr);column-gap:14px}.hot-mascot{width:100%;max-width:170px;transform:none;justify-self:center;margin:0 0 12px}.hot-heading{padding:8px 0}.hot-browse{min-height:44px;white-space:normal;text-align:left}}