:root{--glitter:url(https://assets.codepen.io/13471/silver-glitter-background.png)}@keyframes scaleUpDown{0%,to{transform:scaleY(1) scaleX(1)}50%,90%{transform:scaleY(1.1)}75%{transform:scaleY(.95)}80%{transform:scaleX(.95)}}@keyframes shake{0%,to{transform:skewX(0) scale(1)}50%{transform:skewX(5deg) scale(.9)}}@keyframes particleUp{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:-100%;transform:scale(.5)}}@keyframes glow{0%,to{background-color:#ef5a00}50%{background-color:#ff7800}}@keyframes energyPulse{0%,to{transform:scale(.95);box-shadow:0 0 5px #ffd700,0 0 10px #ffd700}50%{transform:scale(1.05);box-shadow:0 0 8px #ffd700,0 0 15px #ffd700,0 0 20px #ffd700}}@keyframes energyParticles{0%{opacity:0;transform:translateY(0) translateX(0) scale(.2)}50%{opacity:1}to{opacity:0;transform:translateY(-20px) translateX(10px) scale(0)}}@keyframes energyRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.streak-fire{position:absolute;width:22px;height:22px;right:-10px;top:50%;transform:translateY(-50%)}.energy-aura{width:100%;height:100%;background:radial-gradient(circle,rgba(255,215,0,1) 0,rgba(255,215,0,.5) 50%,rgba(255,215,0,0) 100%);animation:energyPulse 2s ease-in-out infinite}.energy-aura,.energy-ring{position:absolute;border-radius:50%}.energy-ring{width:140%;height:140%;top:-20%;left:-20%;border:2px solid rgba(255,215,0,.5);animation:energyRotate 4s linear infinite}.energy-particles{position:absolute;width:100%;height:100%}.energy-particle{position:absolute;width:3px;height:3px;background-color:#ffd700;border-radius:50%}.energy-particle:first-child{top:20%;left:70%;animation:energyParticles 1.5s ease-out infinite}.energy-particle:nth-child(2){top:50%;left:80%;animation:energyParticles 2s ease-out infinite}.energy-particle:nth-child(3){top:70%;left:60%;animation:energyParticles 1.8s ease-out infinite}.streak-fire.streak-low{opacity:.7;transform:translateY(-50%) scale(.8)}.streak-fire.streak-medium{opacity:.85;transform:translateY(-50%) scale(1)}.streak-fire.streak-high{opacity:1;transform:translateY(-50%) scale(1.2)}@keyframes snowflakeRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes snowflakeGlow{0%,to{filter:drop-shadow(0 0 2px rgba(0,198,255,.4)) drop-shadow(0 0 4px rgba(0,198,255,.2));opacity:.8}50%{filter:drop-shadow(0 0 3px rgba(0,198,255,.6)) drop-shadow(0 0 6px rgba(0,198,255,.3));opacity:1}}.streak-ice{position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:22px;height:22px;pointer-events:none}.snowflake{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:snowflakeRotate 4s linear infinite,snowflakeGlow 2s ease-in-out infinite}.snowflake:before{content:"❆";color:#00c6ff;font-size:32px;line-height:1}@keyframes electricPulse{0%,to{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes electricZap{0%,to{opacity:.5;height:5px;transform:rotate(30deg)}25%{opacity:1;height:7px;transform:rotate(35deg)}50%{opacity:.7;height:5px;transform:rotate(40deg)}75%{opacity:1;height:7px;transform:rotate(35deg)}}.electric-orb{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(0,170,255,1) 0,rgba(0,170,255,.5) 50%,rgba(0,170,255,0) 100%);animation:electricPulse 1.5s ease-in-out infinite}.electric-zap{position:absolute;background-color:#00aaff;width:2px;height:7px;border-radius:2px;animation:electricZap 1s infinite}.electric-zap:first-child{top:25%;left:50%;transform-origin:bottom center;animation-delay:.2s}.electric-zap:nth-child(2){top:25%;left:65%;transform-origin:bottom center;animation-delay:0s}.electric-zap:nth-child(3){top:25%;left:35%;transform-origin:bottom center;animation-delay:.5s}.electric-zap:nth-child(4){left:50%;animation-delay:.3s}.electric-zap:nth-child(4),.electric-zap:nth-child(5){top:70%;transform-origin:top center;transform:rotate(-30deg)}.electric-zap:nth-child(5){left:65%;animation-delay:.7s}.electric-zap:nth-child(6){top:70%;left:35%;transform-origin:top center;transform:rotate(-30deg);animation-delay:.1s}.streak-ice.streak-low{opacity:.7;transform:translateY(-50%) scale(.8)}.streak-ice.streak-medium{opacity:.85;transform:translateY(-50%) scale(1)}.streak-ice.streak-high{opacity:1;transform:translateY(-50%) scale(1.2)}@keyframes glowPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.streak-container{position:absolute;right:-12px;top:0;width:32px;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;transform:none}.streak-indicator:before{position:absolute;content:"";width:100%;height:100%;border-radius:50%;z-index:1}.streak-indicator:after{content:"";position:relative;z-index:2;font-weight:700;font-size:12px;color:white;text-shadow:0 1px 2px rgba(0,0,0,.5)}.streak-number-glow.streak-low{text-shadow:0 0 4px rgba(255,255,255,.5),0 0 6px rgba(255,255,255,.3)}.streak-number-glow.streak-medium{text-shadow:0 0 6px rgba(255,255,255,.7),0 0 10px rgba(255,255,255,.5);font-size:1.05em}.streak-number-glow.streak-high{text-shadow:0 0 8px rgba(255,255,255,1),0 0 15px rgba(255,255,255,.7),0 0 20px rgba(255,255,255,.4);font-size:1.1em;font-weight:800}@keyframes fireGlowLow{0%,to{filter:drop-shadow(0 0 2px rgba(255,80,0,.4))}50%{filter:drop-shadow(0 0 4px rgba(255,80,0,.6))}}@keyframes fireGlowMedium{0%,to{filter:drop-shadow(0 0 3px rgba(255,80,0,.6))}50%{filter:drop-shadow(0 0 6px rgba(255,80,0,.9))}}@keyframes fireGlowHigh{0%,to{filter:drop-shadow(0 0 5px rgba(255,80,0,.8))}50%{filter:drop-shadow(0 0 10px rgba(255,80,0,1)) drop-shadow(0 0 15px rgba(255,80,0,.6))}}@keyframes snowGlowLow{0%,to{filter:drop-shadow(0 0 2px rgba(0,198,255,.4))}50%{filter:drop-shadow(0 0 4px rgba(0,198,255,.6))}}@keyframes snowGlowMedium{0%,to{filter:drop-shadow(0 0 3px rgba(0,198,255,.6))}50%{filter:drop-shadow(0 0 6px rgba(0,198,255,.9))}}@keyframes snowGlowHigh{0%,to{filter:drop-shadow(0 0 5px rgba(0,198,255,.8))}50%{filter:drop-shadow(0 0 10px rgba(0,198,255,1)) drop-shadow(0 0 15px rgba(0,198,255,.6))}}.streak-fire-container.streak-low .fire-emoji:before{content:"🔥";font-size:18px;animation:fireGlowLow 3s ease-in-out infinite,fireRotate 4s ease-in-out infinite}.streak-fire-container.streak-medium .fire-emoji:before{content:"🔥";font-size:22px;animation:fireGlowMedium 2.5s ease-in-out infinite,fireRotate 3.5s ease-in-out infinite}.streak-fire-container.streak-high .fire-emoji:before{content:"🔥";font-size:26px;animation:fireGlowHigh 2s ease-in-out infinite,fireRotate 3s ease-in-out infinite}.streak-ice-container.streak-low .snowflake-base:before{font-size:22px;animation:snowGlowLow 3s ease-in-out infinite,snowRotate 10s linear infinite}.streak-ice-container.streak-medium .snowflake-base:before{font-size:26px;animation:snowGlowMedium 2.5s ease-in-out infinite,snowRotate 8s linear infinite}.streak-ice-container.streak-high .snowflake-base:before{font-size:30px;animation:snowGlowHigh 2s ease-in-out infinite,snowRotate 6s linear infinite}.streak-fire{background:linear-gradient(145deg,#38ef7d,#11998e);border:2px solid rgba(255,255,255,.3)}.streak-fire:after{content:"↑"}.streak-fire.streak-low{animation:glowPulse 3s infinite}.streak-fire.streak-low:before{background:radial-gradient(circle,rgba(56,239,125,.2) 0,rgba(17,153,142,0) 70%)}.streak-fire.streak-medium{animation:glowPulse 2s infinite}.streak-fire.streak-medium:before{background:radial-gradient(circle,rgba(56,239,125,.4) 0,rgba(17,153,142,0) 70%);box-shadow:0 0 15px rgba(56,239,125,.6)}.streak-fire.streak-medium:after{content:"↑↑";font-size:10px}.streak-fire.streak-high{animation:glowPulse 1.5s infinite;border:2px solid rgba(255,255,255,.5)}.streak-fire.streak-high:before{background:radial-gradient(circle,rgba(56,239,125,.6) 0,rgba(17,153,142,0) 70%);box-shadow:0 0 20px rgba(56,239,125,.8);animation:spin 10s linear infinite}.streak-fire.streak-high:after{content:"↑↑↑";font-size:9px}.streak-ice{background:linear-gradient(145deg,#ff6b6b,#ee0979);border:2px solid rgba(255,255,255,.3)}.streak-ice:after{content:"↓"}.streak-ice.streak-low{animation:glowPulse 3s infinite}.streak-ice.streak-low:before{background:radial-gradient(circle,rgba(255,107,107,.2) 0,rgba(238,9,121,0) 70%)}.streak-ice.streak-medium{animation:glowPulse 2s infinite}.streak-ice.streak-medium:before{background:radial-gradient(circle,rgba(255,107,107,.4) 0,rgba(238,9,121,0) 70%);box-shadow:0 0 15px rgba(255,107,107,.6)}.streak-ice.streak-medium:after{content:"↓↓";font-size:10px}.streak-ice.streak-high{animation:glowPulse 1.5s infinite;border:2px solid rgba(255,255,255,.5)}.streak-ice.streak-high:before{background:radial-gradient(circle,rgba(255,107,107,.6) 0,rgba(238,9,121,0) 70%);box-shadow:0 0 20px rgba(255,107,107,.8);animation:spin 10s linear infinite}.streak-ice.streak-high:after{content:"↓↓↓";font-size:9px}@keyframes flameFlicker{0%,to{transform:scaleY(1);opacity:.9}25%{transform:scaleY(1.1);opacity:1}50%{transform:scaleY(.95);opacity:.95}75%{transform:scaleY(1.05);opacity:1}}@keyframes flameTips{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes snowRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes snowFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes snowGlow{0%,to{filter:drop-shadow(0 0 2px rgba(0,198,255,.4))}50%{filter:drop-shadow(0 0 6px rgba(0,198,255,.8))}}.streak-fire-container{position:relative;width:24px;height:24px}.fire-emoji,.streak-fire-container{display:flex;align-items:center;justify-content:center}.fire-emoji{position:absolute;width:100%;height:100%;animation:fireRotate 3s ease-in-out infinite,fireFloat 2s ease-in-out infinite;z-index:1}.fire-emoji:before{content:"🔥";font-size:24px;line-height:1;animation:fireGlow 2s ease-in-out infinite}.fire-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,120,0,.3) 0,rgba(255,120,0,0) 70%);z-index:0}.streak-number-fire{position:absolute;right:26px;z-index:3;font-weight:700;color:white;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:14px}.streak-fire-container.streak-low .fire-emoji:before{font-size:20px;animation-duration:3s}.streak-fire-container.streak-medium .fire-emoji:before{font-size:24px;animation-duration:2s}.streak-fire-container.streak-high .fire-emoji:before{font-size:28px;animation-duration:1.5s}.streak-fire-container.streak-low .fire-glow{background:radial-gradient(circle,rgba(255,120,0,.2) 0,rgba(255,120,0,0) 70%)}.streak-fire-container.streak-medium .fire-glow{background:radial-gradient(circle,rgba(255,120,0,.3) 0,rgba(255,120,0,0) 70%)}.streak-fire-container.streak-high .fire-glow{background:radial-gradient(circle,rgba(255,120,0,.5) 0,rgba(255,120,0,0) 80%)}.streak-ice-container{position:relative;width:24px;height:24px}.snowflake-base,.streak-ice-container{display:flex;align-items:center;justify-content:center}.snowflake-base{position:absolute;width:100%;height:100%;animation:snowRotate 8s linear infinite,snowFloat 3s ease-in-out infinite;z-index:1}.snowflake-base:before{content:"❄";color:#00c6ff;font-size:28px;line-height:1;animation:snowGlow 2s ease-in-out infinite}.snowflake-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(0,198,255,.3) 0,rgba(0,198,255,0) 70%);z-index:0}.streak-number-ice{position:absolute;right:26px;z-index:3;font-weight:700;color:white;text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:14px}.streak-ice-container.streak-low .snowflake-base:before{font-size:24px;animation-duration:3s}.streak-ice-container.streak-medium .snowflake-base:before{font-size:28px;animation-duration:2s}.streak-ice-container.streak-high .snowflake-base:before{font-size:32px;animation-duration:1.5s}.streak-ice-container.streak-low .snowflake-glow{background:radial-gradient(circle,rgba(0,198,255,.2) 0,rgba(0,198,255,0) 70%)}.streak-ice-container.streak-medium .snowflake-glow{background:radial-gradient(circle,rgba(0,198,255,.3) 0,rgba(0,198,255,0) 70%)}.streak-ice-container.streak-high .snowflake-glow{background:radial-gradient(circle,rgba(0,198,255,.5) 0,rgba(0,198,255,0) 80%)}@keyframes fireRotate{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}@keyframes fireFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes fireGlow{0%,to{filter:drop-shadow(0 0 2px rgba(255,80,0,.6))}50%{filter:drop-shadow(0 0 6px rgba(255,80,0,.9))}}