:root{--color-yellow:#F4FF76;--color-pink:#FB33C9;--color-blue:#26118E;--color-pink-light:#F8DCFC;--color-purple:#D6CEFF;--color-black:#1e1e1e;--font-en:var(--font-dangrek)}@keyframes toTranspalent{0%{opacity:1}to{opacity:.2}}@keyframes toRightKV{0%{transform:translateX(-50%)}to{transform:translateX(50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInTopCenter{0%{transform:translate(-50%,-50px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flow{0%{transform:translateX(0)}to{transform:translateX(-200%)}}@keyframes flow2{0%{transform:translateX(-50%)}to{transform:translateX(-250%)}}.how-to-play{padding:256px 16px 80px;position:relative;overflow:hidden}@media(min-width:768px){.how-to-play{padding:373px 16px 80px}}@media(min-width:1024px){.how-to-play{padding:430px 16px 160px}}.how-to-play_character{position:absolute;top:13px;left:50%;transform:translateX(-50%) translateY(200px) scale(.9);width:338px;z-index:-1;opacity:0;transition:all .3s}@media(min-width:768px){.how-to-play_character{width:677px;top:0}}.how-to-play_character.animate-slide-up{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}.how-to-play_bg{width:1000px;border-radius:50%;height:calc(100% - 150px);position:absolute;top:150px;left:50%;z-index:-1;background-color:var(--color-pink-light);background-image:url(/images/top/how-to-play_bg.png);background-size:48px 48px;opacity:0;transform:scale(.9) rotate(-5deg) translateX(-50%);transition:opacity .4s,transform .4s}@media(min-width:768px){.how-to-play_bg{width:1300px;top:259px;height:calc(100% - 259px)}}@media(min-width:1024px){.how-to-play_bg{top:239px;width:1200px;height:1200px}}.how-to-play_bg.animate-fade-in{opacity:1;transform:scale(1) rotate(0deg) translateX(-50%)}.how-to-play h2{font-size:60px;font-weight:700;text-align:center;font-family:var(--font-en);line-height:1}@media(min-width:768px){.how-to-play h2{font-size:81px}}.how-to-play_title{display:flex;flex-direction:column;align-items:center;font-weight:800;color:var(--color-blue);font-size:16px;position:absolute;top:218px;left:50%;transform:translateX(-50%) skewY(-5deg);letter-spacing:.06em}@media(min-width:768px){.how-to-play_title{top:339px;font-size:22px}}@media(min-width:1024px){.how-to-play_title{top:395px}}.how-to-play_title .big{font-size:50px;font-weight:900;color:#fff;-webkit-text-stroke:2px var(--color-blue);text-shadow:2px 4px 0 var(--color-blue);line-height:1.2}@media(min-width:768px){.how-to-play_title .big{font-size:67px;-webkit-text-stroke:3px var(--color-blue);text-shadow:3px 5px 0 var(--color-blue)}}.how-to-play_list{margin-top:24px;display:flex;flex-direction:column;gap:20px}.how-to-play_list.animate-fade-in li{opacity:1;transform:scale(1)}@media(min-width:768px){.how-to-play_list{margin-top:40px;max-width:540px;margin-left:auto;margin-right:auto}}@media(min-width:1024px){.how-to-play_list{flex-direction:row;max-width:1000px;justify-content:space-between;align-items:flex-start}}.how-to-play_list li{display:flex;align-items:center;gap:20px;counter-increment:how-to-play-list;opacity:0;transform:scale(.9);transition:opacity .4s,transform .4s}.how-to-play_list li:first-child{transition-delay:.3s}.how-to-play_list li:nth-child(2){transition-delay:.5s}.how-to-play_list li:nth-child(3){transition-delay:.7s}@media(min-width:1024px){.how-to-play_list li{flex-direction:column;align-items:flex-start}.how-to-play_list li:nth-child(2){margin-top:60px}.how-to-play_list li:nth-child(3){margin-top:120px}}.how-to-play_list_text{flex:1 1;color:var(--color-blue)}.how-to-play_list_text:before{content:"0" counter(how-to-play-list);display:inline-block;font-size:50px;letter-spacing:.06em;font-family:var(--font-en);line-height:50px;color:var(--color-yellow);-webkit-text-stroke:2px var(--color-blue);text-shadow:2px 4px 0 var(--color-blue)}@media(min-width:768px){.how-to-play_list_text:before{font-size:60px;line-height:60px}}.how-to-play_list_text p{margin-top:8px;font-size:24px;line-height:1.2;font-weight:900}@media(min-width:768px){.how-to-play_list_text p{font-size:32px}}.how-to-play_list_image{flex-basis:147px}@media(min-width:768px){.how-to-play_list_image{flex-basis:294px}}.how-to-play_note{margin-top:44px;text-align:center;line-height:1.7;font-weight:800;color:var(--color-black)}@media(min-width:768px){.how-to-play_note{margin-top:60px;font-size:18px}}.how-to-play_btn{margin-top:12px;text-align:center}