@font-face {font-display: swap;font-family: Wak;font-style: normal;font-weight: 500;src: url(../../../fonts/Wak/medium/Wak-Medium.woff) format("woff"), url(../../../fonts/Wak/medium/Wak-Medium.woff2) format("woff2"), url(../../../fonts/Wak/medium/Wak-Medium.ttf) format("truetype") }@font-face {font-display: swap;font-family: Noto Sans;font-style: normal;font-weight: 500;src: url(../../../fonts/Noto-Sans/medium/NotoSans-Medium.woff) format("woff"), url(../../../fonts/Noto-Sans/medium/NotoSans-Medium.woff2) format("woff2"), url(../../../fonts/Noto-Sans/medium/NotoSans-Medium.ttf) format("truetype") }@font-face {font-display: swap;font-family: Noto Sans;font-style: normal;font-weight: 700;src: url(../../../fonts/Noto-Sans/bold/NotoSans-Bold.woff) format("woff"), url(../../../fonts/Noto-Sans/bold/NotoSans-Bold.woff2) format("woff2"), url(../../../fonts/Noto-Sans/bold/NotoSans-Bold.ttf) format("truetype") }a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {border: 0;font-size: 100%;font: inherit;margin: 0;padding: 0;vertical-align: baseline }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block }body {line-height: 1 }ol, ul {list-style: none }blockquote, q {quotes: none }blockquote:after, blockquote:before, q:after, q:before {content: "";content: none }table {border-collapse: collapse;border-spacing: 0 }*, :after, :before {-webkit-box-sizing: border-box;box-sizing: border-box }@-webkit-keyframes slide-down {0% {-webkit-transform: translateY(0);transform: translateY(0) }50% {-webkit-transform: translateY(15px);transform: translateY(15px) }to {-webkit-transform: translateY(0);transform: translateY(0) }}@keyframes slide-down {0% {-webkit-transform: translateY(0);transform: translateY(0) }50% {-webkit-transform: translateY(15px);transform: translateY(15px) }to {-webkit-transform: translateY(0);transform: translateY(0) }}@-webkit-keyframes slide-up {0% {-webkit-transform: translate(0);transform: translate(0) }35% {-webkit-transform: translateY(20%);transform: translateY(20%) }50% {-webkit-transform: translateY(15%);transform: translateY(15%) }65% {-webkit-transform: translateY(20%);transform: translateY(20%) }to {-webkit-transform: translate(0);transform: translate(0) }}@keyframes slide-up {0% {-webkit-transform: translate(0);transform: translate(0) }35% {-webkit-transform: translateY(20%);transform: translateY(20%) }50% {-webkit-transform: translateY(15%);transform: translateY(15%) }65% {-webkit-transform: translateY(20%);transform: translateY(20%) }to {-webkit-transform: translate(0);transform: translate(0) }}@-webkit-keyframes rotate-btn-wheel {0% {-webkit-box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;-webkit-transform: rotate(0);transform: rotate(0) }5% {-webkit-box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;-webkit-transform: rotate(0);transform: rotate(0) }40% {-webkit-box-shadow: inset 0 -4px 12px 0 #0af62d, inset 4px 4px 12px 0 #05f82a;box-shadow: inset 0 -4px 12px 0 #0af62d, inset 4px 4px 12px 0 #05f82a;-webkit-transform: rotate(180deg);transform: rotate(180deg) }60% {-webkit-box-shadow: inset 0 -4px 12px 0 #0af62d, inset 4px 4px 12px 0 #05f82a;box-shadow: inset 0 -4px 12px 0 #0af62d, inset 4px 4px 12px 0 #05f82a;-webkit-transform: rotate(180deg);transform: rotate(180deg) }95% {-webkit-box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;-webkit-transform: rotate(0);transform: rotate(0) }to {-webkit-box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;-webkit-transform: rotate(0);transform: rotate(0) }}@keyframes rotate-btn-wheel {0% {-webkit-box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;-webkit-transform: rotate(0);transform: rotate(0) }5% {-webkit-box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;-webkit-transform: rotate(0);transform: rotate(0) }40% {-webkit-box-shadow: inset 0 -4px 12px 0 #0af62d, inset 4px 4px 12px 0 #05f82a;box-shadow: inset 0 -4px 12px 0 #0af62d, inset 4px 4px 12px 0 #05f82a;-webkit-transform: rotate(180deg);transform: rotate(180deg) }60% {-webkit-box-shadow: inset 0 -4px 12px 0 #0af62d, inset 4px 4px 12px 0 #05f82a;box-shadow: inset 0 -4px 12px 0 #0af62d, inset 4px 4px 12px 0 #05f82a;-webkit-transform: rotate(180deg);transform: rotate(180deg) }95% {-webkit-box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;-webkit-transform: rotate(0);transform: rotate(0) }to {-webkit-box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;-webkit-transform: rotate(0);transform: rotate(0) }}@-webkit-keyframes scale-up {to {opacity: 1;-webkit-transform: scale(1);transform: scale(1) }}@keyframes scale-up {to {opacity: 1;-webkit-transform: scale(1);transform: scale(1) }}@-webkit-keyframes scale-up-to-down {0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0) }5% {opacity: 0;-webkit-transform: scale(0);transform: scale(0) }40% {opacity: 1;-webkit-transform: scale(1);transform: scale(1) }60% {opacity: 1;-webkit-transform: scale(1);transform: scale(1) }95% {opacity: 0;-webkit-transform: scale(0);transform: scale(0) }to {opacity: 0;-webkit-transform: scale(0);transform: scale(0) }}@keyframes scale-up-to-down {0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0) }5% {opacity: 0;-webkit-transform: scale(0);transform: scale(0) }40% {opacity: 1;-webkit-transform: scale(1);transform: scale(1) }60% {opacity: 1;-webkit-transform: scale(1);transform: scale(1) }95% {opacity: 0;-webkit-transform: scale(0);transform: scale(0) }to {opacity: 0;-webkit-transform: scale(0);transform: scale(0) }}html {background-color: #edd1ab;color: #fff }body {height: 100vh;overflow: hidden }main {background-image: url(../img/Background.jpg);background-position: top;background-size: cover;-webkit-transition: .5s;transition: .5s }.hidden {display: none !important }.nowrap {white-space: nowrap }.no-anim {-webkit-animation: none !important;animation: none !important }.btn {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background: transparent;border: none;-webkit-box-shadow: none;box-shadow: none;cursor: pointer;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center;outline: none;text-decoration: none;-webkit-transition: .5s;transition: .5s }.btn, .btn-wheel {text-align: center }.btn-wheel {background: -webkit-gradient(linear, left top, left bottom, from(#ffb86f), to(#bf601c));background: linear-gradient(180deg, #ffb86f, #bf601c);border: 1px solid #70390b;border-radius: 50%;bottom: 0;color: inherit;font-family: inherit;font-size: 20px;font-weight: inherit;height: 100px;left: 0;letter-spacing: -.2px;line-height: 32px;margin: auto;padding: 5px;position: absolute;right: 0;text-transform: uppercase;top: 0;width: 100px;z-index: 3 }@media screen and (min-width: 600px) {.btn-wheel {font-size: 24px;height: 132px;letter-spacing: -.24px;width: 132px }}@media screen and (min-width: 905px) {.btn-wheel {font-size: 28px;height: 148px;letter-spacing: -.28px;width: 148px }}@media screen and (min-width: 1240px) {.btn-wheel {font-size: 32px;height: 168px;letter-spacing: -.32px;width: 168px }}.btn-wheel:before {-webkit-animation: scale-up-to-down 4s ease-in-out infinite;animation: scale-up-to-down 4s ease-in-out infinite;background-image: url(../img/drawing/Glow.png);background-position: top;background-size: cover;bottom: 0;height: 249%;left: -100%;margin: auto;pointer-events: none;right: -100%;-webkit-transform: scale(0);transform: scale(0);-webkit-transform-origin: center;transform-origin: center;width: 273%;z-index: -1 }.btn-wheel:after, .btn-wheel:before {content: "";opacity: 0;position: absolute;top: 0;-webkit-transition: .5s;transition: .5s }.btn-wheel:after {background: rgba(0, 0, 0, .64);left: 0;visibility: hidden;z-index: 1 }.btn-wheel .btn__wrapper, .btn-wheel:after {border-radius: inherit;height: 100%;width: 100% }.btn-wheel .btn__wrapper {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center;position: relative }.btn-wheel .btn__wrapper:before {-webkit-animation: rotate-btn-wheel 4s ease-in-out infinite;animation: rotate-btn-wheel 4s ease-in-out infinite;background: -webkit-gradient(linear, left top, left bottom, from(#015004), color-stop(31.7%, #015406), color-stop(57.01%, #038e14), color-stop(66.76%, #039017), to(#049e1b));background: linear-gradient(180deg, #015004, #015406 31.7%, #038e14 57.01%, #039017 66.76%, #049e1b);border-radius: inherit;bottom: 0;-webkit-box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;content: "";height: 100%;left: 0;margin: auto;pointer-events: none;position: absolute;right: 0;top: 0;-webkit-transform: rotate(0);transform: rotate(0);-webkit-transform-origin: center;transform-origin: center;-webkit-transition: .5s;transition: .5s;width: 100% }.btn-wheel span {position: relative;z-index: 2 }.btn-wheel.active {-webkit-box-shadow: 0 0 0 4px #ffd23e;box-shadow: 0 0 0 4px #ffd23e }.btn-wheel.active .btn__wrapper:before, .btn-wheel.active:before {-webkit-animation: none;animation: none }.btn-wheel.active:hover .btn__wrapper:before {background: -webkit-gradient(linear, left top, left bottom, from(#015004), color-stop(31.7%, #015406), color-stop(57.01%, #038e14), color-stop(66.76%, #039017), to(#049e1b));background: linear-gradient(180deg, #015004, #015406 31.7%, #038e14 57.01%, #039017 66.76%, #049e1b);-webkit-box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24 }.btn-wheel.disable {cursor: not-allowed;-webkit-filter: drop-shadow(6px 4px 6px rgba(0, 0, 0, .64));filter: drop-shadow(6px 4px 6px rgba(0, 0, 0, .64)) }.btn-wheel.disable:before {-webkit-animation: none;animation: none }.btn-wheel.disable:after {opacity: 1;visibility: visible }.btn-wheel.disable .btn__wrapper:before {-webkit-animation: none;animation: none;background: -webkit-gradient(linear, left top, left bottom, from(#015004), color-stop(31.7%, #015406), color-stop(57.01%, #038e14), color-stop(66.76%, #039017), to(#049e1b));background: linear-gradient(180deg, #015004, #015406 31.7%, #038e14 57.01%, #039017 66.76%, #049e1b) }.btn-wheel.disable:hover:before {-webkit-animation: none;animation: none }.btn-wheel.disable:hover:after {opacity: 1;visibility: visible }.btn-wheel.disable:hover .btn__wrapper:before {-webkit-animation: none;animation: none;background: -webkit-gradient(linear, left top, left bottom, from(#015004), color-stop(31.7%, #015406), color-stop(57.01%, #038e14), color-stop(66.76%, #039017), to(#049e1b));background: linear-gradient(180deg, #015004, #015406 31.7%, #038e14 57.01%, #039017 66.76%, #049e1b) }.btn-wheel.hover:hover:before {-webkit-animation: scale-up .25s linear 1 forwards;animation: scale-up .25s linear 1 forwards }.btn-wheel.hover:hover .btn__wrapper:before {-webkit-animation: none;animation: none;background: -webkit-gradient(linear, left top, left bottom, from(#00a719), to(#00a719));background: linear-gradient(180deg, #00a719, #00a719);-webkit-box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24;box-shadow: inset 0 -2px 2px 0 #07d926, inset 2px 2px 4px 0 #03dc24 }.btn-wheel[disabled] {cursor: not-allowed !important }.btn-play {color: #ffe9d4;font-family: Wak, Noto Sans, Arial, sans-serif;font-size: 18px;font-weight: 500;height: 52px;line-height: 28px;min-width: 208px;padding: 8px;position: relative;text-align: center;text-transform: uppercase }@media screen and (min-width: 600px) {.btn-play {font-size: 24px;height: 60px;line-height: 28px;min-width: 240px }}@media screen and (min-width: 905px) {.btn-play {font-size: 28px;height: 68px;line-height: 32px;min-width: 271px }}@media screen and (min-width: 1240px) {.btn-play {font-size: 32px;height: 84px;min-width: 334px }}@media screen and (min-width: 1440px) {.btn-play {font-size: 36px;height: 91px;line-height: 48px;min-width: 361px;padding: 13px }}.btn-play:before {background-image: url(../img/drawing/btn__play-border.png);content: "";left: 0;position: absolute;top: 0;z-index: 3 }.btn-play .btn__wrapper, .btn-play:before {background-position: 50%;background-repeat: no-repeat;background-size: 100% 100%;height: 100%;width: 100% }.btn-play .btn__wrapper {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background-image: url(../img/drawing/btn__play-background.png);border-radius: 50px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center;overflow: hidden;position: relative }.btn-play .btn__wrapper:after {-webkit-box-shadow: 0 50px 40px -20px rgba(0, 0, 0, .5);box-shadow: 0 50px 40px -20px rgba(0, 0, 0, .5);content: "";height: 100%;left: 0;position: absolute;top: -200%;-webkit-transition: .5s;transition: .5s;width: 100%;z-index: 1 }.btn-play span {position: relative;text-shadow: 0 2px 0 rgba(0, 0, 0, .5);z-index: 2 }.btn-play:hover .btn__wrapper:after {-webkit-box-shadow: 0 50px 40px -20px rgba(252, 255, 124, .5);box-shadow: 0 50px 40px -20px rgba(252, 255, 124, .5);top: -100% }.btn-play:active .btn__wrapper:after {-webkit-box-shadow: 0 50px 40px -20px rgba(0, 0, 0, .5);box-shadow: 0 50px 40px -20px rgba(0, 0, 0, .5);top: -100% }.btn-link {color: #fff }.btn-link:hover {color: #d6dadd }.btn-link--colored {color: #5a9ef1 }.btn-link--colored:hover {color: #007fff }.copyright {-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;font-family: Noto Sans, Arial, sans-serif;font-size: 10px;font-weight: 700;line-height: 10px;position: fixed;right: 8px;top: 8px;-webkit-transition: .5s;transition: .5s;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;z-index: 2 }@media screen and (min-width: 600px) {.copyright {font-size: 12px;line-height: 12px;right: 4px;top: 12px }}@media screen and (min-width: 905px) {.copyright {font-size: 16px;line-height: 28px;top: 16px }}@media screen and (min-width: 1240px) {.copyright {top: 20px }}@media screen and (min-width: 1440px) {.copyright {top: 16px }}.copyright div {-webkit-transition: .5s;transition: .5s }.copyright img {height: auto;margin-bottom: 4px;width: 16px }@media screen and (min-width: 600px) {.copyright img {width: 20px }}@media screen and (min-width: 905px) {.copyright img {height: auto;margin-bottom: 8px;width: auto }}.drawing {font-family: Wak, Noto Sans, Arial, sans-serif;font-weight: 500;height: 100dvh;overflow: hidden;position: relative }.drawing:before {background: -webkit-gradient(linear, left top, left bottom, from(rgba(39, 14, 4, 0)), color-stop(36.38%, rgba(39, 14, 4, .86)), color-stop(68.93%, #270e04), to(#270e04));background: linear-gradient(180deg, rgba(39, 14, 4, 0), rgba(39, 14, 4, .86) 36.38%, #270e04 68.93%, #270e04);bottom: 0;content: "";height: 267px;left: 0;position: absolute;width: 100%;z-index: 4 }@media screen and (min-width: 600px) {.drawing:before {height: 184px }}@media screen and (min-width: 905px) {.drawing:before {height: 141px }}@media screen and (min-width: 1240px) {.drawing:before {height: 190px }}@media screen and (min-width: 1440px) {.drawing:before {height: 238px }}.drawing__wrapper {height: inherit;overflow-y: auto }.drawing__body {height: 100%;min-height: 714px;overflow: hidden;padding: 64px 38px }@media screen and (max-width: 599px)and (max-height: 714px) {.drawing__body {min-height: 666px }}@media screen and (min-width: 600px) {.drawing__body {padding: 59px 16px }}@media screen and (min-width: 905px) {.drawing__body {min-height: 686px;padding: 56px 0 }}@media screen and (min-width: 1240px) {.drawing__body {min-height: 800px;padding: 32px 0 }}@media screen and (min-width: 1440px) {.drawing__body {padding: 48px 16px 90px }}.drawing__head {left: 8px;position: absolute;top: 8px }@media screen and (min-width: 600px) {.drawing__head {left: 12px;top: 12px }}@media screen and (min-width: 905px) {.drawing__head {left: 20px;top: 16px }}@media screen and (min-width: 1240px) {.drawing__head {top: 20px }}.drawing__head img {height: auto;width: 82px }@media screen and (min-width: 600px) {.drawing__head img {width: 102px }}@media screen and (min-width: 905px) {.drawing__head img {width: 113px }}@media screen and (min-width: 1240px) {.drawing__head img {width: 147px }}@media screen and (min-width: 1440px) {.drawing__head img {height: auto;width: auto }}.drawing__main {-webkit-box-pack: center;-ms-flex-pack: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center;position: relative;z-index: 6 }@media screen and (min-height: 1024px) {.drawing__main {-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;height: 100% }}.drawing__content {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin: auto;max-width: 392px;width: 100% }@media screen and (min-width: 905px) {.drawing__content {max-width: 429px }}@media screen and (min-width: 1240px) {.drawing__content {max-width: 502px }}.drawing__title {color: inherit;font-family: inherit;font-size: 24px;font-weight: inherit;letter-spacing: -.24px;line-height: 24px;margin-bottom: 66px;text-align: center;-webkit-transition: .5s;transition: .5s }@media screen and (min-width: 600px) {.drawing__title {font-size: 28px;letter-spacing: -.28px;line-height: 28px;margin-bottom: 65px }}@media screen and (min-width: 905px) {.drawing__title {font-size: 32px;letter-spacing: -.32px;line-height: 32px;margin-bottom: 55px }}@media screen and (min-width: 1240px) {.drawing__title {font-size: 44px;letter-spacing: -.44px;line-height: 44px;margin-bottom: 74px }}@media screen and (min-width: 1440px) {.drawing__title {font-size: 48px;letter-spacing: -.48px;line-height: 44px;margin-bottom: 78px }}.drawing__subtitle {color: #ffd934;font-family: inherit;font-size: 16px;font-weight: inherit;letter-spacing: .8px;line-height: 19px;text-align: center }@media screen and (min-width: 600px) {.drawing__subtitle {font-size: 18px;letter-spacing: .9px;line-height: 22px }}@media screen and (min-width: 905px) {.drawing__subtitle {font-size: 20px;letter-spacing: 1px;line-height: 24px }}@media screen and (min-width: 1240px) {.drawing__subtitle {font-size: 24px;letter-spacing: 1.2px;line-height: 29px }}.drawing__wheel {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;position: relative;z-index: 4 }@media screen and (min-width: 905px) {.drawing__wheel {z-index: 5 }}.drawing__wheel--back {position: relative;z-index: 1 }.drawing__wheel--back:after, .drawing__wheel--back:before {content: "";opacity: 0;position: absolute;-webkit-transition: .4s;transition: .4s;visibility: hidden }.drawing__wheel--back:before {background-image: url(../img/drawing/Wheel-blocked.png);background-size: 100% 100%;display: none;height: 100%;left: 0;right: 0;top: 2px;width: 100%;z-index: 1 }@media screen and (min-width: 905px) {.drawing__wheel--back:before {display: inline-block }}.drawing__wheel--back:after {background-image: url(../img/drawing/Seelection.png);background-size: 100% 100%;display: none;height: 165px;left: -5px;margin: auto;right: 0;top: -19px;width: 147px;z-index: 2 }@media screen and (min-width: 905px) {.drawing__wheel--back:after {display: inline-block }}@media screen and (min-width: 1240px) {.drawing__wheel--back:after {height: 180px;left: -5px;top: -8px;width: 155px }}@media screen and (min-width: 1440px) {.drawing__wheel--back:after {top: -14px }}.drawing__wheel--back img {height: auto;-webkit-transform-origin: center;transform-origin: center;-webkit-transition: 4s ease-in-out;transition: 4s ease-in-out;width: 100% }.drawing__wheel--arrow {-webkit-animation: slide-down 1.25s linear infinite;animation: slide-down 1.25s linear infinite;left: 0;margin: auto;position: absolute;right: 0;top: -54px;z-index: 2 }.drawing__wheel--arrow img {height: auto;width: 51px }@media screen and (min-width: 600px) {.drawing__wheel--arrow img {width: 65px }}@media screen and (min-width: 905px) {.drawing__wheel--arrow img {width: 73px }}@media screen and (min-width: 1240px) {.drawing__wheel--arrow img {height: auto;width: auto }}.drawing__wheel.spin-1 .drawing__wheel--back img {-webkit-transform: rotate(1224deg);transform: rotate(1224deg) }.drawing__wheel.spin-2 .drawing__wheel--back img {-webkit-transform: rotate(2230deg);transform: rotate(2230deg) }.drawing__wheel.selected .drawing__wheel--back:after, .drawing__wheel.selected .drawing__wheel--back:before {opacity: 1;visibility: visible }.drawing__description {-webkit-box-pack: center;-ms-flex-pack: center;bottom: 107px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center;left: -50%;opacity: 0;position: fixed;right: -50%;text-align: center;-webkit-transition: .5s;transition: .5s;visibility: hidden;z-index: 6 }@media screen and (min-width: 600px) {.drawing__description {bottom: 62px }}@media screen and (min-width: 905px) {.drawing__description {bottom: 66px }}@media screen and (min-width: 1240px) {.drawing__description {bottom: 88px }}@media screen and (min-width: 1440px) {.drawing__description {bottom: 93px }}.drawing__description-content {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(39, 14, 4, .64);border: 1px solid #ffd934;border-radius: 24px;-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .86);box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .86);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;max-width: calc(100vw - 32px);min-width: 288px;padding: 11px;width: 100% }@media screen and (min-width: 600px) {.drawing__description-content {max-width: 520px;padding: 14px }}@media screen and (min-width: 905px) {.drawing__description-content {max-width: 631px }}@media screen and (min-width: 1240px) {.drawing__description-content {max-width: 720px;padding: 19px }}@media screen and (min-width: 1440px) {.drawing__description-content {max-width: 788px;padding: 20px }}.drawing__description-btn {-webkit-box-pack: center;-ms-flex-pack: center;bottom: -26px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center;left: 0;margin: auto;position: absolute;right: 0 }@media screen and (min-width: 600px) {.drawing__description-btn {bottom: -30px }}@media screen and (min-width: 905px) {.drawing__description-btn {bottom: -34px }}@media screen and (min-width: 1440px) {.drawing__description-btn {bottom: -43px }}.drawing__description .drawing__title {margin-bottom: 30px }@media screen and (min-width: 905px) {.drawing__description .drawing__title {margin-bottom: 34px }}@media screen and (min-width: 1240px) {.drawing__description .drawing__title {margin-bottom: 44px }}@media screen and (min-width: 1440px) {.drawing__description .drawing__title {line-height: 50px;margin-bottom: 48px }}.drawing__description .drawing__title span {display: block }.drawing__description .drawing__title img {vertical-align: middle;width: 24px }@media screen and (min-width: 905px) {.drawing__description .drawing__title img {width: 28px }}@media screen and (min-width: 1240px) {.drawing__description .drawing__title img {width: 32px }}@media screen and (min-width: 1440px) {.drawing__description .drawing__title img {width: 40px }}.drawing__description .drawing__subtitle {margin-bottom: 2px }.drawing__description.active {opacity: 1;visibility: visible }.drawing__img img {height: auto;position: absolute }.drawing__img--tile {display: none;right: -50%;top: 30.3%;-webkit-transform: rotate(-.403deg);transform: rotate(-.403deg);-webkit-transform-origin: bottom left;transform-origin: bottom left;width: 85.1%;z-index: 1 }@media screen and (min-width: 600px) {.drawing__img--tile {display: inline-block }}@media screen and (min-width: 905px) {.drawing__img--tile {right: -27.16%;top: 36.5%;width: 56.4% }}@media screen and (min-width: 1240px) {.drawing__img--tile {right: -19%;top: 25.5%;-webkit-transform: rotate(4.705deg);transform: rotate(4.705deg);width: 52% }}@media screen and (min-width: 1440px) {.drawing__img--tile {right: -15.6%;top: 17.5%;width: 46.25% }}.drawing__img--character {right: -9.1%;top: 15%;width: 50.1%;z-index: 3 }@media screen and (min-width: 600px) {.drawing__img--character {right: -8.2%;top: 16.9%;width: 42.7% }}@media screen and (min-width: 905px) {.drawing__img--character {right: -5.3%;top: 14.1%;width: 32.5% }}@media screen and (min-width: 1240px) {.drawing__img--character {right: 1.5%;top: 17.1%;width: 28% }}@media screen and (min-width: 1440px) {.drawing__img--character {right: 6.5%;top: 15%;width: 27.6% }}.drawing__img .coin__left-top {left: 8.8%;top: 17.4%;width: 15.5% }@media screen and (min-width: 600px) {.drawing__img .coin__left-top {left: 15.7%;top: 20.6%;width: 11.5% }}@media screen and (min-width: 905px) {.drawing__img .coin__left-top {left: 14.8%;top: 18.2%;width: 10.4% }}@media screen and (min-width: 1240px) {.drawing__img .coin__left-top {top: 24.2%;width: 9.15% }}@media screen and (min-width: 1440px) {.drawing__img .coin__left-top {left: 14.4%;top: 20% }}.drawing__img .coin__left-mid {display: none;left: 8.7%;top: 44.9%;width: 14.2% }@media screen and (min-width: 600px) {.drawing__img .coin__left-mid {display: inline-block }}@media screen and (min-width: 905px) {.drawing__img .coin__left-mid {left: 12.4%;top: 49.3%;width: 9.4% }}@media screen and (min-width: 1240px) {.drawing__img .coin__left-mid {left: 18.6%;top: 49.5%;width: 7.4% }}@media screen and (min-width: 1440px) {.drawing__img .coin__left-mid {top: 46.5%;width: 7.7% }}.drawing__img .coin__left-mid-1 {left: 4.3%;top: 35.8%;width: 13% }@media screen and (min-width: 600px) {.drawing__img .coin__left-mid-1 {left: 4.8%;top: 31.8%;width: 10.7% }}@media screen and (min-width: 905px) {.drawing__img .coin__left-mid-1 {left: 3.4%;top: 35.3%;width: 7.7% }}@media screen and (min-width: 1240px) {.drawing__img .coin__left-mid-1 {left: 6%;top: 40% }}@media screen and (min-width: 1440px) {.drawing__img .coin__left-mid-1 {left: 6.3%;top: 37%;width: 7% }}.drawing__img .coin__left-mid-2 {left: 4.5%;top: 54.5%;width: 11.5% }@media screen and (min-width: 600px) {.drawing__img .coin__left-mid-2 {left: 2.5%;top: 59.4%;width: 9.2% }}@media screen and (min-width: 905px) {.drawing__img .coin__left-mid-2 {left: 1.7%;top: 65.7%;width: 7.5% }}@media screen and (min-width: 1240px) {.drawing__img .coin__left-mid-2 {left: 6%;top: 60.8%;width: 6.95% }}@media screen and (min-width: 1440px) {.drawing__img .coin__left-mid-2 {left: 5.5%;top: 56.8% }}.drawing__img .coin__left-bottom {left: 22.6%;top: 63.6%;width: 18%;z-index: 3 }@media screen and (min-width: 600px) {.drawing__img .coin__left-bottom {left: 10.1%;top: 69.85%;width: 17.7% }}@media screen and (min-width: 905px) {.drawing__img .coin__left-bottom {left: 11.3%;top: 80.75%;width: 12.25% }}@media screen and (min-width: 1240px) {.drawing__img .coin__left-bottom {left: 12.9%;top: 71.6%;width: 11.6% }}@media screen and (min-width: 1440px) {.drawing__img .coin__left-bottom {left: 13.9%;top: 70.6%;width: 10.6%;z-index: 5 }}.drawing__img .coin__right {display: none }@media screen and (min-width: 600px) {.drawing__img .coin__right {display: inline-block }}.drawing__img .coin__right-top {right: 21.4%;top: 24%;width: 9.1%;z-index: 2 }@media screen and (min-width: 905px) {.drawing__img .coin__right-top {right: 18.95%;top: 26%;width: 8.5% }}@media screen and (min-width: 1240px) {.drawing__img .coin__right-top {right: -.65%;top: 32%;width: 7.8% }}@media screen and (min-width: 1440px) {.drawing__img .coin__right-top {right: 2.3%;top: 22.2%;width: 6.95% }}.drawing__img .coin__right-mid {display: none;right: 1%;top: 56.5%;width: 7.7%;z-index: 2 }@media screen and (min-width: 1240px) {.drawing__img .coin__right-mid {display: inline-block }}@media screen and (min-width: 1440px) {.drawing__img .coin__right-mid {right: 4%;top: 46.5%;width: 8.4% }}.drawing__img .coin__right-bottom {right: 7.55%;top: 71.3%;width: 10.7%;z-index: 3 }@media screen and (min-width: 905px) {.drawing__img .coin__right-bottom {right: 6.2%;top: 81.5%;width: 10.5%;z-index: 4 }}@media screen and (min-width: 1240px) {.drawing__img .coin__right-bottom {right: 4.2%;top: 80.5%;z-index: 5 }}@media screen and (min-width: 1440px) {.drawing__img .coin__right-bottom {right: 5.5%;top: 69.1%;width: 10.7%;z-index: 5 }}.drawing picture {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center }.drawing picture, .instruction {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex }.instruction {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-box-flex: 0;-webkit-flex: 0 1 auto;-ms-flex: 0 1 auto;flex: 0 1 auto;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;font-family: Noto Sans, Arial, sans-serif;height: 100dvh;position: relative }.instruction__body {overflow-y: auto }.instruction__header {left: 0;padding: 16px;position: absolute;top: 0;width: 100% }.instruction__header .list {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;width: 100% }.instruction__header .list, .instruction__header .list__item {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex }.instruction__header .list__item:last-child {-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-animation: slide-up 2s ease 0s infinite normal none running;animation: slide-up 2s ease 0s infinite normal none running }@media screen and (min-width: 768px) {.instruction__header .list__item:last-child {margin-right: 24px;margin-top: 4px }}.instruction__header .list__item:last-child img {height: auto;width: 60px }@media screen and (min-width: 768px) {.instruction__header .list__item:last-child img {height: auto;width: auto }}.instruction__header span {font-family: inherit;font-size: 14px;font-weight: inherit;line-height: 18px;margin-right: 16px;max-width: 97px;text-align: left }@media screen and (min-width: 768px) {.instruction__header span {font-size: 16px;line-height: 24px;margin-right: 24px }}.instruction__main {margin: auto;overflow: hidden;padding: 168px 16px 0 }.instruction__main__body {margin: 0 auto }@media screen and (min-width: 1232px) {.instruction__main__body {max-width: 1232px }}.instruction__main .list {-webkit-box-pack: center;-ms-flex-pack: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;margin: 0 -16px }@media screen and (min-width: 1240px) {.instruction__main .list {margin: 0 -20px }}.instruction__main .list__item {-webkit-box-flex: 33.3333333333%;display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-flex: 33.3333333333%;-ms-flex: 33.3333333333%;flex: 33.3333333333%;margin-bottom: 32px;max-width: 424px;min-width: 271px;padding: 0 16px }@media screen and (min-width: 768px) {.instruction__main .list__item {min-width: 384px }}@media screen and (min-width: 1240px) {.instruction__main .list__item {padding: 0 20px }}.instruction__footer {color: inherit;font-family: inherit;font-size: inherit;font-weight: inherit;line-height: inherit;margin-top: 116px }.instruction__footer, .instruction__footer .list {-webkit-box-pack: center;-ms-flex-pack: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: center;justify-content: center }.instruction__footer .list {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -12px;width: 100% }.instruction__footer .list__item {margin-bottom: 20px;padding: 0 12px }.instruction__title {color: inherit;font-family: inherit;font-size: 28px;font-weight: 600;line-height: 35px;margin-bottom: 20px;text-align: center }@media screen and (min-width: 1440px) {.instruction__title {font-size: 32px;line-height: 48px;margin-bottom: 32px }}.instruction .card {-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(39, 14, 4, .64);border: 1px solid #ffd934;border-radius: 24px;-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .64), 0 4px 12px 0 rgba(0, 0, 0, .86);box-shadow: 0 0 20px 0 rgba(0, 0, 0, .64), 0 4px 12px 0 rgba(0, 0, 0, .86);margin: 0 auto;padding: 16px 16px 83px;width: 100% }.instruction .card img {height: auto;margin-bottom: 20px;width: 100% }.instruction .card h2, .instruction .card h3, .instruction .card p {color: inherit;font-family: inherit }.instruction .card h2 {font-size: 24px;font-weight: 700;line-height: 30px;margin-bottom: 16px }@media screen and (min-width: 1440px) {.instruction .card h2 {font-size: 32px;line-height: 32px;margin-bottom: 24px }}.instruction .card h3 {font-size: 18px;font-weight: 700;line-height: 28px;margin-bottom: 5px }@media screen and (min-width: 1440px) {.instruction .card h3 {font-size: 20px;margin-bottom: 8px }}.instruction .card p {font-size: inherit;font-weight: 500;line-height: inherit }@media screen and (min-width: 768px) {.instruction .card p {font-size: 18px;line-height: 28px }}.instruction .notice {-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(39, 14, 4, .48);border: 1px solid rgba(255, 217, 52, .48);border-radius: 24px;-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .86);box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .86);color: #d6dadd;font-family: inherit;font-size: 16px;font-weight: 500;line-height: 24px;margin: 0 auto 40px;max-width: 800px;padding: 12px;text-align: center;width: 100% }@media screen and (min-width: 768px) {.instruction .notice {font-size: 18px;line-height: 28px }}.instruction .notice img {vertical-align: middle }.instruction .notice .btn {display: inline-block }
