.games-showcase-0834c3 {
    margin: 2rem 0;
}

.games-showcase-0834c3 h2 {
    text-align: center;
    margin-bottom: 1.5rem;
}

.games-grid-0834c3 {
    display: grid;
    grid-template-columns: repeat(var(--games-columns, 4), 1fr);
    gap: 1rem;
}

.game-card-0834c3 {
    position: relative;
    text-align: center;
}

.game-thumbnail-0834c3 {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    aspect-ratio: 1;
    background: linear-gradient(135deg, var(--gradient-placeholder-start, #667eea) 0%, var(--gradient-placeholder-end, #764ba2) 100%);
}

.game-thumbnail-0834c3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.game-card-0834c3:hover .game-thumbnail-0834c3 img {
    transform: scale(1.05);
}

.game-thumbnail--placeholder-0834c3 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.game-overlay-0834c3 {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.game-card-0834c3:hover .game-overlay-0834c3 {
    opacity: 1;
}

.play-btn-0834c3 {
    background: var(--color-primary, #ff6b35);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    transition: background 0.2s ease;
}

.play-btn-0834c3:hover {
    background: var(--color-primary-hover, #e55a2b);
    color: white;
}

.game-name-0834c3 {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text, #333);
}



.lobby-banners-0834c3 {
    margin: 2rem 0;
}


.lobby-banner-text-0834c3 {
    margin: 0;
    padding: 0;
}

.lobby-banner-text--header-0834c3 {
    font: var(--font-lobby-header);
}

.lobby-banner-text--body-0834c3 {
    font: var(--font-lobby-body);
}


.lobby-slider-0834c3 {
    --default-slides-to-show: 1;
    --default-slide-width: 100%;
    --slides-to-show: var(--default-slides-to-show);
    --slide-width: var(--default-slide-width);
    width: 100%;
}

@media (min-width: 1921px) {
    .lobby-slider-0834c3 {
        --slide-width: var(--bp-xxxl-plus, var(--default-slide-width));
        --slides-to-show: var(--slides-xxxl-plus, var(--default-slides-to-show));
    }
}

@media (max-width: 1920px) {
    .lobby-slider-0834c3 {
        --slide-width: var(--bp-xxxl, var(--default-slide-width));
        --slides-to-show: var(--slides-xxxl, var(--default-slides-to-show));
    }
}

@media (max-width: 1600px) {
    .lobby-slider-0834c3 {
        --slide-width: var(--bp-xxl, var(--default-slide-width));
        --slides-to-show: var(--slides-xxl, var(--default-slides-to-show));
    }
}

@media (max-width: 1366px) {
    .lobby-slider-0834c3 {
        --slide-width: var(--bp-xl-2, var(--default-slide-width));
        --slides-to-show: var(--slides-xl-2, var(--default-slides-to-show));
    }
}

@media (max-width: 1248px) {
    .lobby-slider-0834c3 {
        --slide-width: var(--bp-xl, var(--default-slide-width));
        --slides-to-show: var(--slides-xl, var(--default-slides-to-show));
    }
}

@media (max-width: 960px) {
    .lobby-slider-0834c3 {
        --slide-width: var(--bp-l, var(--default-slide-width));
        --slides-to-show: var(--slides-l, var(--default-slides-to-show));
    }
}

@media (max-width: 768px) {
    .lobby-slider-0834c3 {
        --slide-width: var(--bp-m, var(--default-slide-width));
        --slides-to-show: var(--slides-m, var(--default-slides-to-show));
    }
}

@media (max-width: 590px) {
    .lobby-slider-0834c3 {
        --slide-width: var(--bp-s, var(--default-slide-width));
        --slides-to-show: var(--slides-s, var(--default-slides-to-show));
    }
}

@media (max-width: 460px) {
    .lobby-slider-0834c3 {
        --slide-width: var(--bp-xs, var(--default-slide-width));
        --slides-to-show: var(--slides-xs, var(--default-slides-to-show));
    }
}

@media (max-width: 320px) {
    .lobby-slider-0834c3 {
        --slide-width: var(--bp-xxs, var(--default-slide-width));
        --slides-to-show: var(--slides-xxs, var(--default-slides-to-show));
    }
}

.lobby-slider-0834c3 .lobby-slider__scroll-wrap-0834c3 {
    position: relative;
}

.lobby-slider-0834c3 .lobby-slider__scroll-box-0834c3 {
    -ms-overflow-style: none;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    width: 100%;
}

.lobby-slider-0834c3 .lobby-slider__scroll-box-0834c3::-webkit-scrollbar {
    display: none;
}

.lobby-slider-0834c3 .lobby-slider__slide-0834c3 {
    flex: 0 0 var(--slide-width);
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.lobby-slider-0834c3 .lobby-slider__slide-0834c3,
.lobby-slider-0834c3 .lobby-slider__slide-content-0834c3 {
    max-width: var(--max-slide-width);
}

.lobby-banners-0834c3 .lobby-slider__scroll-box-0834c3 {
    --scroll-padding: var(--section-padding-l, 16px);
    scroll-padding: var(--scroll-padding);
    padding: 0 var(--scroll-padding);
    gap: calc(var(--scroll-padding) / 2);
}


.lobby-btn-0834c3 {
    --m-button-transition-duration: .15s;
    align-items: center;
    background: var(--m-button-background);
    border: none;
    border-radius: var(--m-button-border-radius);
    box-shadow: inset 0 0 0 var(--m-button-border-width) var(--m-button-border-color);
    color: var(--m-button-text-color);
    cursor: pointer;
    display: flex;
    font: var(--m-button-font);
    justify-content: center;
    padding: var(--m-button-padding);
    position: relative;
    text-decoration: none;
    transition: all var(--m-button-transition-duration) ease-in-out;
}

.lobby-btn-0834c3 > * {
    transition-duration: var(--m-button-transition-duration);
    transition-property: opacity, scale;
    transition-timing-function: ease-in-out;
}

.lobby-btn-content-0834c3 {
    align-items: center;
    display: flex;
    gap: var(--m-button-text-margin);
    justify-content: center;
    min-height: var(--m-button-content-height);
    padding: var(--m-button-text-margin);
}

.lobby-btn--primary-0834c3 {
    --m-button-background: var(--color-button-fill-primary-background, #22c55e);
    --m-button-text-color: var(--color-button-fill-primary-text, #000);
    --m-button-border-color: transparent;
    background-color: var(--color-button-fill-primary-background, #22c55e);
    color: #03110a;
}

.lobby-btn--primary-0834c3:hover {
    background-color: var(--color-button-fill-primary-background-hover, #34d399);
}

.lobby-btn--s-0834c3 {
    --m-button-padding: var(--button-expand-s, 8px);
    --m-button-border-radius: var(--button-border-radius-s, 16px);
    --m-button-border-width: var(--button-border-size-s, 2px);
    --m-button-content-height: var(--button-content-height-s, 16px);
    --m-button-font: var(--font-button-text-s);
    --m-button-text-margin: var(--button-text-container-expand-s, 0 4px);
}


.lobby-badge-0834c3 {
    background: var(--m-badge-background);
    border-radius: var(--m-badge-border-radius);
    box-shadow: inset 0 0 0 var(--m-badge-border-width, 2px) var(--m-badge-border-color);
    color: #fff;
    display: inline-flex;
    font: var(--m-badge-font);
    padding: var(--m-badge-padding);
}

.lobby-badge-content-0834c3 {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: var(--m-badge-content-height);
}

.lobby-badge-text-0834c3 {
    align-items: center;
    display: flex;
    gap: var(--m-badge-text-margin);
    padding: var(--m-badge-text-margin);
}

.lobby-badge--secondary-0834c3 {
    --m-badge-background: var(--color-badge-secondary-background, #ec4899);
    --m-badge-border-color: transparent;
    --m-badge-text-color: var(--color-badge-secondary-text, #fff);
}

.lobby-badge--m-0834c3 {
    --m-badge-padding: var(--badge-expand-m, 4px);
    --m-badge-border-width: var(--badge-border-size-m, 2px);
    --m-badge-content-height: var(--badge-content-height-m, 16px);
    --m-badge-font: var(--font-badge-text-m);
    --m-badge-text-margin: var(--badge-text-container-expand-m, 0 4px);
    --m-badge-border-radius: var(--badge-border-radius-m, 6px);
}


.lobby-banner-0834c3 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 16px;
    aspect-ratio: 21/9;
}

.lobby-banner__image-0834c3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.lobby-banner__content-0834c3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    padding: 12px;
    height: 100%;
    position: relative;
    z-index: 1;
}

.lobby-banner__text-0834c3 {
    max-width: 50%;
}

.lobby-banner__text-0834c3 > * {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.lobby-banner-picture-0834c3 {
    width: 100%;
    height: 100%;
}

.lobby-banner-picture-0834c3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-picture-0834c3 {
    height: 100%;
    width: 100%;
    background-color: var(--color-bg-card, #1a1028);
}

.banner-picture-0834c3 img {
    object-fit: contain;
    margin-left: auto;
    width: fit-content;
}


.payment-strip-0834c3 {
    background: var(--color-bg-card, #f9f9f9);
    border-top: 1px solid var(--color-border, #eee);
    padding: 1.5rem 0;
}

.payment-strip-0834c3 .container-0834c3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.strip-title-0834c3 {
    font-size: 0.875rem;
    color: var(--color-text-light, #666);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.strip-icons-0834c3 {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.payment-icon-0834c3 {
    height: 28px;
    width: auto;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.payment-icon-0834c3:hover {
    opacity: 1;
}



.recent-big-wins-section-0834c3 {
    overflow: hidden;
    margin: 2rem 0;
}


.recent-big-wins-slider-0834c3 {
    position: relative;
    overflow: hidden;
}

.recent-big-wins-slider__cards-0834c3 {
    display: flex;
    gap: 12px;
    transform: translate(0);
    transition: transform .5s ease;
}

@media (max-width: 1100px) {
    .recent-big-wins-slider__cards-0834c3 {
        grid-template-columns: repeat(var(--perRowMiddle), 1fr);
    }
}

@media (max-width: 960px) {
    .recent-big-wins-slider__cards-0834c3 {
        grid-template-columns: repeat(var(--perRowMin), 1fr);
    }
}


.recent-big-wins-header-0834c3 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--gap-s, 12px);
}

.recent-big-wins-header__control-0834c3 {
    display: flex;
    align-items: center;
}

.recent-big-wins-header__title-0834c3 {
    display: flex;
    align-items: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--color-light-grey-5, #FBF5FF);
}

.recent-big-wins-header__title-0834c3 > svg {
    width: 32px;
    margin-right: 8px;
    color: var(--color-mid-grey-5, #c9c0e6);
}

.recent-big-wins-header-0834c3 .bw-icon-0834c3 {
    max-height: 30px;
}

@media (max-width: 1280px) {
    .recent-big-wins-header__title-0834c3 {
        font-size: 16px !important;
    }
}


.bw-icon-0834c3 {
    width: 16px;
}

.bw-chevron-0834c3 {
    transition: transform .15s ease-in-out;
}

.bw-icon-container-0834c3 {
    align-items: center;
    background: var(--ic-background);
    border-radius: var(--ic-border-radius);
    box-shadow: inset 0 0 0 var(--ic-border-width, 0) var(--ic-border-color, transparent);
    color: inherit;
    display: flex;
    justify-content: center;
    padding: var(--ic-padding);
    transition: color .15s ease-in-out;
}

.bw-icon-container-0834c3 img,
.bw-icon-container-0834c3 svg {
    height: var(--ic-size);
    width: var(--ic-size);
}

.bw-prev-next-arrows-0834c3 {
    align-items: center;
    display: inline-flex;
    gap: 4px;
}

.bw-arrow-btn-0834c3 {
    --m-button-transition-duration: .15s;
    align-items: center;
    background: var(--color-button-fill-secondary-background, #23163a);
    border: none;
    border-radius: var(--button-border-radius-m, 24px);
    color: var(--color-button-fill-secondary-text, #fff);
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: var(--button-expand-m, 12px);
    position: relative;
    text-decoration: none;
    transition: all var(--m-button-transition-duration) ease-in-out;
    --ic-size: var(--button-icon-container-icon-size-m, 20px);
    --ic-color: var(--color-button-fill-secondary-icon-container-icon, #c9c0e6);
}

.bw-arrow-btn-0834c3 > * {
    transition-duration: var(--m-button-transition-duration);
    transition-property: opacity, scale;
    transition-timing-function: ease-in-out;
}

@media not (any-pointer: coarse) {
    .bw-arrow-btn-0834c3:focus-visible,
    .bw-arrow-btn-0834c3:hover {
        background: var(--color-button-fill-secondary-background-hover, #5C1E85);
    }
}

.bw-arrow-btn-0834c3:active {
    background: var(--color-button-fill-secondary-background-active, #a78bfa);
}

@media (max-width: 768px) {
    .bw-prev-next-arrows-0834c3 .bw-arrow-btn-0834c3 {
        padding: .5rem !important;
    }
}



.recent-big-wins-card-0834c3 {
    display: flex;
    border-radius: 12px;
    height: 84px;
    background-color: var(--color-bg-card, #1a1028);
    min-width: 200px;
    cursor: pointer;
}

.recent-big-wins-card__info-0834c3 {
    padding: 6px 8px 6px 12px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.recent-big-wins-card__info-0834c3:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 60px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, var(--color-bg-card, #1a1028));
}

.recent-big-wins-card__game-icon-0834c3 {
    width: 84px;
    height: 84px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.recent-big-wins-card__game-icon-0834c3 img {
    width: 100%;
}

.recent-big-wins-card__game-name-0834c3 {
    font-size: 14px;
    line-height: 1.6;
    color: var(--color-text, #fff);
    white-space: nowrap;
    overflow: hidden;
}

.recent-big-wins-card__player-info-0834c3 {
    margin-top: 1px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    gap: 8px;
}

.recent-big-wins-card__player-nickname-0834c3 {
    font-size: 10px;
    font-weight: 600;
    line-height: 1.6;
    color: var(--color-light-grey-3, #f6f7ff);
    overflow: hidden;
}

.recent-big-wins-card__win-amount-0834c3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--color-su400, #22c55e);
    margin-top: auto;
    overflow: hidden;
    white-space: nowrap;
}


.bw-avatar-0834c3 {
    --m-avatar-size: var(--avatar-size, 32px);
    height: var(--m-avatar-size);
    width: var(--m-avatar-size);
    position: relative;
}

.bw-avatar__image-0834c3 {
    align-items: center;
    background: var(--color-avatar-background, #120a1d);
    border-radius: var(--avatar-border-radius, 1000px);
    display: flex;
    height: inherit;
    justify-content: center;
    position: relative;
    width: inherit;
}

.bw-avatar__image-0834c3 > img {
    width: 100%;
    border-radius: var(--avatar-border-radius, 1000px);
}


.pwa-banner-0834c3 {
    border-radius: 16px;
    background: linear-gradient(97deg, var(--pwa-gradient-start, #0a5566), var(--pwa-gradient-end, #501875) 94.17%);
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between;
    padding: 32px 32px 32px 220px;
    gap: 32px;
    overflow: hidden;
    margin: 2rem 0;
}

.pwa-banner__image-0834c3 {
    position: absolute;
    height: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    object-fit: contain;
}

.pwa-banner__content-0834c3 {
    flex: 1;
}

.pwa-banner__title-0834c3 {
    color: #ffffff;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 0.5rem 0;
}

.pwa-banner__message-0834c3 {
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}

.pwa-banner__button-0834c3 {
    background: linear-gradient(135deg, var(--color-primary, #2563eb), var(--color-primary-hover, #1d4ed8));
    color: #ffffff;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    white-space: nowrap;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.pwa-banner__button-0834c3:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    color: #ffffff;
}



.author-0834c3 {
    margin-top: 2rem;
}

.author-0834c3 a {
    color: var(--color-author-link, #ffb4d8);
}

.author-0834c3 .author__wrapper-0834c3 {
    background-color: var(--color-bg-card, #120a1d);
    padding: 1.5rem;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.author__header-0834c3 {
    display: flex;
    flex-direction: row;
    gap: 1.5rem;
}

@media (max-width: 768px) {
    .author__header-0834c3 {
        padding: 1rem;
    }
}

@media (max-width: 556px) {
    .author__header-0834c3 {
        padding: .5rem;
    }
}

.author__avatar-0834c3 {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
}

.author__avatar--placeholder-0834c3 {
    background: linear-gradient(135deg, var(--gradient-placeholder-start, #667eea) 0%, var(--gradient-placeholder-end, #764ba2) 100%);
}

.author__name-0834c3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    line-height: 1.5em;
    font-weight: 600;
    margin-bottom: .5em;
}

.author__name-0834c3 svg {
    width: 24px;
    height: 24px;
}

.author__body-0834c3 {
    line-height: 1.5em;
    font-weight: 500;
}

.author__body-0834c3 p {
    margin-bottom: 0;
}

.author__title-0834c3 {
    color: var(--color-mid-grey-5, #c9c0e6);
    margin-bottom: 0;
}


@media (max-width: 768px) {
    .games-grid-0834c3 {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 0.75rem;
    }

    .game-name-0834c3 {
        font-size: 0.75rem;
    }

    .play-btn-0834c3 {
        padding: 0.375rem 0.75rem;
        font-size: 0.75rem;
    }

    .payment-icon-0834c3 {
        height: 24px;
    }

    .strip-icons-0834c3 {
        gap: 0.75rem;
    }

    
    .pwa-banner-0834c3 {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px 100px 16px 16px;
        gap: 12px;
    }

    .pwa-banner__image-0834c3 {
        left: unset;
        right: 0;
        height: 80%;
    }

    .pwa-banner__title-0834c3 {
        font-size: 1rem;
    }

    .pwa-banner__message-0834c3 {
        font-size: 0.75rem;
    }

    .pwa-banner__button-0834c3 {
        padding: 0.5rem 1rem;
        font-size: 0.75rem;
    }
}

@media (max-width: 480px) {
    .games-grid-0834c3 {
        grid-template-columns: repeat(2, 1fr);
    }

    
    .pwa-banner-0834c3 {
        padding: 12px 80px 12px 12px;
        gap: 8px;
    }

    .pwa-banner__image-0834c3 {
        height: 70%;
    }
}




@keyframes slide-up-opacity {
    0% { opacity: 0; transform: translateY(3%) }
    to { opacity: 1; transform: translateY(0) }
}

@keyframes sidebar-fade {
    0% { opacity: 0 }
    to { opacity: 1 }
}


.site-wrapper-0834c3 {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.site-wrapper-0834c3.with-sidebar-0834c3 {
    margin-left: 0;
    transition: margin-left 0.3s ease;
}

@media (min-width: 1280px) {
    .site-wrapper-0834c3.with-sidebar-0834c3 {
        margin-left: var(--nav-sidebar-width, 64px);
    }
}



.nav-sidebar-0834c3 {
    background: var(--color-sidebar-background, #1a1028);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 105;
    height: 100vh;
    display: none;
}

@media (min-width: 1280px) {
    .nav-sidebar-0834c3 {
        display: block;
    }
}

.nav-sidebar-0834c3.hide-0834c3 {
    display: none;
}

.nav-sidebar-content-0834c3 {
    transition: all .5s ease;
    width: var(--nav-sidebar-width, 64px);
}



.nav-sidebar-header-0834c3 {
    animation: sidebar-fade .6s ease-in-out;
    background: var(--color-sidebar-header-background, #1a1028);
    padding: var(--sidebar-header-expand, 0 20px);
    position: relative;
    z-index: 104;
}

.nav-sidebar-header-0834c3,
.nav-sidebar-header-toggle-0834c3 {
    align-items: center;
    display: flex;
    height: var(--sidebar-header-content-height, 64px);
    justify-content: center;
}

.nav-sidebar-header-toggle-0834c3 {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--sidebar-header-content-height, 64px);
    background: none;
    border: none;
    color: inherit;
}

.nav-sidebar-header-toggle-0834c3 svg {
    color: var(--color-menu-top-icon, #c9c0e6);
    height: var(--menu-top-icon-size, 24px);
    transform: scale(1);
    transition: all .3s ease-in-out;
    width: var(--menu-top-icon-size, 24px);
}

.nav-sidebar-header-toggle-0834c3 svg:hover {
    color: var(--color-menu-top-icon-hover, #f97316);
}

.nav-sidebar-header-logo-0834c3 {
    align-items: center;
    animation: sidebar-fade .5s ease-in-out;
    display: flex;
    margin: 0 auto;
}

.nav-sidebar-header-wrap-0834c3 {
    position: absolute;
}

@media (min-width: 1280px) {
    .nav-sidebar-header-0834c3 {
        background: var(--color-sidebar-header-background) !important;
    }
}



.nav-sidebar-wrapped-0834c3 {
    background: var(--color-sidebar-background, #1a1028);
}

.nav-sidebar-wrapped-content-0834c3 {
    display: none;
    animation: slide-up-opacity .6s cubic-bezier(.4, 0, .2, 1) .3s forwards;
    height: calc(100vh - var(--nav-height, 64px));
    opacity: 0;
    overflow-y: scroll;
    padding: var(--sidebar-body-expand, 8px);
    width: 64px;
    z-index: 103;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.nav-sidebar-wrapped-content-0834c3::-webkit-scrollbar {
    display: none;
}

@media (min-width: 1280px) {
    .nav-sidebar-wrapped-content-0834c3 {
        display: block !important;
    }
}

.nav-sidebar-wrapped-item-0834c3:not(:last-child) {
    margin-bottom: 4px;
}



.nav-sidebar-icon-0834c3 {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px;
    text-decoration: none;
    color: inherit;
}

.nav-sidebar-icon-0834c3:hover {
    background: var(--color-sidebar-list-header-background-hover, #a78bfa);
    border-radius: 8px;
    color: #fdf4ff;
}

.nav-sidebar-icon-0834c3:hover svg {
    color: inherit;
}

.nav-sidebar-icon-0834c3 svg {
    color: var(--color-sidebar, #c9c0e6);
    height: 24px;
    pointer-events: none;
    width: 24px;
}



.nav-sidebar-wrapped-0834c3 .divider-top-0834c3 {
    margin-top: 16px;
    position: relative;
}

.nav-sidebar-wrapped-0834c3 .divider-top-0834c3:before {
    background: var(--color-sidebar-divider-background, #a78bfa);
    content: "";
    height: var(--line-size-s, 1px);
    position: absolute;
    top: calc(var(--sidebar-body-spacing, 8px) * -1);
    width: 100%;
}

.nav-sidebar-wrapped-0834c3 .divider-bottom-0834c3 {
    margin-bottom: 16px;
    position: relative;
}

.nav-sidebar-wrapped-0834c3 .divider-bottom-0834c3:after {
    background: var(--color-sidebar-divider-background, #a78bfa);
    bottom: calc(var(--sidebar-body-spacing, 8px) * -1);
    content: "";
    height: var(--line-size-s, 1px);
    position: absolute;
    width: 100%;
}



.nav-sidebar-support-0834c3 {
    width: 100%;
}

.nav-sidebar-support-wrapped-0834c3 svg {
    color: var(--color-primary, #22c55e);
}



.nav-card__button-0834c3 {
    align-items: center;
    background: var(--color-sidebar-list-header-background, #120a1d);
    border-radius: var(--sidebar-card-border-radius, 8px);
    color: var(--color-sidebar-card-widget-text, #ffffff);
    cursor: pointer;
    display: flex;
    gap: var(--sidebar-card-widget-spacing, 8px);
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
    overflow: hidden;
    padding: var(--sidebar-card-widget-expand, 4px);
    position: relative;
    text-align: initial;
    transition: background .3s ease-in-out;
    width: 100%;
    text-decoration: none;
}

.nav-card__button-0834c3:before {
    background: var(--color-background-missions, #1a799f);
    content: "";
    filter: blur(40px);
    height: 120px;
    left: -60px;
    opacity: .6;
    position: absolute;
    top: -100px;
    transition: opacity .3s ease-in-out;
    width: 120px;
}

.nav-card__button-0834c3:hover {
    background: var(--color-sidebar-list-header-background-hover, #a78bfa);
    color: #fdf4ff;
}

.nav-card__button-0834c3:hover:before {
    opacity: 1;
}

.nav-card__img-0834c3 {
    height: 40px;
    pointer-events: none;
    width: 40px;
    z-index: 1;
}

.nav-card__title-0834c3 {
    flex: 1;
    font: var(--font-sidebar-card-text-s);
    overflow: hidden;
    position: relative;
}



.nav-sidebar-card--wrapped-0834c3 .nav-card__img-0834c3 {
    margin: 0 auto;
}

.nav-sidebar-card--wrapped-0834c3 .nav-card__button-0834c3 {
    background: transparent;
}

.nav-sidebar-card--wrapped-0834c3 .nav-card__button-0834c3:before {
    display: none;
}

.nav-sidebar-card--wrapped-0834c3 .nav-card__button-0834c3:hover {
    background: var(--color-sidebar-list-header-background, #120a1d);
}



.nav-sidebar-cards-grid-0834c3 {
    border-radius: 8px;
    display: grid;
    gap: var(--sidebar-body-opened-grid-spacing, 4px);
    grid-template-columns: repeat(2, 1fr);
}

.nav-sidebar-card-0834c3:last-child:nth-child(odd) {
    grid-column: span 2;
}



.nav-sidebar-expanded-0834c3 {
    bottom: 0;
    display: none !important;
    flex-direction: column;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 320px;
    z-index: 1500 !important;
    background: var(--color-sidebar-background, #1a1028);
    min-height: 100vh;
}

.nav-sidebar-expanded-0834c3.show-0834c3 {
    display: flex !important;
}

@media (max-width: 1280px) {
    .nav-sidebar-expanded-0834c3 {
        max-width: 430px;
        width: 100%;
    }
}

.nav-sidebar-expanded-content-0834c3 {
    animation: slide-up-opacity .6s cubic-bezier(.4, 0, .2, 1) .3s forwards;
    display: flex;
    flex: 1;
    flex-direction: column;
    opacity: 0;
    overflow: hidden;
    width: 100%;
}

.nav-sidebar-expanded-scrollY-0834c3 {
    flex: 1;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 8px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.nav-sidebar-expanded-scrollY-0834c3::-webkit-scrollbar {
    display: none;
}

.nav-sidebar-expanded--gap-0834c3 {
    display: flex;
    flex-flow: column;
    gap: var(--sidebar-body-opened-spacing, 16px);
    padding: 16px 8px;
}

.nav-sidebar-expanded-items-0834c3 {
    margin-bottom: auto;
}

.nav-sidebar-expanded-cards-0834c3 {
    display: flex;
    flex-direction: column;
    gap: var(--sidebar-body-opened-container-spacing, 8px);
}

.nav-sidebar-expanded-support-0834c3 {
    flex-direction: column;
}

.nav-sidebar-expanded-support-0834c3,
.nav-sidebar-expanded-support-help-0834c3 {
    display: flex;
    gap: var(--buttons-group-spacing-m, 8px);
}

.nav-sidebar-expanded-support-help-0834c3 > * {
    flex-basis: 148px;
    flex-grow: 1;
}

.nav-sidebar-expanded-app-links-0834c3 {
    display: flex;
    flex-direction: column;
    gap: var(--sidebar-body-opened-container-spacing, 8px);
}



.nav-sidebar-items-0834c3 {
    --text-color: var(--color-sidebar-list-header-text, #f6f7ff);
    --icon-color: var(--text-color);
    display: flex;
    flex-direction: column;
    gap: var(--sidebar-body-opened-menu-spacing, 4px);
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-sidebar-items-title-0834c3 {
    align-items: center;
    border-radius: var(--sidebar-list-item-border-radius, 8px);
    color: var(--text-color);
    cursor: pointer;
    display: flex;
    font: var(--font-sidebar-list-header);
    gap: var(--sidebar-list-item-spacing, 8px);
    padding: var(--sidebar-list-item-expand, 8px);
    position: relative;
    transition: background .3s ease-in-out, margin .3s ease-in-out;
    user-select: none;
}

.nav-sidebar-items-title-0834c3 span {
    flex: 1;
}

@media (hover) {
    .nav-sidebar-items-title-0834c3:hover {
        margin-left: 4px;
    }
}

.nav-sidebar-items-title--light-0834c3 {
    background: var(--color-sidebar-list-header-background, #120a1d);
}

@media (hover) {
    .nav-sidebar-items-title--light-0834c3:hover {
        --text-color: var(--color-sidebar-list-header-text-hover, #ffffff);
        --icon-color: var(--text-color);
        background: var(--color-sidebar-list-header-background-hover, #a78bfa);
        margin-left: 0;
    }
}

.nav-sidebar-item-icon-0834c3 {
    --ic-color: var(--icon-color, var(--color-sidebar-list-row-text));
    --ic-background: var(--color-sidebar-list-header-icon-container-background);
    --ic-border-color: var(--color-sidebar-list-header-icon-container-border);
    --ic-border-width: var(--sidebar-list-item-icon-container-border-size);
    --ic-size: var(--sidebar-list-item-icon-container-icon-size);
    --ic-padding: var(--sidebar-list-item-icon-container-expand);
}



.m-icon-0834c3 {
    width: 16px;
}

.m-icon-container-0834c3 {
    align-items: center;
    background: var(--ic-background);
    border-radius: var(--ic-border-radius);
    box-shadow: inset 0 0 0 var(--ic-border-width) var(--ic-border-color);
    color: inherit;
    display: flex;
    justify-content: center;
    padding: var(--ic-padding);
    transition: color .15s ease-in-out;
}

.m-icon-container-0834c3 img,
.m-icon-container-0834c3 svg {
    height: var(--ic-size);
    width: var(--ic-size);
}



.hideScrollbar-0834c3 {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.hideScrollbar-0834c3::-webkit-scrollbar {
    display: none;
}

.flex-1-0834c3 {
    flex: 1;
}



.m-button-0834c3 {
    --m-button-transition-duration: .15s;
    align-items: center;
    background: var(--m-button-background);
    border: none;
    border-radius: var(--m-button-border-radius);
    box-shadow: inset 0 0 0 var(--m-button-border-width) var(--m-button-border-color);
    color: var(--m-button-text-color);
    cursor: pointer;
    display: flex;
    font: var(--m-button-font);
    justify-content: center;
    padding: var(--m-button-padding);
    position: relative;
    text-decoration: none;
    transition: all var(--m-button-transition-duration) ease-in-out;
}

.m-button-0834c3 > * {
    transition-duration: var(--m-button-transition-duration);
    transition-property: opacity, scale;
    transition-timing-function: ease-in-out;
}

@media not (any-pointer: coarse) {
    .m-button-0834c3:focus-visible,
    .m-button-0834c3:hover {
        --m-button-background: var(--color-button-fill-success-background-hover, #07BE1A);
        --m-button-border-color: var(--m-button-border-color-hover);
    }
}

.m-button-0834c3:active {
    --m-button-background: var(--m-button-background-pressed);
    --m-button-border-color: var(--m-button-border-color-pressed);
}

.m-button-content-0834c3 {
    align-items: center;
    display: flex;
    gap: var(--m-button-text-margin);
    justify-content: center;
    min-height: var(--m-button-content-height);
    padding: var(--m-button-text-margin);
}

.m-button-content-0834c3 img,
.m-button-content-0834c3 svg {
    height: var(--ic-size);
    width: var(--ic-size);
}


.m-button--success-0834c3 {
    --m-button-background: var(--color-button-fill-success-background, #22c55e);
    --m-button-text-color: var(--color-button-fill-success-text, #03110a);
    --m-button-border-color: var(--color-button-fill-success-border, transparent);
    --m-button-border-color-hover: var(--color-button-fill-success-border-hover, transparent);
    --m-button-border-color-pressed: var(--color-button-fill-success-border-active, transparent);
    --m-button-background-disabled: var(--color-button-fill-success-background-disabled);
    --m-button-text-color-disabled: var(--color-button-fill-success-text-disabled);
    --m-button-background-hover: var(--color-button-fill-success-background-hover);
    --m-button-text-color-hover: var(--color-button-fill-success-text-hover);
    --m-button-background-pressed: var(--color-button-fill-success-background-active);
    --m-button-text-color-pressed: var(--color-button-fill-success-text-active);
    --ic-color: var(--color-button-fill-success-icon-container-icon, #ffffff);
    background-color: var(--color-button-fill-success-background, #22c55e);
    color: var(--color-button-fill-success-text, #03110a);
}

.m-button--m-0834c3 {
    --m-button-padding: var(--button-expand-m, 12px);
    --m-button-border-radius: var(--button-border-radius-m, 22px);
    --m-button-border-width: var(--button-border-size-m, 2px);
    --m-button-content-height: var(--button-content-height-m, 20px);
    --m-button-font: var(--font-button-text-m);
    --m-button-text-margin: var(--button-text-container-expand-m, 0 8px);
    --ic-padding: var(--button-icon-container-expand-m, 0);
    --ic-size: var(--button-icon-container-icon-size-m, 20px);
    --ic-border-width: var(--button-icon-container-border-size-m, 0);
    --ic-border-radius: var(--button-icon-container-border-radius-m, 0);
}



.footer-app-button-0834c3 {
    align-items: center;
    background: var(--color-sidebar-list-header-background, #120a1d);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    gap: 4px;
    overflow: hidden;
    padding: 4px 8px 4px 0;
    position: relative;
    width: 100%;
    text-decoration: none;
    color: inherit;
}

.footer-app-button-0834c3:before {
    background: var(--color-background-missions, #1a799f);
    content: "";
    filter: blur(30px);
    height: 45px;
    left: -15px;
    opacity: 1;
    position: absolute;
    top: -15px;
    width: 45px;
}

.footer-app-button-text-0834c3 {
    display: flex;
    flex-direction: column;
}

.footer-app-button-description-0834c3 {
    opacity: .6;
}

.footer-app-button-image-0834c3 {
    margin: 4px;
    width: 40px;
    z-index: 1;
}

.footer-app-button-title-0834c3 {
    margin-top: -2px;
}



.m-text-0834c3 {
    margin: 0;
    padding: 0;
}

.m-fs10-0834c3 { font-size: 10px }
.m-fs12-0834c3 { font-size: 12px }
.m-fw500-0834c3 { font-weight: 500 }
.m-fw700-0834c3 { font-weight: 700 }
.m-lh160-0834c3 { line-height: 160% }


.nav-logo-0834c3 {
    cursor: pointer;
}

.nav-logo-0834c3 img {
    max-width: 100%;
    max-height: 60px;
    padding: 6px 0;
}


@media (min-width: 1280px) {
    .main-nav-0834c3 .nav-logo-0834c3 {
        max-width: 150px;
    }
}

.nav-sidebar-header-0834c3 .nav-logo-0834c3 {
    max-width: 150px;
}


@media (max-width: 1250px) {
    .main-nav-0834c3 .nav-logo-0834c3 {
        padding-left: 2rem;
    }
}




@media (min-width: 1280px) {
    .main-nav-content-toggle-0834c3 {
        display: none;
    }
}


@media (max-width: 1279px) {
    .main-nav-content-center-0834c3 {
        display: none;
    }
}



.bottom-overlays-0834c3 {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    z-index: 900
}

.bottom-overlays-0834c3 > * {
    pointer-events: auto
}



.bottom-action-buttons-0834c3 {
    --action-button-size: 60px;
    align-items: flex-end;
    display: inline-flex;
    flex-direction: column;
    gap: 12px;
    transition: bottom .3s
}

.bottom-overlays__action-buttons-0834c3 {
    align-self: flex-end;
    margin: 0 16px 16px
}


.bottom-communication-button-0834c3 .m-button-0834c3,
.bottom-communication-button-0834c3.m-button-0834c3 {
    border-radius: calc(var(--action-button-size) / 2);
    box-shadow: 0 4px 12px #0000004d;
    color: var(--color-white, #fff);
    height: var(--action-button-size);
    overflow: hidden;
    padding: 16px;
    position: relative;
    transition: all .5s cubic-bezier(.18, .89, .32, 1.28) 50ms;
    width: var(--action-button-size)
}

.scroll-top-arrow-0834c3 {
    font-size: 1.5rem;
    line-height: 1;
    color: inherit
}



.mobile-nav-0834c3 {
    background-color: var(--color-sidebar-background, #1a1028);
    border-radius: 16px 16px 0 0;
    width: 100%;
    display: none
}

@media (max-width: 1279px) {
    .mobile-nav-0834c3 {
        display: block
    }

    body {
        padding-bottom: 80px;
    }
}

.mobile-nav-wrap-0834c3 {
    display: flex;
    height: 100%;
    justify-content: space-around;
    padding: 7px 0 calc(env(safe-area-inset-bottom) + 7px);
    width: 100%
}



.mobile-nav-item-0834c3 {
    align-items: center;
    color: var(--color-sidebar, #c9c0e6);
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    width: 48px
}

.mobile-nav-item__icon-wrap-0834c3 {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.mobile-nav-item__icon-wrap-0834c3.m-button-0834c3 {
    box-shadow: 0 0 0 0 var(--color-primary, #22c55e), 0 2px 7px -1px var(--color-primary, #22c55e);
    height: 44px;
    margin-top: -20px;
    width: 44px
}

.mobile-nav-item__icon-wrap-0834c3.m-button-0834c3 .mobile-nav-item__icon-0834c3 {
    color: var(--color-button-primary, #000)
}

.mobile-nav-item__icon-0834c3 {
    fill: currentColor;
    color: var(--color-sidebar, #c9c0e6);
    display: block;
    font-size: 24px;
    height: 1em;
    width: 1em
}

.mobile-nav-item__text-0834c3 {
    margin-top: 1px;
    min-width: 79px
}



.m-button-0834c3 {
    --m-button-transition-duration: .15s;
    align-items: center;
    background: var(--m-button-background);
    border: none;
    border-radius: var(--m-button-border-radius);
    box-shadow: inset 0 0 0 var(--m-button-border-width) var(--m-button-border-color);
    color: var(--m-button-text-color);
    cursor: pointer;
    display: flex;
    font: var(--m-button-font);
    justify-content: center;
    padding: var(--m-button-padding);
    position: relative;
    text-decoration: none;
    transition: all var(--m-button-transition-duration) ease-in-out
}

.m-button-0834c3 > * {
    transition-duration: var(--m-button-transition-duration);
    transition-property: opacity, scale;
    transition-timing-function: ease-in-out
}

.m-button-0834c3:active {
    --m-button-background: var(--m-button-background-pressed);
    --m-button-border-color: var(--m-button-border-color-pressed)
}

.m-button-content-0834c3 {
    align-items: center;
    display: flex;
    gap: var(--m-button-text-margin);
    justify-content: center;
    min-height: var(--m-button-content-height);
    padding: var(--m-button-text-margin)
}

.m-button-content-0834c3 img,
.m-button-content-0834c3 svg {
    height: var(--ic-size);
    width: var(--ic-size)
}


.m-button--primary-0834c3 {
    --m-button-background: var(--color-button-fill-primary-background, #22c55e);
    --m-button-text-color: var(--color-button-fill-primary-text, #000);
    --m-button-border-color: transparent;
    --m-button-background-pressed: var(--color-button-fill-primary-background-active, #85C42B);
    background-color: var(--color-primary, #22c55e);
    color: #03110a
}

.m-button--primary-0834c3:hover {
    background-color: var(--color-primary-hover, #34d399)
}


.m-button--secondary-0834c3 {
    --m-button-background: var(--color-button-fill-secondary-background, #23163a);
    --m-button-text-color: var(--color-button-fill-secondary-text, #fff);
    --m-button-border-color: transparent;
    --m-button-background-hover: var(--color-button-fill-secondary-background-hover, #fb923c);
    --m-button-background-pressed: var(--color-button-fill-secondary-background-active, #ea580c);
    background-color: var(--color-button-fill-secondary-background, #23163a)
}

.m-button--secondary-0834c3:hover {
    background-color: var(--color-button-fill-secondary-background-hover, #fb923c)
}


.m-button--m-0834c3 {
    --m-button-padding: var(--button-expand-m, 12px);
    --m-button-border-radius: var(--button-border-radius-m, 22px);
    --m-button-border-width: var(--button-border-size-m, 2px);
    --m-button-content-height: var(--button-content-height-m, 20px);
    --m-button-font: var(--font-button-text-m);
    --m-button-text-margin: var(--button-text-container-expand-m, 0 8px);
    --ic-size: var(--button-icon-container-icon-size-m, 20px)
}


.m-button--s-0834c3 {
    --m-button-padding: var(--button-expand-s, 8px);
    --m-button-border-radius: var(--button-border-radius-s, 16px);
    --m-button-border-width: var(--button-border-size-s, 2px);
    --m-button-content-height: var(--button-content-height-s, 16px);
    --m-button-font: var(--font-button-text-s);
    --m-button-text-margin: var(--button-text-container-expand-s, 0 4px);
    --ic-size: var(--button-icon-container-icon-size-s, 16px)
}



.m-icon-0834c3 {
    width: 16px
}

.m-icon-container-0834c3 {
    align-items: center;
    display: flex;
    justify-content: center;
    color: inherit
}



.m-text-0834c3 {
    margin: 0;
    padding: 0
}

.m-fs10-0834c3 {
    font-size: 10px
}

.m-fw600-0834c3 {
    font-weight: 600
}

.m-lh160-0834c3 {
    line-height: 160%
}

.m-text-center-0834c3 {
    text-align: center
}



.platforms-0834c3 {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin: 2rem 0;
}

.platforms__item-0834c3 {
    display: grid;
    grid-template-columns: 160px 1fr 1fr 140px;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--color-bg-card, var(--surface));
    border-radius: var(--border-radius, 8px);
    border: 1px solid var(--color-border, var(--border));
}

.platforms__logo-wrap-0834c3 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
}

.platforms__logo-0834c3 {
    max-height: 48px;
    max-width: 140px;
    object-fit: contain;
}

.platforms__ratings-0834c3 {
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--color-gold, var(--color-primary));
}

.platforms__ratings-0834c3 img {
    filter: var(--star-filter, none);
    flex-shrink: 0;
}

.platforms__ratings-0834c3 span {
    margin-left: 4px;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--color-text, var(--text-primary));
}

.platforms__statistic-0834c3 {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.statistic__category-0834c3 {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-text-light, var(--text-secondary));
}

.statistic__total-0834c3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-primary);
}

.platforms__actions-0834c3 {
    overflow: hidden;
}

.platforms__actions-0834c3 a {
    display: block;
    padding: 0.5rem 1.25rem;
    background: var(--color-primary);
    color: var(--color-btn-primary-text, #fff);
    border-radius: var(--border-radius, 6px);
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 0.2s ease;
}

.platforms__actions-0834c3 a:hover {
    opacity: 0.85;
}

@media (max-width: 768px) {
    .platforms__item-0834c3 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }

    .platforms__logo-wrap-0834c3 {
        justify-content: flex-start;
    }

    .platforms__actions-0834c3 {
        grid-column: span 2;
    }

    .platforms__actions-0834c3 a {
        width: 100%;
        box-sizing: border-box;
    }
}