:root{
    --main-bg: #1c0e0a;
    --header-bg: #28140e;
    --footer-bg: #331911;
    --login-btn: #e5f4ae;
    --reg-btn: #bfe436;
    --nav-acc-head-game-bg: #110805;
    --table-even-bg: #271b17;
    --table-odd-bg: #1c120e;
    --table-border: #af8475;
    --main-text: #ffffff;
    --header-color: #ffffff;
    --footer-color: #ffffff;
    --banner-color: #ffffff;
    --text-login-btn: #131313;
    --text-reg-btn: #131313;
    --text-btns: #131313;
    --table-color: #ffffff;
}
@keyframes kf-ui-yfgeoa0{
    0% {
        box-shadow:0 0 0 0 color-mix(in srgb, var(--reg-btn) 55%, transparent)
    }

    70% {
        box-shadow:0 0 0 6.2px color-mix(in srgb, var(--reg-btn) 0%, transparent)
    }

    to {
        box-shadow:0 0 0 0 color-mix(in srgb, var(--reg-btn) 0%, transparent)
    }
}
@keyframes kf-ui-bw4b49{
    0% {
        box-shadow:0 0 0 0 color-mix(in srgb, var(--login-btn) 55%, transparent)
    }

    70% {
        box-shadow:0 0 0 6.2px color-mix(in srgb, var(--login-btn) 0%, transparent)
    }

    to {
        box-shadow:0 0 0 0 color-mix(in srgb, var(--login-btn) 0%, transparent)
    }
}
*, ::after, ::before{
    padding:0;
    margin:0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
html{
    line-height:1.089;
    scroll-behavior: smooth
}
body{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    color: var(--main-text);
    line-height:1.59;
    background-color: var(--main-bg);
    min-width:311.43px
}
section{
    padding-top:15.57px
}
section:not(:last-child){
    padding-bottom:15.57px
}
a{
    display: inline-block;
    text-decoration: none
}
img{
    vertical-align: top
}
h1{
    text-transform: uppercase
}
h2{
    text-transform: capitalize;
    margin-bottom:0.83rem
}
h1, h2, h3{
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: auto
}
button, h1, h2, h4, h5, h6{
    font-size: inherit
}
p{
    margin-bottom:1.04rem
}
strong{
    font-weight: 700;
    color: var(--main-text)
}
ol, ul{
    display: flex;
    flex-direction: column;
    gap:4.15px;
    padding-left:25.95px;
    margin-bottom:8.3px
}
ul{
    list-style: square
}
ol{
    list-style: decimal
}
.ui-cin9e8 ul, .ui-row-list-wide ul, .ui-ksqlyj ul, .ui-lok9t ul, [role=menu] ul, aside ul, footer ul, header ul, c4211ce7c ul{
    display: block;
    flex-direction: initial;
    gap:0;
    list-style: none;
    padding-left:0;
    margin-bottom:0
}
.ui-ksqlyj{
    list-style: none;
    margin-bottom:0
}
.ui-cin9e8{
    margin-bottom:0
}
.ui-cin9e8{
    display: block;
    list-style: none
}
.ui-row-list-wide, .ui-lok9t, [role=menu]{
    display: block;
    list-style: none;
    margin-bottom:0
}
.ui-lok9t, [role=menu]{
    padding-left:0
}
button{
    font-family: inherit
}
button, input, textarea{
    line-height:inherit
}
a, button{
    color: inherit
}
a, button, option, select{
    cursor: pointer
}
input[type=email], input[type=tel], input[type=text], textarea{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
button, mark{
    background-color: transparent
}
.ui-ah7svxr{
    position: sticky;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-bottom: 1.5px solid color-mix(in srgb, var(--main-text) 10%, transparent)
}
section>h1, section>section>div>h1, section>section>div__container>h1, section__container>h1{
    color: var(--main-text);
    font-weight: 500
}
@media (min-width:73.125em){section>h1, section>section>div>h1, section>section>div__container>h1, section__container>h1{
        font-size: 2.328rem
    }}
@media (min-width:20em) and (max-width:73.125em){@supports (font-size:clamp(1.75rem, 1.6088235294rem + .7058823529vw, 2.125rem)){section>h1, section>section>div>h1, section>section>div__container>h1, section__container>h1{
            font-size: clamp(1.75rem, 1.6088235294rem + .7058823529vw, 2.125rem)
        }}
@supports not (font-size:clamp(1.75rem, 1.6088235294rem + .7058823529vw, 2.125rem)){section>h1, section>section>div>h1, section>section>div__container>h1, section__container>h1{
            font-size: calc(1.75rem + .375*(100vw - 20rem)/53.125)
        }}}
@media (max-width:20em){section>h1, section>section>div>h1, section>section>div__container>h1, section__container>h1{
        font-size: 1.796rem
    }}
@media (min-width:73.125em){section>h1, section>section>div>h1, section>section>div__container>h1, section__container>h1{
        line-height:2.4rem
    }}
@media (min-width:20em) and (max-width:73.125em){@supports (line-height:clamp(1.82rem, 1.67rem + .7058823529vw, 2.21rem)){section>h1, section>section>div>h1, section>section>div__container>h1, section__container>h1{
            line-height: clamp(1.82rem, 1.67rem + .7058823529vw, 2.21rem)
        }}
@supports not (line-height:clamp(1.75rem, 1.6088235294rem + .7058823529vw, 2.125rem)){section>h1, section>section>div>h1, section>section>div__container>h1, section__container>h1{
            line-height: calc(1.75rem + .375*(100vw - 20rem)/53.125)
        }}}
@media (max-width:20em){section>h1, section>section>div>h1, section>section>div__container>h1, section__container>h1{
        line-height:1.98rem
    }}
section>section>div>h2, section>section>div__container>h2, section__container>h2{
    font-weight: 400
}
@media (min-width:73.125em){section>h2, section>section>div>h2, section>section>div__container>h2, section__container>h2{
        font-size: 1.971rem
    }}
@media (min-width:20em) and (max-width:73.125em){@supports (font-size:clamp(1.625rem, 1.5308823529rem + .4705882353vw, 1.875rem)){section>h2, section>section>div>h2, section>section>div__container>h2, section__container>h2{
            font-size: clamp(1.625rem, 1.5308823529rem + .4705882353vw, 1.875rem)
        }}
@supports not (font-size:clamp(1.625rem, 1.5308823529rem + .4705882353vw, 1.875rem)){section>h2, section>section>div>h2, section>section>div__container>h2, section__container>h2{
            font-size: calc(1.625rem + .25*(100vw - 20rem)/53.125)
        }}}
@media (max-width:20em){section>h2, section>section>div>h2, section>section>div__container>h2, section__container>h2{
        font-size: 1.624rem
    }}
@media (min-width:73.125em){section>h2, section>section>div>h2, section>section>div__container>h2, section__container>h2{
        line-height:2.12rem
    }}
@media (min-width:20em) and (max-width:73.125em){@supports (line-height:clamp(1.69rem, 1.59rem + .4705882353vw, 1.95rem)){section>h2, section>section>div>h2, section>section>div__container>h2, section__container>h2{
            line-height: clamp(1.69rem, 1.59rem + .4705882353vw, 1.95rem)
        }}
@supports not (line-height:clamp(1.625rem, 1.5308823529rem + .4705882353vw, 1.875rem)){section>h2, section>section>div>h2, section>section>div__container>h2, section__container>h2{
            line-height: calc(1.625rem + .25*(100vw - 20rem)/53.125)
        }}}
@media (max-width:20em){section>h2, section>section>div>h2, section>section>div__container>h2, section__container>h2{
        line-height:1.84rem
    }}
section>p, section>section>div>p, section>section>div__container>p, section__container>p{
    font-weight: 300;
    word-spacing: .0625rem
}
@media (min-width:73.125em){section>p, section>section>div>p, section>section>div__container>p, section__container>p{
        font-size: 1rem
    }}
@media (min-width:20em) and (max-width:73.125em){@supports (font-size:clamp(.875rem, .8279411765rem + .2352941176vw, 1rem)){section>p, section>section>div>p, section>section>div__container>p, section__container>p{
            font-size: clamp(.875rem, .8279411765rem + .2352941176vw, 1rem)
        }}
@supports not (font-size:clamp(.875rem, .8279411765rem + .2352941176vw, 1rem)){section>p, section>section>div>p, section>section>div__container>p, section__container>p{
            font-size: calc(.875rem + .125*(100vw - 20rem)/53.125)
        }}}
@media (max-width:20em){section>p, section>section>div>p, section>section>div__container>p, section__container>p{
        font-size: 1rem
    }}
@media (min-width:73.125em){section>p, section>section>div>p, section>section>div__container>p, section__container>p{
        line-height:1.64rem
    }}
@media (min-width:20em) and (max-width:73.125em){@supports (line-height:clamp(1.17rem, 1.12rem + .2352941176vw, 1.3rem)){section>p, section>section>div>p, section>section>div__container>p, section__container>p{
            line-height: clamp(1.17rem, 1.12rem + .2352941176vw, 1.3rem)
        }}
@supports not (line-height:clamp(1.125rem, 1.0779411765rem + .2352941176vw, 1.25rem)){section>p, section>section>div>p, section>section>div__container>p, section__container>p{
            line-height: calc(1.125rem + .125*(100vw - 20rem)/53.125)
        }}}
@media (max-width:20em){section>p, section>section>div>p, section>section>div__container>p, section__container>p{
        line-height:1.27rem
    }}
.scy6b::after{
    content: "";
    width: 100%;
    border-radius:0.26rem
}
.t-link-3, .ui-sym12nz{
    max-width:1328.77px;
    margin:0 auto
}
.ui-sym12nz{
    padding-inline: .8rem
}
.ui-qykzy{
    margin:0 auto
}
.ui-ah7svxr{
    background: var(--header-bg)
}
.ui-qykzy, .coltext-soft{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ui-qykzy{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap:0.97rem;
    -moz-column-gap:0.97rem;
    column-gap:0.97rem;
    row-gap:0.31rem;
    max-width:80.45rem;
    padding:0.66rem 1.45rem
}
.coltext-soft{
    position: relative;
    -webkit-column-gap:1.3rem;
    -moz-column-gap:1.3rem;
    column-gap:0.83rem
}
@media (max-width:47.99875em){.ui-qykzy{
        padding-inline: 1rem
    }
.coltext-soft{
        position: relative;
        display: flex;
        justify-content: center;
        width: 100%
    }}
@media (min-width:47.99875em){.coltext-soft a{
        display: flex;
        align-items: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        max-width:207.62px
    }}
.coltext-soft a img{
    width:auto;
    max-width:207.62px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 9.375rem/3.75rem;
    max-height:3.11rem
}
@media (max-width:47.99875em){.coltext-soft{
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }}
.ui-ksqlyj{
    display: none
}
@media (min-width:1150px){.ui-ksqlyj{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap:1.14rem
    }
header ul li{
        position: relative
    }
.ui-ksqlyj li a{
        position: relative;
        color: var(--header-color);
        font-size: 1rem;
        line-height:1.13rem;
        font-weight: 400;
        width: 100%;
        border-radius:1.56rem
    }}
ul[role=menu]{
    gap:0;
    margin:0;
    padding:0
}
header .ui-wrap_intro__flow>[role=menu] li a{
    display: block;
    padding:10.38px 16.61px;
    color: var(--header-color)
}
header li:focus-within .ui-wrap_intro__flow>[role=menu], header li:hover .ui-wrap_intro__flow>[role=menu]{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay:198ms
}
header li:has(.ui-wrap_intro__flow>ul[role=menu])::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height:8.3px
}
header .ui-wrap_intro__flow [role=menu] a{
    background-color: transparent;
    border-radius:0;
    color: var(--main-text);
    transition:background-color 30ms linear, color 30ms linear, opacity 30ms linear
}
header .ui-wrap_intro__flow [role=menu] a:hover{
    background-color: transparent;
    color: var(--header-color);
    opacity: 0.6
}
.ui-wrap_intro__flow{
    display: flex;
    align-items: center;
    justify-content: center;
    width:fit-content;
    gap:10.38px
}
header .ui-wrap_intro__flow>[role=menu]{
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--header-bg);
    transition:opacity 30ms linear, visibility 30ms linear 30ms;
    margin-top:8.3px;
    border-radius:20.76px
}
header button[aria-haspopup=menu] svg{
    display: flex;
    justify-content: center;
    align-items: center;
    fill: var(--header-color);
    transform: rotate(180deg);
    transition:transform 30ms linear
}
header li:focus-within>.ui-wrap_intro__flow>button[aria-haspopup=menu] svg, header li:hover>.ui-wrap_intro__flow>button[aria-haspopup=menu] svg{
    transform: rotate(0)
}
.ui-site-nav__btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative
}
aside button[aria-haspopup=menu]{
    width:26.99px;
    height:26.99px;
    border-radius: 50%;
    background-color: var(--login-btn);
    flex-shrink: 0;
    position: absolute;
    right: 10px;
    top: 8px
}
aside button[aria-haspopup=menu] span{
    display: flex;
    justify-content: center;
    align-items: center;
    transition:transform 30ms linear
}
aside button[aria-haspopup=menu] span svg{
    fill: var(--text-btns);
    transform: rotate(180deg);
    transition:transform 30ms linear
}
[role=menu]{
    min-width:186.86px;
    border: 1px solid color-mix(in srgb, var(--main-text) 10%, transparent);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transform: translateY(8px);
    transition:opacity 30ms, transform 30ms, visibility 30ms linear 30ms;
    pointer-events: none
}
aside [role=menu]{
    border: 0;
    border-top: 1.5px solid color-mix(in srgb, var(--main-text) 20%, transparent);
    background: color-mix(in srgb, var(--reg-btn) 15%, transparent);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}
