.play-section{overflow:hidden}.play-circle{border:1px dashed var(--base_color);height:478px;position:relative;width:478px}.game-circle,.play-circle{align-items:center;border-radius:50%;display:flex;justify-content:center;margin:0 auto}.game-circle{background-color:var(--white_color);height:289px;width:289px}.game-circle h4{margin:0}.dot-circle{height:480px;margin-left:-240px;margin-top:-240px;top:50%;width:480px}.dot-circle,.dot-circle span{border-radius:50%;left:50%;position:absolute}.dot-circle span{background-color:var(--base_color);display:block;height:41px;margin-left:-21px;margin-top:-21px;top:0;width:41px}.darkmode .play-circle{border-color:var(--white_color)}.darkmode .dot-circle span{background-color:var(--white_color)}.darkmode .game-circle h4{color:var(--base_color)}.darkmode .text{color:var(--white_color)}.attract-text,.delight-text,.engage-text{animation:spin-right 20s linear infinite;border-radius:50%;height:478px;position:absolute;top:0;width:478px}.attract-text .text{position:absolute;right:44%;top:-53px}.engage-text .text{position:absolute;right:33%;top:24px}.delight-text .text{left:33%;position:absolute;top:19px}.engage-text .dot-circle{margin-left:-15px;margin-top:80px}.delight-text .dot-circle{margin-left:-465px;margin-top:80px}@keyframes spin-right{5%{transform:rotate(18deg)}10%{transform:rotate(36deg)}15%{transform:rotate(54deg)}20%{transform:rotate(72deg)}25%{transform:rotate(90deg)}30%{transform:rotate(108deg)}35%{transform:rotate(126deg)}40%{transform:rotate(144deg)}45%{transform:rotate(162deg)}50%{transform:rotate(180deg)}55%{transform:rotate(198deg)}60%{transform:rotate(216deg)}65%{transform:rotate(234deg)}70%{transform:rotate(252deg)}75%{transform:rotate(270deg)}80%{transform:rotate(288deg)}85%{transform:rotate(306deg)}90%{transform:rotate(324deg)}95%{transform:rotate(342deg)}to{transform:rotate(1turn)}}@keyframes spin-attract{5%{transform:translate3d(10px,-2px,0) rotate(-18deg)}10%{transform:translate3d(15px,-8px,0) rotate(-36deg)}15%{transform:translate3d(20px,-25px,0) rotate(-52deg)}20%{transform:translate3d(15px,-32px,0) rotate(-72deg)}25%{transform:translate3d(15px,-35px,0) rotate(-90deg)}30%{transform:translate3d(-5px,-38px,0) rotate(-108deg)}35%{transform:translate3d(-20px,-30px,0) rotate(-126deg)}40%{transform:translate3d(10px,-20px,0) rotate(-144deg)}45%{transform:translate3d(15px,-10px,0) rotate(-162deg)}50%{transform:translateZ(0) rotate(-180deg)}55%{transform:translate3d(10px,-10px,0) rotate(-198deg)}60%{transform:translate3d(0,-5px,0) rotate(-216deg)}65%{transform:translate3d(30px,-35px,0) rotate(-234deg)}70%{transform:translate3d(30px,-35px,0) rotate(-252deg)}75%{transform:translate3d(15px,-40px,0) rotate(-270deg)}80%{transform:translate3d(-10px,-40px,0) rotate(-288deg)}85%{transform:translate3d(-20px,-35px,0) rotate(-306deg)}90%{transform:translate3d(-15px,-30px,0) rotate(-324deg)}95%{transform:translate3d(15px,-10px,0) rotate(-342deg)}to{transform:translateZ(0) rotate(-1turn)}}@keyframes spin-engage{5%{transform:translate3d(-10px,-5px,0) rotate(-18deg)}10%{transform:translate3d(-20px,-10px,0) rotate(-36deg)}15%{transform:translate3d(-17px,-20px,0) rotate(-54deg)}20%{transform:translate3d(-15px,-25px,0) rotate(-72deg)}25%{transform:translate3d(-14px,-28px,0) rotate(-90deg)}30%{transform:translate3d(-5px,-30px,0) rotate(-108deg)}35%{transform:translate3d(0,-30px,0) rotate(-126deg)}40%{transform:translate3d(5px,-4px,0) rotate(-144deg)}45%{transform:translate3d(14px,-17px,0) rotate(-162deg)}50%{transform:translate3d(15px,-25px,0) rotate(-180deg)}55%{transform:translate3d(15px,-30px,0) rotate(-198deg)}60%{transform:translate3d(-14px,-9px,0) rotate(-216deg)}65%{transform:translate3d(-12px,-20px,0) rotate(-234deg)}70%{transform:translate3d(-8px,-30px,0) rotate(-252deg)}75%{transform:translate3d(-10px,-10px,0) rotate(-270deg)}80%{transform:translate3d(-2px,-10px,0) rotate(-288deg)}85%{transform:translate3d(-2px,9px,0) rotate(-306deg)}90%{transform:translate3d(5px,-5px,0) rotate(-324deg)}95%{transform:translate3d(12px,-17px,0) rotate(-342deg)}to{transform:translateZ(0) rotate(-1turn)}}@keyframes spin-delight{5%{transform:translate3d(-12px,-13px,0) rotate(-18deg)}10%{transform:translate3d(-8px,-3px,0) rotate(-36deg)}15%{transform:translate3d(-3px,-2px,0) rotate(-54deg)}20%{transform:translate3d(5px,5px,0) rotate(-72deg)}25%{transform:translate3d(5px,-22px,0) rotate(-90deg)}30%{transform:translate3d(7px,-20px,0) rotate(-108deg)}35%{transform:translate3d(6px,-23px,0) rotate(-126deg)}40%{transform:translate3d(0,-21px,0) rotate(-144deg)}45%{transform:translate3d(-10px,-20px,0) rotate(-162deg)}50%{transform:translate3d(-16px,-20px,0) rotate(-180deg)}55%{transform:translate3d(-10px,-10px,0) rotate(-198deg)}60%{transform:translate3d(-15px,-10px,0) rotate(-216deg)}65%{transform:translate3d(-10px,-7px,0) rotate(-234deg)}70%{transform:translate3d(0,-10px,0) rotate(-252deg)}75%{transform:translate3d(4px,-15px,0) rotate(-270deg)}80%{transform:translate3d(10px,-18px,0) rotate(-288deg)}85%{transform:translate3d(15px,-14px,0) rotate(-306deg)}90%{transform:translate3d(12px,-7px,0) rotate(-324deg)}95%{transform:translate3d(14px,-3px,0) rotate(-342deg)}to{transform:translateZ(0) rotate(-1turn)}}@keyframes mob-spin-attract{5%{transform:rotate(-18deg) translate3d(10px,10px,0)}10%{transform:rotate(-36deg) translate3d(30px,10px,0)}15%{transform:rotate(-54deg) translate3d(35px,15px,0)}20%{transform:rotate(-72deg) translate3d(35px,25px,0)}25%{transform:rotate(-90deg) translate3d(30px,30px,0)}30%{transform:rotate(-108deg) translate3d(25px,20px,0)}35%{transform:rotate(-126deg) translate3d(20px,10px,0)}40%{transform:rotate(-144deg) translate3d(-20px,20px,0)}45%{transform:rotate(-162deg) translate3d(-10px,10px,0)}50%{transform:rotate(-180deg) translateZ(0)}55%{transform:rotate(-198deg) translate3d(-10px,-10px,0)}60%{transform:rotate(-216deg) translate3d(-15px,-10px,0)}65%{transform:rotate(-234deg) translate3d(-35px,-15px,0)}70%{transform:rotate(-252deg) translate3d(-40px,-25px,0)}75%{transform:rotate(-270deg) translate3d(-30px,-25px,0)}80%{transform:rotate(-288deg) translate3d(-20px,-20px,0)}85%{transform:rotate(-306deg) translate3d(-20px,-20px,0)}90%{transform:rotate(-324deg) translate3d(-25px,-5px,0)}95%{transform:rotate(-342deg) translate3d(15px,-5px,0)}to{transform:rotate(-1turn) translate3d(20px,5px,0)}}@keyframes mob-spin-engage{5%{transform:translate3d(7px,-5px,0) rotate(-18deg)}10%{transform:translate3d(10px,-5px,0) rotate(-36deg)}15%{transform:translate3d(5px,-7px,0) rotate(-54deg)}20%{transform:translate3d(10px,0,0) rotate(-72deg)}25%{transform:translate3d(5px,10px,0) rotate(-90deg)}30%{transform:translate3d(15px,17px,0) rotate(-108deg)}35%{transform:translate3d(25px,17px,0) rotate(-120deg)}40%{transform:translate3d(35px,-5px,0) rotate(-144deg)}45%{transform:translate3d(45px,-15px,0) rotate(-162deg)}50%{transform:translate3d(50px,-35px,0) rotate(-180deg)}55%{transform:translate3d(55px,-45px,0) rotate(-198deg)}60%{transform:translate3d(40px,-40px,0) rotate(-216deg)}65%{transform:translate3d(35px,-35px,0) rotate(-234deg)}70%{transform:translate3d(25px,-25px,0) rotate(-252deg)}75%{transform:translate3d(25px,-15px,0) rotate(-270deg)}80%{transform:translate3d(25px,5px,0) rotate(-288deg)}85%{transform:translate3d(25px,10px,0) rotate(-306deg)}90%{transform:translate3d(35px,-5px,0) rotate(-324deg)}95%{transform:translate3d(45px,-20px,0) rotate(-342deg)}to{transform:translate3d(50px,-35px,0) rotate(-1turn)}}@keyframes mob-spin-delight{5%{transform:translate3d(-45px,-15px,0) rotate(-18deg)}10%{transform:translate3d(-35px,5px,0) rotate(-36deg)}15%{transform:translate3d(-25px,15px,0) rotate(-54deg)}20%{transform:translate3d(-10px,25px,0) rotate(-72deg)}25%{transform:translate3d(10px,30px,0) rotate(-90deg)}30%{transform:translate3d(20px,30px,0) rotate(-108deg)}35%{transform:translate3d(-15px,-15px,0) rotate(-126deg)}40%{transform:translate3d(-20px,-15px,0) rotate(-144deg)}45%{transform:translate3d(-30px,-15px,0) rotate(-162deg)}50%{transform:translate3d(-45px,-30px,0) rotate(-180deg)}55%{transform:translate3d(-40px,-15px,0) rotate(-198deg)}60%{transform:translate3d(-35px,0,0) rotate(-216deg)}65%{transform:translate3d(-25px,15px,0) rotate(-234deg)}70%{transform:translate3d(-10px,20px,0) rotate(-252deg)}75%{transform:translate3d(0,25px,0) rotate(-270deg)}80%{transform:translate3d(-20px,-15px,0) rotate(-288deg)}85%{transform:translate3d(-20px,-10px,0) rotate(-306deg)}90%{transform:translate3d(-16px,-10px,0) rotate(-324deg)}95%{transform:translate3d(-40px,-30px,0) rotate(-342deg)}to{transform:translate3d(-45px,-30px,0) rotate(-1turn)}}@keyframes mob2-spin-attract{5%{transform:rotate(-18deg) translate3d(0,5px,0)}10%{transform:rotate(-36deg) translate3d(0,5px,0)}15%{transform:rotate(-54deg) translateZ(0)}20%{transform:rotate(-72deg) translate3d(8px,10px,0)}25%{transform:rotate(-90deg) translate3d(6px,4px,0)}30%{transform:rotate(-108deg) translate3d(6px,5px,0)}35%{transform:rotate(-126deg) translate3d(5px,3px,0)}40%{transform:rotate(-144deg) translate3d(5px,0,0)}45%{transform:rotate(-162deg) translate3d(-2px,0,0)}50%{transform:rotate(-180deg) translateZ(0)}55%{transform:rotate(-198deg) translate3d(-3px,-2px,0)}60%{transform:rotate(-216deg) translate3d(-6px,-3px,0)}65%{transform:rotate(-234deg) translate3d(-12px,-3px,0)}70%{transform:rotate(-252deg) translate3d(-12px,-6px,0)}75%{transform:rotate(-270deg) translate3d(-7px,-2px,0)}80%{transform:rotate(-288deg) translate3d(-9px,5px,0)}85%{transform:rotate(-306deg) translate3d(-11px,5px,0)}90%{transform:rotate(-324deg) translate3d(-13px,5px,0)}95%{transform:rotate(-342deg) translate3d(-7px,5px,0)}to{transform:rotate(-1turn) translateZ(0)}}@keyframes mob2-spin-engage{5%{transform:translate3d(5px,-5px,0) rotate(-18deg)}10%{transform:translate3d(4px,-4px,0) rotate(-36deg)}15%{transform:translate3d(0,-8px,0) rotate(-54deg)}20%{transform:translate3d(-10px,-6px,0) rotate(-72deg)}25%{transform:translate3d(-14px,-5px,0) rotate(-90deg)}30%{transform:translate3d(-13px,5px,0) rotate(-108deg)}35%{transform:translate3d(-2px,15px,0) rotate(-120deg)}40%{transform:translate3d(0,15px,0) rotate(-144deg)}45%{transform:translate3d(0,10px,0) rotate(-162deg)}50%{transform:translateZ(0) rotate(-180deg)}55%{transform:translate3d(4px,-8px,0) rotate(-198deg)}60%{transform:translate3d(5px,-16px,0) rotate(-216deg)}65%{transform:translate3d(-11px,10px,0) rotate(-234deg)}70%{transform:translate3d(-10px,7px,0) rotate(-252deg)}75%{transform:translate3d(-10px,5px,0) rotate(-270deg)}80%{transform:translate3d(-10px,25px,0) rotate(-288deg)}85%{transform:translate3d(-5px,25px,0) rotate(-306deg)}90%{transform:translate3d(-4px,21px,0) rotate(-324deg)}95%{transform:translate3d(1px,12px,0) rotate(-342deg)}to{transform:translate3d(0,10px,0) rotate(-1turn)}}@keyframes mob2-spin-delight{5%{transform:translate3d(2px,10px,0) rotate(-18deg)}10%{transform:translate3d(0,15px,0) rotate(-36deg)}15%{transform:translate3d(3px,25px,0) rotate(-54deg)}20%{transform:translate3d(10px,15px,0) rotate(-72deg)}25%{transform:translate3d(10px,10px,0) rotate(-90deg)}30%{transform:translate3d(12px,6px,0) rotate(-108deg)}35%{transform:translate3d(6px,-12px,0) rotate(-126deg)}40%{transform:translate3d(0,-18px,0) rotate(-144deg)}45%{transform:translate3d(0,-12px,0) rotate(-162deg)}50%{transform:translateZ(0) rotate(-180deg)}55%{transform:translate3d(3px,10px,0) rotate(-198deg)}60%{transform:translate3d(3px,20px,0) rotate(-216deg)}65%{transform:translate3d(7px,25px,0) rotate(-234deg)}70%{transform:translate3d(11px,30px,0) rotate(-252deg)}75%{transform:translate3d(16px,15px,0) rotate(-270deg)}80%{transform:translate3d(14px,13px,0) rotate(-288deg)}85%{transform:translate3d(10px,5px,0) rotate(-306deg)}90%{transform:translate3d(5px,10px,0) rotate(-324deg)}95%{transform:translate3d(5px,15px,0) rotate(-342deg)}to{transform:translateZ(0) rotate(-1turn)}}@media(min-width:768px){.attract-text .text{animation:spin-attract 20s linear infinite}.engage-text .text{animation:spin-engage 20s linear infinite}.delight-text .text{animation:spin-delight 20s linear infinite}}@media(max-width:767px){.game-circle{height:158px;width:158px}.attract-text,.delight-text,.dot-circle,.engage-text,.play-circle{height:262px;width:262px}.game-circle h4{font-size:14px}.dot-circle{margin-left:-131px;margin-top:-131px}.dot-circle span{height:20px;margin-left:-11px;margin-top:-11px;width:20px}.delight-text .dot-circle{margin-left:-235px}.attract-text .text{animation:mob-spin-attract 20s linear infinite}.engage-text .text{animation:mob-spin-engage 20s linear infinite}.delight-text .text{animation:mob-spin-delight 20s linear infinite}.engage-text .dot-circle{margin-left:-27px}}@media(max-width:640px){.game-circle{height:120px;width:120px}.attract-text,.delight-text,.dot-circle,.engage-text,.play-circle{height:180px;width:180px}.attract-text .text{right:40%;top:-40px}.dot-circle{margin-left:-90px;margin-top:-90px}.attract-text,.delight-text,.engage-text{font-size:14px}.dot-circle span{height:15px;margin-left:-8px;margin-top:-8px;width:15px}.engage-text .dot-circle{margin-left:0;margin-top:15px}.delight-text .dot-circle{margin-left:-177px;margin-top:20px}.engage-text .text{font-size:12px;right:15%;top:-9px}.delight-text .text{font-size:12px;left:15%;position:absolute;top:-10px}.attract-text .text{animation:mob2-spin-attract 20s linear infinite;font-size:12px}.engage-text .text{animation:mob2-spin-engage 20s linear infinite}.delight-text .text{animation:mob2-spin-delight 20s linear infinite}}