.raid_streamer{margin-top:24px}.video-player{width:100%;max-width:640px;margin:0 auto 2rem;aspect-ratio:16/9;background:#000}.video-player iframe{width:100%;height:100%}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem;max-width:640px;margin:0 auto}.channel-card{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:180px;margin:0 auto;position:relative}.channel-card.inactive .channel-thumbnail-group{position:relative;overflow:hidden;filter:grayscale(100%)}.channel-card.inactive .channel-thumbnail-group:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#edded2;z-index:1;transform:scaleX(1);transform-origin:right;transition:transform .5s ease;mix-blend-mode:saturation}.channel-card.inactive:hover .channel-thumbnail-group:before{transform:scaleX(0)}.channel-card.inactive:hover .channel-thumbnail-group{filter:none;transition:filter 1s ease}.channel-card:hover{transform:none}.channel-thumbnail-group{position:relative;border-radius:12px;background:gold;overflow:visible;border:2px solid #FFD700;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:filter .3s ease}.channel-thumbnail-group:hover{transform:scale(1.05);transition:transform .3s ease}.channel-thumbnail-group:hover:after{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border:2px solid var(--color-main);border-radius:12px;transform-origin:left;animation:slideRight .3s forwards;z-index:-1}.channel-thumbnail{position:relative;aspect-ratio:1;width:100%;z-index:1;overflow:hidden}.triangle-decorator{position:absolute;top:-21px;left:50%;transform:translate(-50%);width:50px;height:18px;background:gold;clip-path:polygon(50% 0%,0% 100%,100% 100%);z-index:2}.channel-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px 10px 0 0}.streamer-name{width:100%;box-sizing:border-box;text-align:center;color:#fff;font-family:Oswald,sans-serif;font-weight:700;font-size:1.2em;padding:.5rem;background:var(--color-main);border-radius:0 0 10px 10px;text-transform:uppercase;letter-spacing:2px;transition:color .3s ease;text-shadow:1px 1px 0px rgba(0,0,0,.1);position:relative;overflow:hidden}.channel-thumbnail-group:hover .streamer-name:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-main);transform-origin:left;animation:slideRight .3s forwards;z-index:-1}.channel-card:not(.inactive) .streamer-name{font-weight:700}.channel-link{width:100%;box-sizing:border-box;display:block;padding:.8rem;background:var(--color-main);color:#fff;text-align:center;text-decoration:none;font-size:.9em;font-weight:900;border-radius:8px;transition:all .2s ease;letter-spacing:.5px;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-link:before{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent #FFFFFF}.channel-link:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;position:relative;background:var(--color-main)}.channel-link:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:red;transform-origin:left;animation:slideRight .3s forwards;z-index:-1;border-radius:8px}@keyframes slideRight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.raid-title{text-align:center;font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:1rem;color:var(--color-main);font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:1px}.container>p{text-align:center;font-size:clamp(.9rem,3vw,1.1rem);margin-bottom:2rem;color:#edded2;max-width:800px;margin-left:auto;margin-right:auto;padding:0 1rem}@media (max-width: 768px){.raid-title{padding:0 1rem;line-height:1.2;font-size:clamp(1.2rem,4vw,2rem);width:100%;margin:0 auto}.container>p{padding:0 1.5rem;line-height:1.4;font-size:clamp(.8rem,2.5vw,1rem)}.channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem;max-width:100%}.channel-card{width:100%;max-width:100%;margin:0;gap:.5rem}.streamer-name{font-size:.8em;padding:.4rem;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-link{font-size:.7em;padding:.5rem;gap:4px;min-width:0}.channel-link:before{border-width:5px 0 5px 7px}.triangle-decorator{top:-15px;width:40px;height:14px}}@media (max-width: 480px){.channel-grid{gap:.3rem;padding:.3rem}.streamer-name{font-size:.7em;padding:.3rem}.channel-link{font-size:.65em;padding:.4rem}}.streamer-container{background-image:url(https://www.4gamer.net/extra/raid_mech/images/PC_bg_raid_streamer.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:100px 20px;width:100vw;min-height:100vh;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);position:relative;left:50%;right:50%;transform:translate(-50%);box-sizing:border-box}.interview-button{display:flex;justify-content:center;align-items:center;margin:10px auto;max-width:640px;padding:0 1rem}.interview-button img{max-width:100%;height:auto;transition:transform .2s ease}.interview-button img:hover{transform:translateY(-2px)}@media screen and (max-width: 768px){.streamer-container{padding:50px 15px}}.hero-cards-title{font-weight:900;font-size:40px;margin-top:0;margin-bottom:50px;position:relative;z-index:1}.hero-cards-title:before{content:"";background-color:var(--color-cta);opacity:.15;width:200vw;height:calc(100% + 28px);z-index:-1;position:absolute;top:-10px;transform:translate(-50%);transform:translate(-20px);width:calc(100% + 40px);border-radius:12px}.hero-cards-title:after{content:"";background-color:var(--color-cta);position:absolute;height:5px;width:10%;z-index:-1;border-radius:100px;bottom:-5px;left:0}.hero-cards{display:flex;flex-wrap:wrap;gap:60px 20px;padding-block:10px 40px;z-index:1;gap:0}.hero-cards .hero-card{flex:0 0 180px;cursor:pointer;transition:all .4s ease;border-radius:12px;position:relative;margin-right:162px;z-index:1;transform:scale(.7)}.hero-cards .hero-card:hover{transform:scale(1);transition:.2s;z-index:4}.hero-cards .hero-card.selected{position:relative;transform:scale(1.05)}.hero-cards .hero-card.selected .hero-image{filter:brightness(1)}.hero-cards .hero-card.recommended{order:-1}.hero-cards .hero-card.recommended:after{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='gold'%20viewBox='0%200%20576%20512'%3e%3c!--!%20Font%20Awesome%20Pro%206.0.0-alpha3%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license%20(Commercial%20License)%20--%3e%3cpath%20d='M576%20136c0%2022.09-17.91%2040-40%2040c-.248%200-.4551-.1266-.7031-.1305l-50.52%20277.9C482%20468.9%20468.8%20480%20453.3%20480H122.7c-15.46%200-28.72-11.06-31.48-26.27L40.71%20175.9C40.46%20175.9%2040.25%20176%2039.1%20176c-22.09%200-40-17.91-40-40S17.91%2096%2039.1%2096s40%2017.91%2040%2040c0%208.998-3.521%2016.89-8.537%2023.57l89.63%2071.7c15.91%2012.73%2039.5%207.544%2048.61-10.68l57.6-115.2C255.1%2098.34%20247.1%2086.34%20247.1%2072C247.1%2049.91%20265.9%2032%20288%2032s39.1%2017.91%2039.1%2040c0%2014.34-7.963%2026.34-19.3%2033.4l57.6%20115.2c9.111%2018.22%2032.71%2023.4%2048.61%2010.68l89.63-71.7C499.5%20152.9%20496%20144.1%20496%20136C496%20113.9%20513.9%2096%20536%2096S576%20113.9%20576%20136z'/%3e%3c/svg%3e");position:absolute;height:60px;aspect-ratio:1;color:#fff;z-index:1;left:-28px;top:-41px;transform:rotate(-25deg)}.hero-cards .hero-card.disabled{box-shadow:unset;background-color:unset;transform:unset;opacity:.4;filter:sepia(1);display:none}.hero-cards.has-selected{gap:0}.hero-cards.has-selected .hero-card.selected{order:-2}.hero-cards.has-selected .hero-card:not(.selected){transform:scale(0);width:0px;position:absolute;transition:.2s;height:0px}.hero-cards .hero-image-container{overflow:hidden;position:relative;border:double 5px transparent;border-radius:12px;background-origin:border-box;background-clip:padding-box,border-box}.hero-cards .recommended .hero-image-container{background-image:linear-gradient(#000,#000),conic-gradient(from 0deg,#ffb400,#ffb400)}.hero-cards .recommended .hero-image-container:before{content:"Recommended";position:absolute;background:#ffb400;top:0;border-radius:0 0 9px;padding-inline:10px}.hero-cards .selected .hero-image-container{background-image:linear-gradient(#000,#000),conic-gradient(from 0deg,#ff1493,#ff69b4,#ff85d1,#ff1493)}.hero-cards .selected.special-promo .hero-image-container,.winner-card.special-promo .hero-card.selected .hero-image-container{background-image:linear-gradient(#000,#000),conic-gradient(from 0deg,gold,#fc0,gold)!important}.hero-cards .hero-image{display:block;width:170px;height:221px;aspect-ratio:83/108;object-fit:cover;transition:.2s}.hero-cards h3{position:absolute;color:#fff;bottom:0;padding-left:20px;background:#0000008c;margin:0;width:100%;display:flex;align-items:center;text-transform:capitalize;font-family:var(--font-secondary);font-weight:300;padding-block:10px;font-size:20px}.hero-cards .resources{display:flex;flex-wrap:wrap;align-content:flex-start;gap:12px;position:absolute;left:100%;top:2%;margin:0;border-radius:0 20px 20px 0;padding:20px;background:linear-gradient(150deg,hsl(var(--angle) 18.2% 16.75%),#000);width:162px}.hero-cards .selected .resources{background:linear-gradient(150deg,hsl(var(--angle) 18.2% 40%),#000)}.resource-image{aspect-ratio:1/1;height:55px;background:hsl(var(--angle) 18.2% 16.75%);display:block;overflow:hidden;border-radius:12px;object-fit:cover}.resource-image-wrapper .amount{position:absolute;background:red;font-size:12px;z-index:10;line-height:1;padding:2px 5px;border-radius:100px;top:4px;right:4px}.hero-cards::-webkit-scrollbar{display:none}@media screen and (max-width: 1840px){.hero-cards::-webkit-scrollbar{display:inherit!important}}@media screen and (max-width: 768px){.hero-cards{gap:60px 20px}.hero-cards .hero-card{transform:scale(1)}}@media screen and (max-width: 650px){.hero-cards-title{font-size:24px}}img.wp-smiley,img.emoji{display:inline!important;border:none!important;box-shadow:none!important;height:1em!important;width:1em!important;margin:0 .07em!important;vertical-align:-.1em!important;background:none!important;padding:0!important}.hero-card{position:relative;z-index:1;overflow:visible}.resource-image-wrapper{position:relative}.hero-description{border-radius:12px;top:60px;padding:20px;background:linear-gradient(150deg,hsl(var(--angle) 18.2% 40%),#000)}.hero-cards.has-selected .hero-card:not(.selected) .hero-description{display:none}.resources{top:0}@media screen and (max-width: 767px){.hero-cards.has-selected .hero-card:not(.selected) .resources{display:none}.hero-cards.has-selected:not(#promo-hero-container) .hero-card.selected .hero-image-container{width:fit-content}.hero-cards.has-selected:not(#promo-hero-container) .hero-card.selected:before{left:43%}.hero-cards.has-selected:not(#promo-hero-container) .hero-card.selected .resources{top:0;left:54%}.hero-cards.has-selected:not(#promo-hero-container) .hero-card.selected .hero-description{text-align:justify;margin-top:4px;display:block;transform:none;width:340px;transition:2s}.hero-cards.has-selected:not(#promo-hero-container) #promo-hero-container .hero-card.selected .resources{top:0}}.hero-card:not(.selected):before{content:"";left:100%;height:calc(var(--resource-count, 0) * 75px);width:100px;position:absolute}@media screen and (min-width: 768px){.js-tilt-glare{height:fit-content!important}.wrapper{padding:40px 35px}.hero-cards{gap:75px 75px!important;justify-content:center}.hero-cards .resource-image-wrapper{position:absolute;left:-10px}.hero-card:hover{overflow:visible}.hero-card:hover .resource-image-wrapper{transition:.3s;position:relative}.hero-card{margin-right:20px!important}.hero-card .resources{background:none!important}.hero-card .resource-image-wrapper{top:100%;opacity:0}.hero-image-container{transition:1s;transform:scale(1)}.hero-cards.has-selected .hero-card:not(.selected) .hero-image-container{transform:scale(0)}.hero-cards.has-selected .hero-card:not(.selected) .hero-description{display:none}.hero-cards.has-selected .hero-card:before{display:none}.hero-card.selected{position:relative;grid-column:1 / -1}.hero-card.selected{flex:none;z-index:20;overflow:visible;background:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.hero-card.selected .hero-description{display:inherit;position:absolute;transform:translate(100%);border-radius:12px;top:0;width:300px;padding:20px;background:linear-gradient(150deg,hsl(var(--angle) 18.2% 40%),#000)}.hero-card.selected:before{position:relative!important;transform:translate(65px) translateY(50px)}.hero-card.selected .js-tilt-glare-inner{background-image:none!important}.hero-card.selected .resources{left:10px;top:0;transition:.2s;position:inherit;display:flex;flex-wrap:nowrap;flex-direction:row;width:fit-content}.hero-card.selected .resources .resource-image-wrapper{position:relative;z-index:20;top:0;opacity:1}.hero-cards:not(.has-selected) .hero-card:not(.selected):not(.no-hover):hover{overflow:visible}.hero-cards:not(.has-selected) .hero-card:not(.selected):not(.no-hover):hover .resource-image-wrapper{position:absolute;transition:all .5s ease;z-index:11;left:-40px;opacity:1}.hero-cards:not(.has-selected) .hero-card:not(.selected):not(.no-hover):hover .resource-image-wrapper:nth-child(1){left:23px;top:0}.hero-cards:not(.has-selected) .hero-card:not(.selected):not(.no-hover):hover .resource-image-wrapper:nth-child(2){left:23px;top:75px}.hero-cards:not(.has-selected) .hero-card:not(.selected):not(.no-hover):hover .resource-image-wrapper:nth-child(3){left:23px;top:150px}.hero-cards:not(.has-selected) .hero-card:not(.selected):not(.no-hover):hover .resource-image-wrapper:nth-child(4){left:23px;top:225px}.hero-cards:not(.has-selected) .hero-card:not(.selected):not(.no-hover):hover .resource-image-wrapper:nth-child(5){left:23px;top:300px}.hero-cards:not(.has-selected) .hero-card:not(.selected):not(.no-hover):hover .resource-image-wrapper:nth-child(6){left:23px;top:375px}.hero-cards:not(.has-selected) .hero-card:not(.selected):not(.no-hover):hover .resource-image-wrapper:nth-child(7){left:23px;top:450px}.hero-cards:not(.has-selected) .hero-card:not(.selected):not(.no-hover):hover .resource-image-wrapper:nth-child(9){top:-20px;left:calc(100% - 430px)}}.hero-cards .hero-card{transition:all .3s ease}.hero-cards .hero-card:hover{overflow:visible;z-index:2}.hero-cards .hero-card:hover .resource-image-wrapper{transition:.3s}.hero-card.no-hover{pointer-events:none}.selected-heroes{background-image:linear-gradient(#0000004d,#0000004d),url(../images/RedGuardian_Loadscreen.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-slot-image-container{width:100%;max-width:320px;padding-top:130%;position:relative;overflow:hidden}.hero-slot-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease}.hero-slot>div{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}@media screen and (max-width: 768px){.hero-slot-image-container{padding-top:100%}}.hero-slot{width:100%;height:auto;position:relative}.hero-slot>div{width:100%;height:auto}.lucky-draw-container{width:100%;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center}.lucky-draw{min-height:100vh;padding-bottom:2rem}.lucky-draw-title{margin-bottom:2rem;color:var(--color-main);font-size:2.5rem;text-transform:uppercase}.wheel-and-card-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4rem;width:100%;max-width:1200px;margin:0 auto;transition:all 1s cubic-bezier(.68,-.6,.32,1.6)}.wheel-and-card-wrapper.spinning{justify-content:center;gap:0;padding:2rem 0}.wheel-container{width:500px;height:auto;background:#00ff9d0d;border-radius:10px;padding:20px;flex-shrink:0;transition:transform 1s cubic-bezier(.68,-.6,.32,1.6);transform-origin:center center;transform:scale(1)}.wheel-container.spinning{transform:scale(1.1)}.wheel-container.finish-spin{transform:scale(1)}#wheel{width:100%;height:auto;display:block}.winner-card{width:500px;min-height:500px;background:#00ff9d0d;border-radius:10px;padding:1rem;overflow-y:auto;transition:opacity .5s ease-out,transform .5s ease-out;opacity:1;transform:translateY(0)}.winner-card .resources{width:300px!important;justify-content:center;display:flex;flex-wrap:wrap!important}.winner-card.moving-center{transform:translateY(-50%)}.winner-card.fade-out{opacity:0;transform:translateY(50px);pointer-events:none}.winner-card.from-center{opacity:0;transform:translateY(50%)}.winner-card.from-center.show{opacity:1;transform:translateY(0)}.winner-card.show{transform:translate(0) scale(1);opacity:1;transition-delay:.1s;padding-top:30px;height:fit-content;align-items:center;animation:winnerPulse 1s ease-in-out .5s}@keyframes winnerPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 678px){.winner-card .hero-card.selected{flex:none;z-index:20;margin-right:0;overflow:visible;background:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%}.winner-card .hero-card.selected:before{right:31px!important;display:none}.winner-card .hero-card.selected .resources{left:0;top:0;transition:.2s;position:inherit;display:flex;flex-wrap:nowrap;flex-direction:row;width:fit-content;background:none}.winner-card .hero-card.selected .resources .resource-image-wrapper{position:relative;z-index:20;top:0;opacity:1}}.winner-card.loading .hero-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:600px}.spin-button-container{width:100%;max-width:1200px;text-align:center;margin-top:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}#spin-btn,#generate-btn{width:fit-content;height:50px;padding:0 20px;margin-bottom:16px;border-radius:25px;background-color:var(--color-main);color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:10px}#spin-btn{background:none!important;border:1px solid var(--color-main);color:var(--color-main)}#spin-btn:hover{background:var(--color-main)!important;color:#fff}#spin-btn:disabled{color:#fff}#generate-btn{background-color:var(--color-main)}#generate-btn:hover{transform:scale(1.1)}#spin-btn:disabled,#generate-btn:disabled{background-color:#ccc;cursor:not-allowed}#final-value{font-size:1.5rem;font-weight:700;color:#00ff9d;text-align:center;padding:10px;border-radius:10px}@media (max-width: 1200px){.wheel-and-card-wrapper{flex-direction:column;gap:2rem}.wheel-container,.winner-card{width:100%;max-width:600px}.winner-card{min-height:400px}}@keyframes slideOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-300px) scale(.6);opacity:0}}@keyframes slideIn{0%{transform:translate(100px) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.icon-spinning{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.winner-card.special-promo .hero-image-container{position:relative;border-radius:12px;overflow:hidden}.winner-card.special-promo .hero-image-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:9px;padding:2px;background:linear-gradient(45deg,gold,#fc0,gold);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes winnerPulseSpecial{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.winner-card.special-promo.show{animation:winnerPulseSpecial 1s ease-in-out .5s}.first-section{margin-bottom:60px}.first-section .subtitle{margin:0}.first-section .wrapper{z-index:1}.first-section .game-logo{position:absolute;z-index:-1;opacity:.05;transform:rotate(-90deg);width:100vh;bottom:0%;right:-100vh;transform-origin:bottom left;transition:.2s}.first-section .title{max-width:900px;margin-inline:auto;text-align:center;line-height:1.4;font-size:60px;margin-block:40px}.first-section .subtitle{max-width:720px;text-align:center;margin-inline:auto}.first-section h2.steps-title{position:relative;margin-top:60px;display:flex;align-items:center;gap:15px}.first-section h2:after{content:"";background-color:var(--color-cta);position:absolute;height:5px;width:10%;z-index:-1;border-radius:100px;bottom:-5px;left:0}.first-section .steps-title .button{border:1px solid var(--color-cta);border-radius:12px;display:none;font-size:20px;font-family:var(--font-secondary);font-weight:200;padding:5px 15px;cursor:pointer;color:var(--color-main);position:relative;z-index:1;transition:.2s;margin-left:auto}.first-section .steps-title .button:not(.active):hover{transform:scale(1.05)}.first-section .steps-title .button.active{background-color:var(--color-cta);color:#fff}.first-section .steps{display:flex;justify-content:space-around;flex-wrap:wrap;column-gap:25px;margin-top:30px}.first-section .step{flex:0 200px;height:150px;background:linear-gradient(150deg,hsl(var(--angle) 18.2% 40%),#000);border-radius:12px;padding:10px 20px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;margin-bottom:20px;transition:.2s;transform:translate(-50px);will-change:opacity,transform;backface-visibility:hidden;opacity:1}.first-section .step .step-number{position:absolute;font-family:var(--font-main);font-size:170px;color:hsl(var(--angle) 18.2% 49%/60%);z-index:-1;left:50%;transform:translate(-50%);transition:.5s;line-height:153px}.first-section .step .step-text{position:relative;z-index:1;font-size:18px;line-height:1.4;text-align:center;width:100%}.first-section .step.transparent{height:0;margin:0;padding:0;flex:0 200px}.controls{margin-top:50px;display:flex;gap:20px;justify-content:center}.notification{z-index:1;position:relative}.notification .background{background:linear-gradient(to right,#19324c,#19324c);border-radius:12px;padding:10px 20px;opacity:.9}#promo-codes .content-limit{background:linear-gradient(to right,#19324c,#19324c);border-radius:12px;padding:10px 20px;width:fit-content;opacity:.9}.notification h1,.notification h2,.notification h3,.notification h4,.notification h5,.notification h6{margin-top:0}.receive-list{scroll-margin-top:60px}.receive-list h2{margin-bottom:20px}.receive-list h5{font-size:18px;margin-bottom:0;display:inline-block}.receive-list .list{display:block}.receive-list .name{margin:0;display:inline}.receive-list .promocode{font-family:var(--font-main);padding-inline:10px}.receive-list ul{margin:0 0 30px}.receive-list li{margin:0}.receive-list .buttons{display:flex;gap:10px;justify-content:center}@media screen and (max-width: 1920px){.first-section .title{font-size:48px;max-width:800px}}@media screen and (max-width: 768px){.first-section .steps-title .button{display:inline-flex}.first-section .steps{height:0}.first-section .steps.active{height:auto;flex-direction:column}.first-section .steps.active .transparent{display:none}.step.transparent{display:block}.first-section .step{height:0;transform:scale(0)}.steps:not(.active) .step{display:none}.first-section .step:not(.steps.active){opacity:0!important}.first-section .steps.active .step{height:auto;min-height:150px;transform:scale(1);opacity:1!important}.first-section .steps.active .step.transparent{height:0;min-height:0}.first-section .title{font-size:40px;padding:0;margin-block:30px}.first-section .subtitle{font-size:24px!important;padding:0 20px;margin-bottom:40px}}@media screen and (max-width: 650px){.blob{filter:blur(160px);-webkit-backdrop-filter:blur(160px);backdrop-filter:blur(160px)}.first-section .title{font-size:32px;margin-top:30px;margin-bottom:20px}.first-section .subtitle{font-size:20px!important;margin-bottom:30px}.first-section h2.steps-title{font-size:24px;margin-bottom:30px}}@media screen and (max-width: 510px){.blob{filter:blur(130px)}}@media screen and (max-width: 470px){.blob{filter:blur(160px);-webkit-backdrop-filter:blur(160px);backdrop-filter:blur(160px)}.first-section .step{flex:0 160px;padding:10px}.first-section .step .step-text{font-size:14px}.first-section .title{font-size:28px;line-height:1.3}.first-section .subtitle{font-size:18px!important;line-height:1.4}}@media screen and (max-width: 390px){.first-section .step{flex:0 100%}.first-section .step .step-text{font-size:16px}}@media screen and (max-width: 360px){.first-section .title{font-size:24px}.first-section .subtitle{font-size:16px!important}}.step .js-tilt-glare{border-radius:12px}.step{opacity:1}.step span{left:50%;transform:translate(-50%);transition:.5s;line-height:153px}.promocode-container{display:inline-flex;align-items:top;justify-content:space-between}.copy-icon{transform:translateY(-3px);background:none;border:none;cursor:pointer;padding:4px;font-size:16px;height:fit-content;transition:opacity .2s}.promocode{padding-left:0!important}.copy-icon:hover{opacity:.7}.scene-container{display:flex;width:100%;min-height:100vh;gap:20px;padding:20px;position:relative}.selected-heroes{width:20%;display:flex;min-width:280px;max-width:320px;border-radius:12px;flex-direction:column;gap:20px;padding:20px;position:relative;z-index:1;height:calc(100vh - 120px)}.hero-selection{display:flex;flex-direction:column;flex:1;max-height:calc(50% - 10px);position:relative;padding:0;gap:12px}.hero-slot{width:100%;max-width:100%;margin:0 auto;aspect-ratio:4/3;background:#00000080;border:2px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden;position:relative;cursor:pointer;z-index:2;height:auto;flex:1}.hero-slot.empty{border:2px dashed rgba(255,255,255,.2)}.hero-description{position:absolute;top:50%;text-align:left;justify-content:end;color:#fff;z-index:3;padding:0;display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .3s ease;max-width:100%}@media screen and (min-width: 769px){.hero-description{top:auto;bottom:20px}}.hero-description.visible{opacity:1}.hero-description .hero-name{font-weight:700;color:#a5a9ff;font-size:1.2em;letter-spacing:.5px;background:#0009;padding:3px 10px;border-radius:4px;display:inline-block;margin-bottom:2px}.hero-description p:not(.hero-name){font-size:.8em;line-height:1;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.6);color:#fff;font-weight:600;letter-spacing:.3px;background:#0009;padding:3px 10px;border-radius:4px;display:inline-block}@media screen and (min-width: 1920px){.hero-description p:not(.hero-name){font-size:1em;line-height:1.2}}.threejs-container{width:100%;height:calc(100vh - 120px);position:relative;overflow:hidden;border-radius:8px;background:#0003}.selected-heroes-bottom{display:none!important;width:100%;background:#000c;padding:15px 15px 45px;border-radius:8px;position:relative;margin-top:10px;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;height:0;overflow:hidden}.selected-heroes-bottom.active{display:block;opacity:1;transform:translateY(0);height:auto;overflow:visible}.selected-heroes-bottom .hero-slots-container{display:flex;justify-content:space-between;gap:15px;padding:10px}.selected-heroes-bottom .slot-wrapper{flex:1;max-width:48%;display:flex;flex-direction:column;gap:8px}.selected-heroes-bottom .hero-slot{position:relative;width:100%;max-height:200px;aspect-ratio:3/4;background:#00000080;border:2px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden}.hero-slot:not(.empty){border:none}.selected-heroes-bottom .hero-slot.empty{border:2px dashed rgba(255,255,255,.2);top:109px}.selected-heroes-bottom .hero-image-container{width:100%;height:100%}.selected-heroes-bottom .hero-image-container img{width:auto;height:100%;object-fit:cover}.selected-heroes-bottom .hero-info{text-align:left;color:#fff;font-size:.9em;padding:8px;background:#00000080;border-radius:6px}.selected-heroes-bottom .hero-name{font-weight:700;color:#646cff;margin-bottom:6px;font-size:1.1em}.selected-heroes-bottom .hero-desc{font-size:.85em;line-height:1.4;opacity:.9}.selected-heroes-bottom .hero-resources{height:100px;display:flex;flex-direction:row;flex-wrap:wrap;gap:0;justify-content:center;flex-flow:wrap-reverse;align-items:end;z-index:4;padding:4px}.selected-heroes-bottom .hero-resources .resource-image-wrapper{transform:scale(.7);width:48px;height:48px}.selected-heroes-bottom .hero-resources .resource-image-wrapper .amount{right:-4px;transform:scale(1.3)}.selected-heroes-bottom .resource-item{background:#000c;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003;margin:0}.selected-heroes-bottom .resource-item img{width:24px;height:24px;object-fit:contain}.selected-heroes-bottom .resource-amount{position:absolute;bottom:-6px;right:-6px;background:#646cff;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;padding:2px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003;font-weight:700}@media screen and (max-width: 768px){.scene-container{flex-direction:column;padding:10px;min-height:100vh}.selected-heroes{display:none!important}.threejs-container{width:100%;height:70vh}.selected-heroes-bottom{display:none!important}.selected-heroes-bottom.active{display:block!important;opacity:1;transform:translateY(0);height:auto;overflow:visible}}.scroll-indicator{position:absolute;bottom:20px;left:37%;transform:translate(-50%);width:40px;height:40px;cursor:pointer;z-index:2;display:none;opacity:.8;transition:opacity .3s ease}.scroll-indicator.visible{display:block;animation:gentleBounce 2s infinite}.scroll-indicator:hover{opacity:1}.scroll-indicator svg{width:100%;height:100%;fill:#00cc7a;filter:drop-shadow(0 0 3px rgba(0,204,122,.5))}@media (max-width: 768px){.scene-wrapper .scroll-indicator{display:none!important}#selected-heroes-bottom .scroll-indicator.visible{display:block!important}}@media (min-width: 769px){#selected-heroes-bottom .scroll-indicator{display:none!important}.scene-wrapper .scroll-indicator.visible{display:block!important}}@keyframes gentleBounce{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(-10px) translate(-50%)}60%{transform:translateY(-5px) translate(-50%)}}.scene-wrapper{width:100%;height:100%;position:relative}.scene-wrapper canvas{width:100%!important;height:100%!important;pointer-events:auto!important}.selected-heroes .hero-resources{position:absolute;top:12px;right:12px;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-end;z-index:4;padding:4px}.selected-heroes .resource-item{background:#000c;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003;margin:0}.selected-heroes .resource-item img{width:38px;height:38px;object-fit:contain}.selected-heroes .resource-amount{position:absolute;bottom:-5px;right:-5px;background:#646cff;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;padding:2px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003;font-weight:700}#hero-selection{scroll-margin-top:80px;z-index:2}#selected-heroes-bottom .scroll-indicator{position:absolute;bottom:20px;left:48%;transform:translate(-50%);width:30px;height:40px;cursor:pointer;z-index:100;display:none;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.scroll-indicator.visible{display:block!important}@media (max-width: 768px){.scene-wrapper .scroll-indicator{display:none!important}}@media (min-width: 769px){#selected-heroes-bottom .scroll-indicator{display:none!important}}#instruction-text{position:absolute;top:5%;left:50%;transform:translate(-50%);color:var(--color-main);font-size:1em;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:2px;padding:15px 30px;background:linear-gradient(to bottom,#0006,#0009);border:1px solid rgba(255,255,255,.1);border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px #00cc7a33,inset 0 0 20px #00cc7a1a;text-shadow:0 0 10px rgba(0,204,122,.5),0 0 20px rgba(0,204,122,.3);z-index:5;opacity:.9;transition:all .3s ease}#instruction-text:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:8px;background:linear-gradient(45deg,rgba(0,204,122,.3),transparent 30%,transparent 70%,rgba(0,204,122,.3));z-index:-1;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes bounceText{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.03)}}@media screen and (max-width: 768px){#instruction-text{padding:12px 24px;width:80%}}@media screen and (max-width: 480px){#instruction-text{padding:10px 20px;top:3%}}.wp-block-table{overflow-x:auto;margin:0}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{background-color:initial;border-bottom:1px solid #f0f0f0;border-collapse:inherit;border-spacing:0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:#0000}.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr,.wp-block-table .has-border-color>*{border-color:inherit}.wp-block-table table[style*=border-top-color] tr:first-child,.wp-block-table table[style*=border-top-color] tr:first-child td,.wp-block-table table[style*=border-top-color] tr:first-child th,.wp-block-table table[style*=border-top-color]>*,.wp-block-table table[style*=border-top-color]>* td,.wp-block-table table[style*=border-top-color]>* th{border-top-color:inherit}.wp-block-table table[style*=border-top-color] tr:not(:first-child){border-top-color:initial}.wp-block-table table[style*=border-right-color] td:last-child,.wp-block-table table[style*=border-right-color] th,.wp-block-table table[style*=border-right-color] tr,.wp-block-table table[style*=border-right-color]>*{border-right-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:last-child,.wp-block-table table[style*=border-bottom-color] tr:last-child td,.wp-block-table table[style*=border-bottom-color] tr:last-child th,.wp-block-table table[style*=border-bottom-color]>*,.wp-block-table table[style*=border-bottom-color]>* td,.wp-block-table table[style*=border-bottom-color]>* th{border-bottom-color:inherit}.wp-block-table table[style*=border-bottom-color] tr:not(:last-child){border-bottom-color:initial}.wp-block-table table[style*=border-left-color] td:first-child,.wp-block-table table[style*=border-left-color] th,.wp-block-table table[style*=border-left-color] tr,.wp-block-table table[style*=border-left-color]>*{border-left-color:inherit}.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr,.wp-block-table table[style*=border-style]>*{border-style:inherit}.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr,.wp-block-table table[style*=border-width]>*{border-style:inherit;border-width:inherit}