aside li [role=menu]{
    overflow: hidden;
    max-height:0;
    transition:max-height 30ms linear;
    width: 100%;
    margin:0;
    padding:0
}
aside [role=menu] li:not(:last-child){
    border-bottom: 1.5px solid color-mix(in srgb, var(--main-text) 25%, transparent);
    margin:0;
    border-radius:0
}
aside li[data-open=true] .ui-site-nav__btn>[role=menu]{
    max-height:3114.3px;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    display: block;
    flex: 0 0 100%;
    width: 100%;
    margin:0;
    padding:0;
    border: 0
}
aside li[data-open=true] .ui-site-nav__btn>button[aria-haspopup=menu] span svg{
    transform: rotate(0)
}
@media (min-width: 1150px){header .ui-wrap_intro__flow>ul[role=menu]{
        overflow: visible
    }}
aside button[data-submenu-toggle]{
    width:26.99px;
    height:26.99px;
    border-radius: 50%;
    background-color: var(--login-btn);
    flex-shrink: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}
aside button[data-submenu-toggle] span{
    display: flex;
    justify-content: center;
    align-items: center;
    transition:transform 30ms linear
}
aside button[data-submenu-toggle] span svg{
    fill: var(--text-btns);
    transform: rotate(180deg);
    transition:transform 30ms linear
}
body[data-menu-open]{
    overflow: hidden
}
.ui-wfmwij{
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap:1.3rem;
    -moz-column-gap:1.3rem;
    column-gap:1.04rem
}
@media (max-width:47.99875em){.ui-wfmwij{
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        column-gap:0.52rem
    }}
