@charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
:root {
    --body-background: #121317;
    --main-font-family: "komikatitle", sans-serif;
    --animation-duration-wheel-shake-1: 2.4s;
    --animation-duration-wheel-shake-2: 2.4s;
    --animation-duration-spin-to-stage-2: 3.4s;
    --animation-duration-spin-to-stage-3: 3.4s;
    --animation-duration-lang-modal: 2s;
    --wheel-size: 347px;
    --wheel-top-position: max(123px, 22vh);
    --body-background-top-position: calc(
        var(--wheel-top-position) - var(--wheel-size) / 3
    );
}
@supports (min-height: 100dvh) {
    :root {
        --wheel-top-position: max(123px, 22dvh);
    }
}
@media all and (min-width: 768px) {
    :root {
        --wheel-size: 536px;
        --wheel-top-position: max(150px, 22vh);
    }
    @supports (min-height: 100dvh) {
        :root {
            --wheel-top-position: max(150px, 22dvh);
        }
    }
}
@media all and (min-width: 1024px) {
    :root {
        --wheel-top-position: 101px;
    }
}
@font-face {
    font-family: komikatitle;
    src: url(../fonts/komikatitle.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.title_theme_gradient {
    background-image: linear-gradient(
        180deg,
        #feba12 11.76%,
        #fff617 47.01%,
        #ff9b00 80.88%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.title_size_sm {
    font-size: 16px;
    line-height: 2.1;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .title_size_sm {
        font-size: 28px;
    }
}
@media all and (min-width: 1440px) {
    .title_size_sm {
        font-size: 34px;
    }
}
.title_is_uppercase {
    text-transform: uppercase;
}
.text_theme_gradient {
    background-image: linear-gradient(
        180deg,
        #feba12 11.76%,
        #fff617 47.01%,
        #ff9b00 80.88%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text_size_sm {
    font-size: 12px;
    line-height: 2.1;
    text-align: center;
}
@media all and (min-width: 1024px) {
    .text_size_sm {
        font-size: 20px;
    }
}
.text_is_uppercase {
    text-transform: uppercase;
}
.modal {
    overflow: hidden;
    border: none;
    outline: 0;
    border-radius: 8px;
    box-shadow: 0 4px 8px #0003;
    padding: 70px 40px;
    max-width: 313px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: unset;
    background-image: url(../img/modal-bg_320.webp);
    background-size: 100% 100%;
}
@media all and (min-width: 768px) {
    .modal {
        background-image: url(../img/modal-bg_1440.webp);
        max-width: 510px;
        min-height: 448px;
    }
}
.modal::backdrop {
    background-color: #00000080;
}
.modal[open] {
    display: flex;
}
.modal__title {
    margin: 0 0 28px;
    background-image: linear-gradient(173deg, #ba0086 6.06%, #5a0000 77.93%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    max-width: 340px;
}
@media all and (min-width: 768px) {
    .modal__title {
        font-size: 26px;
        margin-bottom: 44px;
    }
}
.modal__text {
    font-size: 25px;
    color: #fff;
    margin: 0 0 20px;
    text-align: center;
    max-width: 340px;
}
@media all and (min-width: 768px) {
    .modal__text {
        margin-bottom: 44px;
    }
}
.modal__text span {
    display: block;
    font-size: 30px;
    margin-block: 10px;
}
@media all and (min-width: 768px) {
    .modal__text span {
        font-size: 36px;
    }
}
.modal__binom-button {
    width: 203px;
    min-height: 27px;
    outline: 0;
    background: none;
    border: none;
    background-image: url(../img/modal-button.svg);
    background-size: 100% 100%;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    transition: background-color 0.3s;
    font-size: 16px;
}
.modal__binom-button:focus {
    outline: 0;
}
@media all and (min-width: 768px) {
    .modal__binom-button {
        width: 272px;
        min-height: 42px;
        font-size: 24px;
        padding: 15px;
    }
}
.wheel {
    display: flex;
    width: var(--wheel-size);
    height: var(--wheel-size);
    background-image: url(../img/wheel-background.svg);
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.wheel__button {
    position: absolute;
    bottom: -130px;
    left: 50%;
    width: 176px;
    min-height: 42px;
    background: none;
    outline: 0;
    border: 0;
    cursor: pointer;
    animation: pulsate 2s infinite;
    background-image: image-set(
        url(data:image/webp;base64,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)
            1x,
        url(../img/wheel-button_320@2x.webp) 2x
    );
    background-size: 100% 100%;
}
@media all and (min-width: 1024px) {
    .wheel__button {
        width: 242px;
        min-height: 58px;
        background-image: image-set(
            url(data:image/webp;base64,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)
                1x,
            url(../img/wheel-button_1440@2x.webp) 2x
        );
        background-size: 100% 100%;
    }
}
.wheel__button-text {
    display: block;
    color: #fff;
    font-size: 22px;
    padding: 20px;
    line-height: 1;
    text-transform: uppercase;
}
.wheel__triangle {
    position: absolute;
    top: 52px;
    width: 160px;
    height: 88px;
    z-index: 1;
    background-image: url(../img/wheel/wheel-win.svg);
    background-size: 100% 100%;
}
@media all and (min-width: 768px) {
    .wheel__triangle {
        height: 211px;
        top: 50px;
    }
}
.wheel__arrow {
    position: absolute;
    top: -24px;
    width: 82px;
    height: 117px;
    z-index: 1;
    background-image: url(../img/wheel/wheel-arrow.svg);
    background-size: 100% 100%;
}
@media all and (min-width: 768px) {
    .wheel__arrow {
        width: 140px;
        height: 122px;
        top: -6px;
    }
}
.wheel__container {
    top: 8px;
    position: relative;
    overflow: hidden;
    width: 90%;
    height: 90%;
    border-radius: 100%;
}
@media all and (min-width: 768px) {
    .wheel__container {
        top: 15px;
    }
}
.wheel__list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    list-style: none;
    margin: 0;
    height: 100%;
    width: 100%;
    transform-origin: center;
}
.wheel__list_animation_wheel-shake-1 {
    animation-name: wheel-shake-1;
    animation-duration: var(--animation-duration-wheel-shake-1);
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.wheel__list_animation_wheel-shake-2 {
    animation-name: wheel-shake-2;
    animation-duration: var(--animation-duration-wheel-shake-2);
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.wheel__list_animation_spin-to-stage-2 {
    animation-name: spin-to-stage-two;
    animation-duration: var(--animation-duration-spin-to-stage-2);
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}
.wheel__list_animation_spin-to-stage-3 {
    animation-name: spin-to-stage-three;
    animation-duration: var(--animation-duration-spin-to-stage-2);
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
}
.wheel__item {
    position: absolute;
    top: 29px;
    height: 127px;
    transform-origin: bottom;
}
@media all and (min-width: 768px) {
    .wheel__item {
        height: 202px;
        top: 39px;
    }
}
.wheel__item_is_active {
    top: 39px;
}
@media all and (min-width: 768px) {
    .wheel__item_is_active {
        top: 48px;
    }
}
.wheel__item:nth-child(2) {
    transform: rotate(45deg);
}
.wheel__item:nth-child(3) {
    transform: rotate(90deg);
}
.wheel__item:nth-child(4) {
    transform: rotate(135deg);
}
.wheel__item:nth-child(5) {
    transform: rotate(180deg);
}
.wheel__item:nth-child(6) {
    transform: rotate(225deg);
}
.wheel__item:nth-child(7) {
    transform: rotate(270deg);
}
.wheel__item:nth-child(8) {
    transform: rotate(315deg);
}
.wheel__item-text {
    text-align: center;
    color: #fff;
    position: absolute;
    top: 10px;
    z-index: 1;
    margin: 0;
    left: 50%;
    transform: translate(-50%);
    font-size: 10px;
    line-height: 1.29;
    letter-spacing: 0.2408px;
    text-transform: uppercase;
    opacity: 0.78;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 68px;
}
@media all and (min-width: 768px) {
    .wheel__item-text {
        top: 26px;
        font-size: 14px;
        max-width: 120px;
    }
}
.wheel__circle {
    background-image: url(../img/wheel/wheel-circle-bg.webp);
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: transparent;
    border: none;
    width: 111px;
    height: 111px;
    border-radius: 100%;
    overflow: hidden;
    padding: 0;
}
@media all and (min-width: 768px) {
    .wheel__circle {
        width: 160px;
        height: 160px;
    }
}
.wheel__circle-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.29;
    text-align: center;
    letter-spacing: -0.48px;
    text-transform: uppercase;
    color: #d42e40;
}
@keyframes wheel-shake-1 {
    0%,
    to {
        transform: rotate(0);
    }
    50% {
        transform: rotate(-6deg);
    }
}
@keyframes wheel-shake-2 {
    0%,
    to {
        transform: rotate(1980deg);
    }
    50% {
        transform: rotate(1984deg);
    }
}
@keyframes spin-to-stage-two {
    0% {
        transform: rotate(1988deg);
    }
    70% {
        transform: rotate(3968deg);
    }
    80% {
        transform: rotate(3958deg);
    }
    90% {
        transform: rotate(3964deg);
    }
    to {
        transform: rotate(3960deg);
    }
}
@keyframes spin-to-stage-three {
    70% {
        transform: rotate(1988deg);
    }
    80% {
        transform: rotate(1978deg);
    }
    90% {
        transform: rotate(1984deg);
    }
    to {
        transform: rotate(1980deg);
    }
}
@keyframes pulsate {
    0%,
    to {
        transform: translate(-50%, -50%) scale(1);
    }
    50% {
        transform: translate(-50%, -50%) scale(1.1);
    }
}
.body {
    padding: 15px 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100dvh;
    background-color: #000;
    background-image: image-set(url(../img/body-bg_320.webp) 1x);
    background-size: 100% 100%;
}
@media all and (min-width: 768px) {
    .body {
        background-size: cover;
    }
}
@media all and (min-width: 1024px) {
    .body {
        background-image: image-set(url(../img/body-bg_1440.webp) 1x);
    }
}
@supports (min-height: 100dvh) {
    .body {
        min-height: 100dvh;
    }
}
.body:has(dialog[open]) {
    overflow: hidden;
}
.body__flag {
    display: block;
    position: absolute;
    top: 20%;
    right: 0;
    width: 338px;
    height: 295px;
    transform: translate(50%);
    background-size: 100% 100%;
    z-index: -1;
}
@media all and (min-width: 1024px) {
    .body__flag {
        transform: translate(25%, -10%);
        top: -50px;
        right: 0;
        width: 449px;
        height: 391px;
    }
}
.body__flag-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
}
.body__flag.is_hidden {
    display: none;
}
.body__flag.es {
    background-image: image-set(url(../img/es-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.es {
        background-image: image-set(url(../img/es-flag_1440.webp) 1x);
    }
}
.body__flag.ar {
    background-image: image-set(url(../img/ar-flag_320.png) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.ar {
        background-image: image-set(url(../img/ar-flag_1440.png) 1x);
    }
}
.body__flag.kr {
    background-image: image-set(url(../img/ko-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.kr {
        background-image: image-set(url(../img/ko-flag_1440.webp) 1x);
    }
}
.body__flag.gr {
    background-image: image-set(url(../img/gr-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.gr {
        background-image: image-set(url(../img/gr-flag_1440.webp) 1x);
    }
}
.body__flag.cz {
    background-image: image-set(url(../img/cz-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.cz {
        background-image: image-set(url(../img/cz-flag_1440.webp) 1x);
    }
}
.body__flag.ru {
    background-image: image-set(url(../img/de-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.ru {
        background-image: image-set(url(../img/de-flag_1440.webp) 1x);
    }
}
.body__flag.de {
    background-image: image-set(url(../img/de-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.de {
        background-image: image-set(url(../img/de-flag_1440.webp) 1x);
    }
}
.body__flag.at {
    background-image: image-set(url(../img/at-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.at {
        background-image: image-set(url(../img/at-flag_1440.webp) 1x);
    }
}
.body__flag.kw {
    background-image: image-set(url(../img/kw-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.kw {
        background-image: image-set(url(../img/kw-flag_1440.webp) 1x);
    }
}
.body__flag.it {
    background-image: image-set(url(../img/it-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.it {
        background-image: image-set(url(../img/it-flag_1440.webp) 1x);
    }
}
.body__flag.fr {
    background-image: image-set(url(../img/nl-belgium_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.fr {
        background-image: image-set(url(../img/nl-belgium_1440.webp) 1x);
    }
}
.body__flag.fi {
    background-image: image-set(url(../img/fi-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.fi {
        background-image: image-set(url(../img/fi-flag_1440.webp) 1x);
    }
}
.body__flag.no {
    background-image: image-set(url(../img/no-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.no {
        background-image: image-set(url(../img/no-flag_1440.webp) 1x);
    }
}
.body__flag.tr {
    background-image: image-set(url(../img/tr-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.tr {
        background-image: image-set(url(../img/tr-flag_1440.webp) 1x);
    }
}
.body__flag.dk {
    background-image: image-set(url(../img/dk-flag_320.webp) 1x);
}
@media all and (min-width: 1024px) {
    .body__flag.dk {
        background-image: image-set(url(../img/dk-flag_1440.webp) 1x);
    }
}
.main {
    position: relative;
}
.main__title {
    margin: 0 0 12px auto;
}
@media all and (min-width: 1024px) {
    .main__title {
        margin: 0 0 22px auto;
    }
}
.main__text {
    margin: 0 auto;
}
.header__logo {
    display: flex;
    justify-content: center;
    margin: 0 0 22px;
}
.footer {
    margin-top: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 0 20px 550px;
    gap: 15px;
}
@media all and (min-width: 1024px) {
    .footer {
        flex-direction: row;
        justify-content: space-between;
        gap: 10px;
    }
}
html {
    scrollbar-gutter: stable;
}
body {
    font-family: komikatitle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*,
*:before,
*:after {
    box-sizing: border-box;
}