/* Fire ribbon and charred trail: supplied photographic textures. */
.heat-track{height:30px;margin:43px 30px 30px;position:relative;border-radius:3px;border:1px solid #705047;background:#191616;box-shadow:0 0 0 3px #080808,inset 0 1px 8px #000,0 8px 22px #0009;isolation:isolate}
.heat-track:after{content:'';position:absolute;inset:0;border-radius:3px;box-shadow:inset 0 1px 1px #ffdab344,inset 0 -2px 5px #0009;pointer-events:none;z-index:5}
.heat-fill{position:absolute;right:0;top:0;height:100%;border-radius:0 2px 2px 0;width:100%;min-width:0;background:#cc3617 url('fire-texture.jpg') 45% 52%/650px 210px;box-shadow:0 0 16px #ff641855,0 0 42px #f1401838;transition:width 1s linear;animation:ribbon-flow 13s ease-in-out infinite alternate;z-index:3}
.heat-fill:before{content:'';position:absolute;inset:-22px -3px -22px 0;background:url('fire-texture.jpg') 45% 52%/650px 210px;mix-blend-mode:screen;mask-image:linear-gradient(transparent 0%,#0008 24%,#000 48%,#0008 72%,transparent 100%);-webkit-mask-image:linear-gradient(transparent 0%,#0008 24%,#000 48%,#0008 72%,transparent 100%);opacity:.55;filter:blur(1px);animation:fire-breath 2.6s ease-in-out infinite alternate;pointer-events:none}
.heat-fill:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#ffd48833,transparent 35%,#60120b44);box-shadow:inset 0 1px 3px #fff4c088,inset 0 -2px 5px #75180866;pointer-events:none}
.burned-area{position:absolute;left:0;top:0;height:100%;width:0;z-index:2;background:linear-gradient(180deg,#0007,#0001 45%,#0008),url('char-texture.jpg') left center/270px 160px;box-shadow:inset 0 0 8px #000b;transition:width 1s linear}
.burned-area:before{content:'';position:absolute;top:0;right:0;height:100%;width:40px;background:linear-gradient(90deg,transparent,#c3461844 68%,#ffb44caa);box-shadow:7px 0 19px #ff701855;pointer-events:none}
.burned-area:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 2px 1px at 24% 60%,#e35b2ba6,transparent),radial-gradient(ellipse 4px 1px at 61% 38%,#ed8c4266,transparent),radial-gradient(ellipse 3px 2px at 89% 70%,#ed5a2888,transparent);animation:coal-glow 3s ease-in-out infinite alternate;pointer-events:none}
.heat-flame{position:absolute;left:-30px;right:auto;top:50%;width:60px;height:60px;object-fit:contain;border-radius:50%;transform:translateY(-50%);filter:drop-shadow(0 0 9px #ff4b1988) drop-shadow(0 0 21px #ff812244);animation:logo-breath 3s ease-in-out infinite alternate;z-index:6;pointer-events:none}
.smoke{position:absolute;bottom:7px;width:30px;height:62px;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 70%,#c7bbb355,#c7bbb321 35%,transparent 70%);filter:blur(7px);opacity:0;animation:smoke-drift 5.5s ease-out infinite;z-index:1}
.smoke-one{left:24%;animation-delay:-1.8s}.smoke-two{left:56%;height:75px;width:38px;animation-delay:-3.7s}.smoke-three{left:85%;animation-delay:-.5s}
.countdown[data-mode='live'] .heat-fill{width:100%;background:#cc3617 url('fire-texture.jpg') 45% 52%/650px 210px;animation:ribbon-flow 13s ease-in-out infinite alternate}
.countdown[data-mode='live'] .heat-flame{left:auto;right:-30px}.countdown[data-mode='live'] .burned-area{display:none}
.countdown[data-mode='ended'] .heat-fill{width:0;background:none;box-shadow:none;animation:none}.countdown[data-mode='ended'] .heat-fill:before,.countdown[data-mode='ended'] .heat-fill:after,.countdown[data-mode='ended'] .burned-area:before{display:none}.countdown[data-mode='ended'] .heat-flame{display:block;opacity:.6;animation:none;filter:none}.countdown[data-mode='ended'] .smoke{display:none}
@keyframes ribbon-flow{0%{background-position:40% 50%;filter:brightness(1)}35%{filter:brightness(1.16)}70%{filter:brightness(.98)}100%{background-position:61% 55%;filter:brightness(1.1)}}
@keyframes fire-breath{0%{opacity:.35;transform:scaleY(.85);background-position:42% 51%}100%{opacity:.68;transform:scaleY(1.12);background-position:57% 54%}}
@keyframes logo-breath{from{filter:drop-shadow(0 0 8px #ff4b1988) drop-shadow(0 0 19px #ff812233)}to{filter:drop-shadow(0 0 12px #ff4b19aa) drop-shadow(0 0 26px #ff812255)}}
@keyframes smoke-drift{0%{opacity:0;transform:translate(0,10px) scale(.5)}25%{opacity:.45}65%{opacity:.2;transform:translate(8px,-21px) scale(1.1)}100%{opacity:0;transform:translate(18px,-45px) scale(1.6)}}
@keyframes coal-glow{from{opacity:.3}to{opacity:.75}}
@media(max-width:680px){.heat-track{height:25px;margin:38px 26px 26px}.heat-flame{width:52px;height:52px;left:-26px}.heat-fill,.countdown[data-mode='live'] .heat-fill{background-size:430px 160px}.heat-fill:before{background-size:430px 160px;inset:-18px -2px -18px 0}.burned-area{background-size:auto,200px 120px}.countdown[data-mode='live'] .heat-flame{right:-26px}.smoke{height:48px;width:25px}.smoke-two{height:61px;width:31px}}
@media(prefers-reduced-motion:reduce){.heat-fill,.heat-fill:before,.heat-flame,.burned-area,.burned-area:after,.smoke{animation:none!important;transition:none!important}.heat-fill:before{opacity:.4}.smoke{opacity:.15;transform:translateY(-10px)}}