.ui-slot_label, .zvtygbn{
    position: relative;
    z-index: 1;
    display: block;
    font-weight: 500;
    font-size: 1rem;
    line-height:1.36rem;
    padding:0.78rem 0.83rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    width:auto;
    min-width:103.81px;
    height:2.73rem;
    border-radius:20.76px;
    color: var(--text-btns);
    transition:box-shadow 30ms linear
}
.ui-roq7f[data-open=true] button, .ui-slot_label{
    background-color: var(--login-btn)
}
.zvtygbn{
    background-color: var(--reg-btn)
}
@media (max-width:47.99875em){.ui-slot_label, .zvtygbn{
        width: 100%;
        height:2.39rem;
        line-height:1.02rem;
        display: flex;
        justify-content: center;
    }}
.ui-slot_label::after, .zvtygbn::after{
    content: "";
    position: absolute;
    inset: -4px;
    border-radius:inherit;
    pointer-events: none;
    opacity: 0;
    box-shadow:0 0 0 0 transparent
}
.zvtygbn:hover{
    box-shadow:0 0 4.2px var(--reg-btn)
}
.ui-slot_label:hover{
    box-shadow:0 0 4.2px var(--login-btn)
}
.ui-slot_label:hover::after, .zvtygbn:hover::after{
    opacity: 1
}
.ui-slot_label:hover::after{
    animation:kf-ui-bw4b49 1410ms linear-out infinite
}
.zvtygbn:hover::after{
    animation:kf-ui-yfgeoa0 1410ms linear-out infinite
}
.rov9syb{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.ui-ba55g{
    position: absolute;
    top: 10px;
    left: 0
}
@media screen and (min-width:768px){.ui-ba55g{
        position: static;
        display: flex
    }}
@media (min-width:1150px){.ui-ba55g{
        display: none
    }}
.rov9syb{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width:2.18rem;
    height:1.3rem;
    border-radius: 40%
}
@media screen and (min-width:768px){.ui-ba55g{
        width:3.11rem;
        height:1.35rem
    }}
.rov9syb span{
    height:0.23rem;
    background-color: var(--header-color);
    border-radius:0.52rem
}
.ui-ksqlyj li a{
    color: var(--header-color);
    font-size: 1rem;
    line-height:1.13rem;
    font-weight: 400;
    width: 100%;
    border-radius:1.56rem
}
.ui-nnyk0{
    position: fixed;
    inset: 0;
    z-index: 52;
    pointer-events: none
}
.ui-gridtext__form--alt{
    position: absolute;
    inset: 0;
    background-color: rgba(0,0,0, .6);
    backdrop-filter: blur(3px);
    opacity: 0;
    transition:opacity 30ms linear;
    z-index: 1
}
.xs0crr{
    position: absolute;
    top: 0;
    left: -20rem;
    width:20.76rem;
    height: 100%;
    background: var(--header-bg);
    transition:left 30ms linear;
    padding:0.65rem;
    z-index: 2;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch
}
body[data-menu-open=true] .ui-nnyk0{
    pointer-events: auto
}
body[data-menu-open=true] .ui-gridtext__form--alt{
    opacity: 1
}
body[data-menu-open=true] .xs0crr{
    left: 0;
    box-shadow:.0625rem 0 .3125rem var(--header-bg)
}
@media (min-width:1150px){.ui-nnyk0{
        display: none
    }}
.ui-gridtext__form--alt::-webkit-scrollbar{
    display: none
}
.ui-page_adfh4{
    display: flex;
    justify-content: center
}
.ui-page_adfh4{
    padding-block: .9375rem;
    padding-bottom:0;
    margin-bottom:0.83rem
}
.ui-page_adfh4 a{
    width: 100%;
    max-width:8.3rem;
    max-height:4.15rem
}
.ui-page_adfh4 a img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    aspect-ratio: 9.375rem/3.75rem
}
.ui-block_8ecr5{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}
.ui-block_8ecr5{
    display: flex;
    padding-inline: .625rem;
    gap:0.62rem;
    margin-bottom:1.04rem
}
.ui-cin9e8>li{
    background: color-mix(in srgb, var(--reg-btn) 20%, transparent);
    border-radius:20.76px;
    transition:background-color 30ms linear
}
.ui-cin9e8 li:not(:last-child){
    margin-bottom:0.52rem
}
@media (max-width:47.99875em){.ui-cin9e8 li:not(:last-child){
        margin-bottom:0.52rem
    }}
.ui-cin9e8 li a{
    font-size: 1rem;
    line-height:1.13rem;
    font-weight: 400;
    color: var(--header-color);
    display: flex;
    align-items: center;
    gap:0.97rem;
    width: 100%;
    padding:0.78rem 1.04rem
}
.ui-cin9e8 li:focus-visible, .ui-cin9e8 li:hover{
    background-color: color-mix(in srgb, var(--reg-btn) 35%, transparent)
}
.ui-cin9e8 li a img{
    display: block;
    width:1.56rem;
    height:1.56rem
}
.ui-is1u0ji{
    position: absolute;
    top: .6rem;
    right: .6em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--reg-btn);
    width:37.37px;
    height:37.37px
}
.ui-is1u0ji svg{
    flex-shrink: 0;
    fill: none;
    stroke: var(--text-btns);
    stroke-width:2
}
@media (min-width:68.75em){.ui-is1u0ji{
        display: none
    }}
.ui-xd16jyd .ui-eowaork:hover{
    color: var(--reg-btn);
    text-decoration-color: var(--reg-btn)
}
.trzaat{
    min-height:100vh;
    min-height:100dvh
}
.trzaat>main{
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.sitehead__flow, .trzaat{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
@media (min-width:73.125em){.sitehead__flow{
        padding-left:1.62rem
    }}
@media (min-width:20em) and (max-width:73.125em){@supports (padding-left:clamp(0.45rem, 0.01rem + 2.1176470588vw, 1.62rem)){.sitehead__flow{
            padding-left: clamp(0.45rem, 0.01rem + 2.1176470588vw, 1.62rem)
        }}
@supports not (padding-left:clamp(.4375rem, .0139705882rem + 2.1176470588vw, 1.5625rem)){.sitehead__flow{
            padding-left: calc(.4375rem + 1.125*(100vw - 20rem)/53.125)
        }}}
@media (max-width:20em){.sitehead__flow{
        padding-left:0.45rem
    }}
@media (min-width:73.125em){.sitehead__flow{
        padding-right:1.62rem
    }}
@media (min-width:20em) and (max-width:73.125em){@supports (padding-right:clamp(0.45rem, 0.01rem + 2.1176470588vw, 1.62rem)){.sitehead__flow{
            padding-right: clamp(0.45rem, 0.01rem + 2.1176470588vw, 1.62rem)
        }}
@supports not (padding-right:clamp(.4375rem, .0139705882rem + 2.1176470588vw, 1.5625rem)){.sitehead__flow{
            padding-right: calc(.4375rem + 1.125*(100vw - 20rem)/53.125)
        }}}
@media (max-width:20em){.sitehead__flow{
        padding-right:0.45rem
    }}
.ui-sym12nz{
    width: 100%
}
@media (min-width:73.125em){.ui-sym12nz{
        padding-left:1.62rem
    }}
@media (min-width:20em) and (max-width:73.125em){@supports (padding-left:clamp(0.65rem, 0.28rem + 1.7647058824vw, 1.62rem)){.ui-sym12nz{
            padding-left: clamp(0.65rem, 0.28rem + 1.7647058824vw, 1.62rem)
        }}
@supports not (padding-left:clamp(.625rem, .2720588235rem + 1.7647058824vw, 1.5625rem)){.ui-sym12nz{
            padding-left: calc(.625rem + .9375*(100vw - 20rem)/53.125)
        }}}
@media (max-width:20em){.ui-sym12nz{
        padding-left:0.65rem
    }}
@media (min-width:73.125em){.ui-sym12nz{
        padding-right:1.62rem
    }}
@media (min-width:20em) and (max-width:73.125em){@supports (padding-right:clamp(0.65rem, 0.28rem + 1.7647058824vw, 1.62rem)){.ui-sym12nz{
            padding-right: clamp(0.65rem, 0.28rem + 1.7647058824vw, 1.62rem)
        }}
@supports not (padding-right:clamp(.625rem, .2720588235rem + 1.7647058824vw, 1.5625rem)){.ui-sym12nz{
            padding-right: calc(.625rem + .9375*(100vw - 20rem)/53.125)
        }}}
@media (max-width:20em){.ui-sym12nz{
        padding-right:0.65rem
    }}
.ui-sym12nz>:first-child{
    margin-top:0
}
.sitehead__flow > .ui-sym12nz{
    flex: 1;
    display: flex;
    flex-direction: column
}
.ui-kx41by{
    padding-bottom:0.65rem;
    background: var(--footer-bg);
    border-top: 1.5px solid color-mix(in srgb, var(--main-text) 10%, transparent)
}
.t-link-3{
    padding:1.3rem 0.97rem
}
.ui-u-head-2{
    padding-top:0.97rem;
    padding-bottom:0.32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.ui-u-head-2 svg path{
    fill: var(--footer-color)
}
@media (min-width:73.125em){.ui-u-head-2{
        gap:1.3rem
    }}
@media (min-width:20em) and (max-width:73.125em){@supports (gap:clamp(0.65rem, 0.4rem + 1.1764705882vw, 1.3rem)){.ui-u-head-2{
            gap: clamp(0.65rem, 0.4rem + 1.1764705882vw, 1.3rem)
        }}
@supports not (gap:clamp(.625rem, .3897058824rem + 1.1764705882vw, 1.25rem)){.ui-u-head-2{
            gap: calc(.625rem + .625*(100vw - 20rem)/53.125)
        }}}
@media (max-width:20em){.ui-u-head-2{
        gap:0.65rem
    }}
.ui-kx41by img{
    max-width:19.46rem;
    max-height:3.24rem;
    vertical-align: middle
}
.ui-row-list-wide{
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: flex;
    justify-content: center;
    align-items: center
}
.ui-yga9p{
    gap:0.78rem;
    padding-top:1.04rem;
    padding-bottom:0.52rem
}
.qihmdsa{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width:4.15rem;
    min-height:3.11rem;
    padding:0.39rem 0.65rem;
    border-radius:3.11rem;
    background: color-mix(in srgb, var(--footer-color) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--footer-color) 16%, transparent);
    color: inherit;
    font: inherit;
    appearance: none;
    cursor: help
}
.qihmdsa::after{
    position: absolute;
    left: 50%;
    bottom: calc(100% + .5rem);
    z-index: 5;
    max-width:min(16.61rem, 80vw);
    padding:0.39rem 0.52rem;
    border-radius:1.56rem;
    background: color-mix(in srgb, var(--footer-bg) 88%, #000000);
    color: var(--footer-color);
    box-shadow:0 .5rem 1.25rem rgba(0,0,0, 0.277);
    content: attr(data-tooltip);
    font-size: 1rem;
    line-height:1.361;
    opacity: 0;
    pointer-events: none;
    text-align: center;
    transform: translate(-50%, .25rem);
    transition:opacity 30ms linear, transform 30ms linear;
    white-space: normal
}
.qihmdsa:hover::after, .qihmdsa:focus-visible::after{
    opacity: 1;
    transform: translate(-50%, 0)
}
.qihmdsa:focus-visible{
    outline: 2px solid color-mix(in srgb, var(--footer-color) 70%, transparent);
    outline-offset: 3px
}
.qihmdsa img{
    display: block;
    width:auto;
    max-width:9.08rem;
    max-height:2.34rem;
    object-fit: contain
}
.anrdj0a img{
    max-width:7.79rem
}
@media (max-width:47.99875em){.ui-yga9p{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        max-width:24.91rem;
        margin-right:auto;
        margin-left:auto
    }
.qihmdsa{
        min-width:0;
        width: 100%
    }}
@media (max-width:22.5em){.ui-yga9p{
        grid-template-columns: 1fr
    }}
.ui-row-list-wide{
    gap:2.27rem;
    row-gap:0.32rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media (max-width:47.99875em){.ui-row-list-wide{
        row-gap:0.32rem
    }}
.ui-row-list-wide a{
    position: relative;
    color: var(--footer-color);
    font-size: 1rem;
    font-weight: 400;
    line-height:1.27rem
}
@media (max-width:47.99875em){.ui-row-list-wide a{
        font-size: 1rem;
        line-height:1.13rem
    }}
.ui-row-list-wide li a::after, .ui-ksqlyj li .ui-wrap_intro__flow>a::after, .ui-ksqlyj>li>a::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    z-index: 50;
    width: 100%;
    height:2.08px;
    transition:transform 310ms linear;
    transform-origin: right;
    transform: scaleX(0)
}
.ui-ksqlyj li a::after{
    background-color: var(--header-color)
}
.ui-row-list-wide li a::after{
    background-color: var(--footer-color)
}
.ui-row-list-wide a:focus-visible::after, .ui-row-list-wide a:hover::after, .ui-ksqlyj li a:focus-visible::after, .ui-ksqlyj li a:hover::after{
    transform-origin: left;
    transform: scaleX(1)
}
.vf1a1p{
    margin-top:0.91rem;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap:0.73rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.scy6b::after{
    height:0.06rem
}
.ui-kx41by p{
    color: var(--footer-color);
    font-size: 1rem;
    font-weight: 300;
    line-height:1.13rem;
    text-align: center;
    opacity: .8;
    margin-bottom:0
}
.viewflow__tile--center{
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 50;
    width:2.6rem;
    height:2.6rem;
    transition:opacity 30ms linear, transform 30ms linear;
    opacity: 0;
    transform: scale(0);
    pointer-events: none
}
@media (min-width:73.125em){.viewflow__tile--center{
        bottom: 4rem;
        right: 4rem
    }}
.viewflow__tile--center[data-shown=true]{
    opacity: 1;
    transform: scale(1);
    pointer-events: auto
}
.view_sb78g{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius:20.76px;
    background: linear-gradient(to left, color-mix(in srgb, var(--login-btn) 80%, white) 0%, var(--login-btn) 100%);
    box-shadow:0 0 0.5px var(--main-text);
    transition:transform 30ms linear, box-shadow 30ms linear
}
.view_sb78g svg{
    fill: var(--text-login-btn, var(--text-btns));
    stroke: none
}
.view_sb78g:hover{
    transform: scale(1.1);
    box-shadow:0 0 3.1px var(--main-text)
}
@media (min-width:73.125em){.view_sb78g{
        width:3.11rem;
        height:3.11rem
    }
.view_sb78g svg{
        width:24.91px;
        height:24.91px
    }}
@media screen and (max-width:530px){.ui-row-list-wide, .ui-u-head-2{
        flex-direction: column;
        justify-content: center;
        gap:1.04rem
    }
.ui-row-list-wide li{
        text-align: center
    }
.scy6b{
        display: none
    }}
.ui-sym12nz>section, section{
    margin-top:0;
    scroll-margin:72.67px 0 0
}
.ui-sym12nz:last-child{
    margin-bottom:0
}
h2::after, section>h2::after{
    background: var(--main-text);
    opacity: .6
}
h3, section h3{
    margin-bottom:1.3rem;
    line-height:clamp(1.17rem, 1.12rem + .2352941176vw, 1.3rem)
}
.ui-cin9e8, .ui-xd16jyd .ui-lok9t li, .ui-row-list-wide, .ui-ksqlyj{
    padding:0;
    list-style-type: none
}
.ui-cin9e8 li, .ui-row-list-wide li, .ui-ksqlyj li{
    list-style: none;
    margin-bottom:0
}
.ui-roq7f[data-open=true] .fbsw3g9{
    height:auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    margin-top:0.52rem
}
.ui-xd16jyd .ui-eowaork{
    display: inline-flex;
    align-items: center;
    gap:0.52rem;
    cursor: pointer
}
.area_etq9z{
    font-weight: 600
}
.rmiy1xx{
    transition:transform 30ms linear;
    flex-shrink: 0
}
.ui-roq7f[data-open=true] .ui-eowaork .rmiy1xx{
    transform: rotate(180deg)
}
.ui-roq7f[data-open=true] .ui-eowaork{
    background-color: transparent
}
.ui-xd16jyd .fbsw3g9{
    overflow: hidden;
    height:0;
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition:opacity 30ms linear 30ms, -webkit-transform 30ms linear 30ms;
    transition:opacity 30ms linear 30ms, transform 30ms linear 30ms;
    transition:opacity 30ms linear 30ms, transform 30ms linear 30ms, -webkit-transform 30ms linear 30ms
}
.ui-xd16jyd button{
    width:auto;
    height:auto
}
h3, section h3{
    color: var(--main-text);
    font-size: 23.281px;
    font-weight: 600
}
.ui-xd16jyd .ui-eowaork{
    background-color: transparent;
    color: var(--main-text);
    font-weight: 600;
    border: 0;
    padding:0;
    text-decoration: underline dashed;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    transition:color 30ms linear, text-decoration-color 30ms linear
}
@media screen and (max-width:768px){.ui-xd16jyd .ui-eowaork{
        font-size: 1.455rem
    }}
.ui-xd16jyd .ui-lok9t{
    border: 0;
    background: var(--nav-acc-head-game-bg);
    border-radius:20.76px;
    padding:12.46px;
    -webkit-columns: 280px 2;
    -moz-columns: 280px 2;
    columns: 280px 2
}
.ui-xd16jyd .ui-lok9t li{
    margin-bottom:0.26rem
}
.ui-xd16jyd .ui-lok9t a{
    color: var(--main-text);
    text-decoration: none;
    display: inline-block;
    padding:5.19px;
    font-size: 15.481px;
    line-height:24.87px;
    -webkit-transition:color 30ms linear 30ms;
    transition:opacity 30ms linear 30ms
}
.ui-xd16jyd .ui-lok9t a:focus, .ui-xd16jyd .ui-lok9t a:hover{
    opacity: .6
}
.ui-xd16jyd ul{
    padding:0
}
@media screen and (max-width:768px){.ui-sym12nz>section, h2, section, section>h2{
        scroll-margin:114.19px 0 0
    }}
[data-el=acc] [data-el=acc-inner][data-open=true] [data-el=acc-body]{
    height:auto;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-top: 2px solid color-mix(in srgb, var(--main-text) 10%, transparent)
}
[data-el=acc] [data-el=acc-inner][data-open=true] [data-el=acc-arrow]{
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}
section p:last-child{
    margin-top:12.46px;
    margin-bottom:12.46px
}
input, textarea{
    all: unset;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font: inherit;
    color: inherit;
    background: 0 0;
    border: 0;
    outline: 0;
    padding:0;
    margin:0;
    resize: none
}
[data-elem=form][data-submit=true] [data-elem=form-message]{
    display: block
}
[data-elem=form] [data-elem=form-message], [data-elem=form][data-submit=true] [data-elem=form-main]{
    display: none
}
[data-elem=form]{
    opacity: 0;
    visibility: hidden;
    height:0;
    padding:0;
    transform: translateY(-20px);
    transition:opacity 30ms linear-out, transform 30ms linear-out, padding 30ms linear-out, height 30ms linear-out
}
[data-elem=form][data-active=true]{
    opacity: 1;
    visibility: visible;
    height:auto;
    padding:2.08rem 1.56rem;
    margin-top:1.04rem;
    transform: translateY(0)
}
@media screen and (max-width:768px){[data-elem=form][data-active=true]{
        padding:0.52rem 0.78rem
    }}
table{
    width: 100%;
    border-collapse: collapse;
    margin:1.04rem 0;
    font-size: 13px;
    transition:background-color 30ms linear
}
td{
    border: 1.5px solid var(--table-border);
    padding:8.3px;
    vertical-align: top;
    text-align: left;
    color: var(--table-color)
}
tr:nth-child(odd){
    background-color: var(--table-odd-bg)
}
tr:nth-child(even){
    background-color: var(--table-even-bg)
}
td a{
    color: var(--main-text);
    text-decoration: underline;
    transition:opacity 30ms linear
}
td a:hover{
    opacity: .7
}
td ol, td ul{
    margin:0;
    padding-left:25.95px;
    border: 0;
    border-radius:0
}
td ul{
    list-style: square
}
td ol{
    list-style: decimal
}
td ol li, td ul li{
    padding:4.15px 0;
    border-bottom: none
}
@media (min-width:651px){td ol, td ul{
        border: 1px solid var(--table-border);
        border-radius:20.76px;
        overflow: hidden;
        padding-left:0;
        list-style: inside
    }
td ol li, td ul li{
        padding:6.23px 8.3px 6.23px 12.46px;
        border-bottom: 1px solid var(--table-border)
    }
td ol li:last-child, td ul li:last-child{
        border-bottom: none
    }}
@media (max-width:768px){table, tbody, td, tr{
        display: block;
        width: 100%
    }
tr:first-child{
        display: none
    }
tbody tr{
        position: relative;
        border-left: 1.5px solid var(--table-border);
        border-right: 1.5px solid var(--table-border);
        background-color: color-mix(in srgb, var(--header-bg) 15%, transparent) !important;
        padding:10.38px
    }
td:nth-child(odd){
        background-color: var(--table-odd-bg)
    }
td:nth-child(even){
        background-color: var(--table-even-bg)
    }
tr+tr{
        border-top: 1.5px solid var(--table-border)
    }
tr:last-child{
        border-bottom: 1.5px solid var(--table-border)
    }
tr:nth-of-type(2){
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }
tr:last-child{
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }
td{
        border: 0;
        padding:6.23px;
        font-size: 13px;
        font-weight: 500;
        text-align: left
    }
td::before{
        content: attr(data-label);
        display: block;
        font-size: 8.251px;
        font-weight: 300;
        color: var(--table-color);
        margin-bottom:2.08px;
        opacity: .7
    }
td ol, td ul{
        border: 0;
        border-radius:0;
        overflow: visible;
        padding-left:20.76px
    }
td ol li, td ul li{
        border-bottom: none
    }}
.ui-is-band-3, [data-item=c8d4af29]{
    color: var(--main-text);
    margin-bottom:16.61px
}
.ui-is-band-3{
    margin-top:33.22px
}
.ui-is-band-3>h2{
    margin-bottom:18.69px
}
[data-item=c8d4af29]{
    padding:16.61px 20.76px 26.99px;
    background: var(--nav-acc-head-game-bg);
    border-radius:20.76px
}
[data-item=c8d4af29]+[data-item=c8d4af29]{
    margin-top:14.53px
}
[data-item=c8d4af29] h3, [data-item=c8d4af29] p{
    color: var(--main-text);
    line-height:1.525;
    margin:0
}
[data-item=c8d4af29] h3::after{
    content: "";
    display: block;
    width: 100%;
    height:2.08px;
    margin-top:8.3px;
    background: var(--main-text);
    opacity: .4
}
.ui-roq7f button{
    border: 0;
    background-color: var(--reg-btn);
    color: var(--text-reg-btn, var(--text-btns));
    border-radius:20.76px;
    padding:6.23px 12.46px;
    font-weight: 400;
    font-size: 1rem
}
input::placeholder, textarea::placeholder{
    color: var(--main-text);
    opacity: .6
}
input:focus-visible, input:hover, textarea:focus-visible, textarea:hover{
    border-color: var(--login-btn);
    box-shadow:0 0 2.6px var(--login-btn)
}
@media screen and (max-width: 767.9px){.shell_s42p4{
        display: flex;
        align-items: center;
        min-height:41.52px;
    }}
a[data-role="curlink"]::after{
    transform: scale(1) !important;
}
.c680 a[data-role="curlink"]{
    text-decoration: underline;
}
ul[role="menu"] a[data-role="curlink"]{
    text-decoration: underline !important;
}
.ui-dthzj8{
    position: relative;
    color: var(--header-color);
    padding:49.83px 0 0;
    overflow: hidden;
    border-bottom: 1.5px solid color-mix(in srgb, var(--main-text) 15%, transparent);
    background: linear-gradient(to bottom, transparent 40%, color-mix(in srgb, var(--main-bg) 78%, black) 100%), linear-gradient(to right, color-mix(in srgb, var(--header-bg) 94%, black) 0%, color-mix(in srgb, var(--header-bg) 86%, transparent) 22%, transparent 48%), radial-gradient(1200px 520px at 72% 0%, color-mix(in srgb, var(--login-btn) 38%, transparent), transparent 60%), linear-gradient(to bottom, color-mix(in srgb, var(--header-bg) 82%, black) 0%, color-mix(in srgb, var(--main-bg) 72%, transparent) 56%)
}
.ui-dthzj8::before{
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(720px 340px at 78% 30%, color-mix(in srgb, var(--reg-btn) 18%, transparent), transparent 70%);
    z-index: 0;
    pointer-events: none
}
.ui-sabefdf{
    position: relative;
    z-index: 1;
    margin:0 auto;
    max-width:1328.77px;
    padding:0 20.76px;
    display: grid;
    gap:22.84px;
    grid-template-columns: 1fr
}
.ui-lf788f{
    position: relative;
    z-index: 2
}
.ui-frame-text{
    display: inline-block;
    font-size: 9.409px;
    font-weight: 600;
    letter-spacing: 0.081em;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--header-color) 82%, transparent);
    margin-bottom:8.3px
}
.ui-fw8c5m{
    margin:0 0 31.14px;
    color: var(--header-color);
    font-weight: 800;
    line-height:1.111;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: clamp(28px, 7vw, 64px);
    text-shadow:0 3.1px 9.4px rgba(0,0,0, 0.387)
}
.ui-ctzrzbc{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap:16.61px
}
.ui-vyymg{
    position: relative;
    isolation: isolate;
    max-width: 100%;
    min-height:58.13px;
    padding:0 22.84px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius:20.76px;
    background: linear-gradient(127deg, var(--reg-btn), color-mix(in srgb, var(--reg-btn) 64%, var(--login-btn)));
    color: var(--text-login-btn, var(--text-btns));
    font-size: 20.626px;
    font-weight: 800;
    text-transform: uppercase;
    box-shadow:0 7.3px 15.6px rgba(0,0,0, 0.310), 0 0 8.3px color-mix(in srgb, var(--reg-btn) 28%, transparent);
    transition:transform 30ms linear, box-shadow 30ms linear
}
.ui-vyymg::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: 1;
    clip-path: inset(0 100% 0 0);
    background: linear-gradient(127deg, var(--login-btn), color-mix(in srgb, var(--login-btn) 62%, var(--reg-btn)));
    transition:clip-path 610ms cubic-bezier(.65, 0, .35, 1)
 linear}
.ui-vyymg:hover{
    transform: translateY(-2px);
    box-shadow:0 9.4px 18.7px rgba(0,0,0, 0.376), 0 0 11.5px color-mix(in srgb, var(--login-btn) 42%, transparent)
}
.ui-vyymg:hover::before{
    clip-path: inset(0 0 0 0)
}
.ivah77y{
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap:10.38px
}
.ui-kzdjx{
    width:31.14px;
    height:31.14px;
    background: linear-gradient(127deg, color-mix(in srgb, var(--header-color) 94%, var(--login-btn)) 0%, var(--login-btn) 42%, color-mix(in srgb, var(--login-btn) 50%, var(--reg-btn)) 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-login-btn, var(--text-btns));
    box-shadow:0 1.0px 3.1px rgba(0,0,0, 0.387), inset 0 0.5px 1.0px rgba(255,255,255, 0.686), inset 0 -1.0px 1.6px color-mix(in srgb, var(--main-bg) 35%, transparent), 0 0 7.3px color-mix(in srgb, var(--login-btn) 78%, transparent);
    flex-shrink: 0
}
.ui-l-text-8{
    width:24.91px;
    height:24.91px;
    fill: currentColor;
    transform-origin: 50% 50%;
    animation:kf-ui-rjuno 4610ms cubic-bezier(.1, .7, 1, .1) infinite reverse
 linear}
@keyframes kf-ui-rjuno{
    0% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(900deg)
    }

    100% {
        transform: rotate(0deg)
    }
}
@media (prefers-reduced-motion:reduce){.ui-l-text-8{
        animation:none
     linear}}
.ui-umaa499{
    display: none
}
.ui-xljj1e{
    position: absolute;
    inset: -8px;
    background: var(--login-btn);
    border-radius:207.62px;
    filter: blur(22px);
    opacity: .35;
    z-index: 1;
    pointer-events: none;
    will-change: opacity;
    animation:kf-ui-qdth5r9 2010ms linear-in-out infinite
}
.ui-vyymg:hover .ui-xljj1e{
    animation-play-state: paused !important
}
.ui-vyymg:active{
    transition:30ms linear;
    transform: translateY(0)
}
@keyframes kf-ui-qdth5r9{

    0%,
    100% {
        opacity: .28
    }

    50% {
        opacity: .65
    }
}
@keyframes kf-ap63ge{

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-8px)
    }
}
.ui-ce25{
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    align-self: stretch;
    overflow: hidden
}
.zone_foot-slim{
    display: block;
    max-height:311.43px;
    width:auto;
    max-width: 100%;
    object-fit: contain;
    margin-bottom:-18.69px;
    transition:transform 30ms linear, filter 30ms linear;
    filter: drop-shadow(0 22px 30px rgba(0,0,0, .34));
    animation:kf-ap63ge 5210ms linear-in-out infinite
}
.ui-ce25:hover .zone_foot-slim{
    filter: drop-shadow(0 22px 30px rgba(0,0,0, .34)) drop-shadow(0 0 8px color-mix(in srgb, var(--login-btn) 30%, transparent))
}
@media (min-width:768px){.ui-kzdjx{
        width:36.33px;
        height:36.33px
    }
.ivah77y{
        gap:15.57px
    }}
@media (min-width:980px){.ui-sabefdf{
        grid-template-columns: 1.15fr .85fr;
        align-items: center
    }
.zone_foot-slim{
        max-height:373.72px
    }}
@media (max-width:979px){.ui-dthzj8{
        padding-top:18.69px
    }
.ui-ce25{
        justify-content: center;
        order: -1;
        margin-bottom:20.76px
    }
.ui-sabefdf{
        padding:0
    }
.ui-lf788f{
        text-align: center;
        justify-content: center;
        margin-top:-74.74px;
        z-index: 2;
        padding-inline: 16px
    }
.ui-frame-text{
        font-size: 15.481px;
        font-weight: 400;
        line-height:1.307;
        margin-bottom:12.46px
    }
.ui-fw8c5m{
        margin:0 0 31.14px
    }
.ui-ctzrzbc{
        justify-content: center
    }
.ui-vyymg{
        font-size: 18.025px
    }
.zone_foot-slim{
        max-height:311.43px;
        max-width:280.29px;
        margin-bottom:-14.53px
    }}
@media (max-width:480px){.ui-fw8c5m{
        font-size: clamp(30px, 10vw, 42px)
    }
.ui-vyymg{
        width: 100%;
        max-width:332.19px
    }}
main table{
    width: 100%;
    border-collapse: collapse;
    margin:1.56rem 0;
    background: transparent;
    font-size: 11.785px;
    line-height:1.742;
    border: 1px solid color-mix(in srgb, var(--table-border) 20%, transparent)
}
main thead th{
    background: color-mix(in srgb, var(--header-bg) 55%, transparent);
    color: var(--header-color);
    text-align: left;
    padding:12.46px 16.61px;
    font-weight: 700;
    font-size: 8.251px;
    text-transform: uppercase;
    letter-spacing: 0.081em;
    border: 1.5px solid var(--table-border)
}
main tbody td{
    padding:14.53px 16.61px;
    color: var(--table-color);
    vertical-align: top;
    border-top: 1px solid color-mix(in srgb, var(--table-border) 12%, transparent);
    background: transparent
}
main tbody tr:nth-child(even) td{
    background: color-mix(in srgb, var(--header-bg) 22%, transparent)
}
main tbody tr:hover td{
    background: color-mix(in srgb, var(--login-btn) 8%, transparent)
}
main tbody td:first-child{
    color: var(--main-text)
}
@media (max-width:900px){main table, main thead, main tbody, main tr, main td, main th{
        box-sizing: border-box
    }
main table{
        display: block !important;
        border: 0 !important;
        box-shadow:none !important;
        background: transparent !important;
        margin:1.3rem 0 !important;
        width: 100% !important
    }
main thead{
        display: none !important
    }
main tbody{
        display: block !important;
        width: 100% !important
    }
main tbody tr{
        display: block !important;
        position: static !important;
        border: 1px solid color-mix(in srgb, var(--table-border) 45%, transparent) !important;
        border-radius:49.83px !important;
        background-color: color-mix(in srgb, var(--header-bg) 55%, var(--main-bg)) !important;
        padding:6.23px 14.53px !important;
        margin:0 0 14.53px 0 !important;
        box-shadow:0 3.1px 8.3px rgba(0,0,0, 0.221) !important;
        width: 100% !important
    }
main tbody tr:nth-child(odd) td, main tbody tr:nth-child(even) td, main tbody tr:hover td{
        background: transparent !important
    }
main tbody td{
        display: flex !important;
        flex-direction: column !important;
        gap:3.11px !important;
        padding:10.38px 0 !important;
        border: 0 !important;
        border-top: 1px solid color-mix(in srgb, var(--table-border) 18%, transparent) !important;
        white-space: normal !important;
        color: var(--table-color) !important;
        width: 100% !important
    }
main tbody td:first-child{
        border-top: 0 !important;
        padding-top:4.15px !important;
        color: var(--main-text) !important
    }
main tbody td[data-label]::before{
        content: attr(data-label);
        display: block;
        font-size: 7.115px;
        font-weight: 700;
        letter-spacing: 0.081em;
        text-transform: uppercase;
        color: color-mix(in srgb, var(--login-btn) 78%, var(--header-color));
        margin-bottom:2.08px
    }}
.gk47xot{
    display: block
}
.rov9syb{
    gap:0.25rem;
    justify-content: center
}
.rov9syb span{
    width: 100%;
    flex: 0 0 .22rem
}
.rov9syb{
    background: linear-gradient(172deg, var(--header-color) 0 .22rem, transparent .22rem calc(50% - .11rem), var(--header-color) calc(50% - .11rem) calc(50% + .11rem), transparent calc(50% + .11rem) calc(100% - .22rem), var(--header-color) calc(100% - .22rem) 100%);
    border-radius:0.62rem
}
.rov9syb span{
    display: none
}
.zone_foot-slim{
    -webkit-mask-image: linear-gradient(to bottom, #000000 70%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000000 70%, transparent 100%);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    animation:none !important linear;
    filter: none !important;
    margin-bottom:0 !important
}
.ui-ce25:hover .zone_foot-slim{
    filter: none !important
}
.ui-has-list-6{
    border: 0;
    background: var(--nav-acc-head-game-bg);
    border-radius:20.76px;
    padding:22.84px;
    margin:22.84px 0
}
.ui-has-list-6 .areaflow__body--mini{
    gap:10.38px
}
.ui-c837{
    display: flex;
    justify-content: center;
    margin-top:12.46px
}
.ui-c837 .ui-jg0f41p{
    min-width:150.52px
}
.ui-jg0f41p{
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height:39.45px;
    padding:8.3px 14.53px;
    border-radius:20.76px;
    background: var(--login-btn);
    color: var(--text-login-btn, var(--text-btns));
    font-size: 9.409px;
    font-weight: 600;
    line-height:1.089;
    text-transform: uppercase;
    text-decoration: none;
    transition:transform 30ms linear, box-shadow 30ms linear, opacity 30ms linear
}
.ui-jg0f41p:hover, .ui-jg0f41p:focus-visible{
    transform: translateY(-1px);
    box-shadow:0 4.2px 10.4px -6.2px color-mix(in srgb, var(--login-btn) 55%, transparent);
    opacity: .94
}
.areaflow__body--mini{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:12.46px
}
@media (min-width: 560px){.areaflow__body--mini{
        grid-template-columns: repeat(3, 1fr)
    }}
@media (min-width: 900px){.areaflow__body--mini{
        grid-template-columns: repeat(6, 1fr);
        gap:14.53px
    }}
@media (max-width: 559.98px){.ui-has-list-6 > .areaflow__body--mini{
        display: flex;
        grid-template-columns: none;
        gap:10.38px;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom:6.23px;
        scrollbar-width:thin
    }
.ui-has-list-6 > .areaflow__body--mini[data-scroll="start"]{
        -webkit-mask-image: linear-gradient(to right, black calc(100% - 40px), transparent);
        mask-image: linear-gradient(to right, black calc(100% - 40px), transparent)
    }
.ui-has-list-6 > .areaflow__body--mini[data-scroll="middle"]{
        -webkit-mask-image: linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent);
        mask-image: linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent)
    }
.ui-has-list-6 > .areaflow__body--mini[data-scroll="end"]{
        -webkit-mask-image: linear-gradient(to right, transparent, black 40px);
        mask-image: linear-gradient(to right, transparent, black 40px)
    }
.ui-has-list-6 > .areaflow__body--mini > .yitdug{
        flex: 0 0 42%;
        max-width:186.86px;
        min-width:145.33px;
        scroll-snap-align: start
    }}
@media (max-width: 420px){.ui-c837{
        justify-content: stretch
    }
.ui-jg0f41p{
        width: 100%
    }}
.yitdug{
    position: relative;
    display: block;
    cursor: pointer;
    background: transparent;
    border: 0;
    color: inherit;
    text-decoration: none
}
.has-head-2{
    position: relative;
    aspect-ratio: 190 / 270;
    overflow: hidden;
    border-radius:41.52px;
    background: color-mix(in srgb, var(--main-bg) 60%, black)
}
.has-head-2::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background: rgba(14,7,22, .62);
    opacity: 0;
    pointer-events: none;
    transition:opacity 30ms linear
}
.yitdug:hover .has-head-2::after, .yitdug:focus-within .has-head-2::after, .yitdug:focus-visible .has-head-2::after{
    opacity: 1
}
.has-head-2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition:transform 30ms linear
}
.ui-bar_khzc1{
    position: relative;
    z-index: 1;
    padding:10.38px 2.08px 0
}
.fuhbc7h{
    font-weight: 400;
    font-size: 9.409px;
    line-height:1.361;
    color: var(--main-text);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.byx0h1c{
    margin-top:2.08px;
    font-size: 7.115px;
    color: color-mix(in srgb, var(--main-text) 48%, transparent)
}
.ui-kjt1s{
    position: absolute;
    left: 50%;
    top: calc(50% - 42px);
    z-index: 4;
    width:45.68px;
    height:45.68px;
    border-radius:4148.25px;
    display: grid;
    place-items: center;
    background: var(--login-btn);
    color: var(--text-login-btn, var(--text-btns));
    opacity: 0;
    transform: translate(-50%, -50%) scale(.82);
    pointer-events: none;
    box-shadow:0 5.2px 11.5px -6.2px rgba(0,0,0, 0.886);
    cursor: pointer;
    transition:opacity 30ms linear, transform 30ms linear, box-shadow 30ms linear, background-color 30ms linear
}
.yitdug:hover .ui-kjt1s, .yitdug:focus-within .ui-kjt1s, .yitdug:focus-visible .ui-kjt1s{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: auto;
    box-shadow:0 6.2px 14.6px -6.2px color-mix(in srgb, var(--login-btn) 70%, black)
}
.ui-kjt1s:hover, .ui-kjt1s:focus-visible{
    background: color-mix(in srgb, var(--login-btn) 78%, white);
    transform: translate(-50%, -50%) scale(1.08);
    box-shadow:0 7.3px 16.7px -5.2px color-mix(in srgb, var(--login-btn) 85%, black)
}
.ui-xgjra{
    position: absolute;
    left: 50%;
    top: calc(50% + 22px);
    z-index: 4;
    min-width:99.66px;
    min-height:41.52px;
    border: 0;
    border-radius:20.76px;
    background: var(--login-btn);
    color: var(--text-login-btn, var(--text-btns));
    font-size: 10.588px;
    font-weight: 700;
    line-height:1.089;
    text-transform: uppercase;
    opacity: 0;
    transform: translate(-50%, -50%) scale(.9);
    cursor: pointer;
    transition:opacity 30ms linear, transform 30ms linear, box-shadow 30ms linear, background-color 30ms linear
}
.yitdug:hover .ui-xgjra, .yitdug:focus-within .ui-xgjra, .yitdug:focus-visible .ui-xgjra{
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    box-shadow:0 5.2px 12.5px -6.2px color-mix(in srgb, var(--login-btn) 65%, transparent)
}
.ui-xgjra:hover, .ui-xgjra:focus-visible{
    background: color-mix(in srgb, var(--login-btn) 78%, white);
    transform: translate(-50%, -50%) scale(1.04);
    box-shadow:0 6.2px 14.6px -5.2px color-mix(in srgb, var(--login-btn) 80%, black)
}
.ui-unit_btn__outer{
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    padding:18.69px;
    background: rgba(0,0,0, .72)
}
.ui-unit_btn__outer[data-open="true"]{
    display: flex
}
.ui-uvafz5{
    position: relative;
    width: min(1100px, 100%);
    height:min(788.96px, 88vh);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--main-text) 18%, transparent);
    border-radius:33.22px;
    background: #060606;
    box-shadow:0 12.5px 41.7px rgba(0,0,0, 0.509)
}
.ui-uvafz5:fullscreen{
    width:100vw;
    height:100vh;
    border: 0;
    border-radius:0
}
.ui-unit_btn__outer iframe{
    width: 100%;
    height: calc(100% - 70px);
    border: 0;
    display: block;
    background: #060606
}
.ui-zfxxpju{
    width: calc(100% - 32px);
    min-height:49.83px;
    margin:11.42px 16.61px;
    border: 0;
    border-radius:20.76px;
    background: var(--reg-btn);
    color: var(--text-reg-btn, var(--text-btns));
    font-size: 13px;
    font-weight: 700;
    line-height:1.198;
    text-align: center;
    text-transform: uppercase;
    transition:transform 30ms linear, box-shadow 30ms linear
}
.ui-zfxxpju:hover, .ui-zfxxpju:focus-visible{
    transform: translateY(-1px);
    box-shadow:0 6.2px 13.5px -7.3px var(--reg-btn)
}
main a{
    color: var(--login-btn);
    position: relative;
    text-decoration: none;
    transition:color 30ms linear
}
main a:hover, main a:focus-visible{
    color: var(--reg-btn)
}
main a::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height:2.08px;
    background-color: var(--reg-btn);
    transform-origin: right;
    transform: scaleX(0);
    transition:transform 310ms
 linear}
main a:hover::after, main a:focus-visible::after{
    transform-origin: left;
    transform: scaleX(1)
}
.ui-xd16jyd .ui-lok9t a::after{
    content: none
}
.ui-col-foot-pro{
    background: var(--nav-acc-head-game-bg);
    border-radius:20.76px;
    padding:14.53px 20.76px;
    color: var(--main-text)
}
.ui-col-foot-pro + .ui-col-foot-pro{
    margin-top:14.53px
}
.ui-wceoc5{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:1.04rem;
    cursor: pointer;
    list-style: none;
    padding:0
}
.ui-wceoc5::-webkit-details-marker{
    display: none
}
.ui-wceoc5 h3{
    margin:0;
    font-size: 1rem;
    font-weight: 600;
    line-height:1.525;
    color: var(--main-text)
}
.ui-wceoc5 h3::after{
    content: none
}
.ui-c585{
    width:33.22px;
    height:33.22px;
    border-radius: 50%;
    background: var(--reg-btn);
    color: var(--text-reg-btn, var(--text-btns));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition:transform 30ms linear, background-color 30ms linear, box-shadow 30ms linear
}
.ui-col-foot-pro[open] > .ui-wceoc5 .ui-c585{
    transform: rotate(180deg);
    background: color-mix(in srgb, var(--reg-btn) 72%, white);
    box-shadow:0 3.1px 9.4px -4.2px color-mix(in srgb, var(--reg-btn) 70%, black)
}
.oyh4v0{
    padding-top:12.46px;
    color: var(--main-text);
    line-height:1.525
}
.oyh4v0 > *:first-child{ margin-top:0 }
.oyh4v0 > *:last-child{ margin-bottom:0 }
.ui-rfr40mo{
    margin:33.22px 0 0;
    padding-top:14.53px;
    border-top: 1.5px solid color-mix(in srgb, var(--main-text) 10%, transparent);
    color: color-mix(in srgb, var(--main-text) 55%, transparent);
    font-size: 1rem;
    line-height:1.525
}
.ui-rfr40mo time{
    color: color-mix(in srgb, var(--main-text) 75%, transparent);
    font-weight: 400
}
.ui-slot_label, .ui-roq7f[data-open=true] button.ui-slot_label{
    color: var(--text-login-btn, var(--text-btns));
    fill: var(--text-login-btn, var(--text-btns));
}
.zvtygbn{
    color: var(--text-reg-btn, var(--text-btns));
    fill: var(--text-reg-btn, var(--text-btns));
}