body {
    margin: 0;
    font-family:  sans-serif ;
    color: white;
    background-color: black;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}
.header, .footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: #272a2f;
    border-radius: 15px;
    margin: 10px 0;
}
.header img, .footer img {
    width: 32px;
    height: 32px;
}
.level-progress {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.level-progress p {
    margin: 0;
}
.progress-bar {
    width: 100%;
    height: 8px;
    background: #43433b;
    border-radius: 4px;
    margin-top: 5px;
    position: relative;
}
.progress-fill {
    height: 100%;
    background: linear-gradient(to right, #f3ba2f, #f3ba2f);
    width: 50%; /* This should be dynamically adjusted */
}
.card {
    background: #272a2f;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    width: 100px;
    margin: 10px;
}
.card img {
    width: 60px;
    height: 60px;
}
.card p {
    margin: 5px 0;
}
.coin-display {
    text-align: center;
    margin: 20px 0;
}
.coin-display img {
    width: 50px;
    height: 50px;
}
.coin-amount {
    font-size: 32px;
    color: white;
}
.main-character {
    width: 200px;
    height: 200px;
    background: #272a2f;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
}
.main-character img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.footer {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
    max-width: 1200px;
    justify-content: space-around;
}
.footer div {
    text-align: center;
}










.progress-gradient {
    background: linear-gradient(to right, #90ef89, #d692dd, #726edd);
  }
  
  .top-glow {
    box-shadow: 0 -26px 20px rgba(243, 186, 47, 0.3);
  }
  
  /* Define the keyframes for the blinking animation */
  @keyframes blink {
    0% {
      opacity: 1;
    }
  
    50% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  
  /* Apply the animation to the dot class */
  .dot {
    width: 6px;
    height: 6px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
    animation: blink 1s infinite;
  }
  
  .circle-outer {
    background: linear-gradient(to bottom, #575def, #202731);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90vw;
    height: 90vw;
    max-width: 360px;
    max-height: 360px;
  }
  
  .circle-inner {
    background: radial-gradient(circle, #4960b2, #282e3e);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  
  @keyframes float {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
  
    100% {
      opacity: 0;
      transform: translateY(-50px);
    }
  }











  .w-\[18px\] {
    width: 18px;
}

.h-\[18px\] {
    height: 18px;
}
.w-8 {
    width: 2rem;
}

.h-8 {
    height: 2rem;
}


.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.bg-\[\#272a2f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(39 42 47 / var(--tw-bg-opacity));
}
.rounded-3xl {
    border-radius: 1.5rem;
}
.justify-around {
    justify-content: space-around;
}
.items-center {
    align-items: center;
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.max-w-xl {
    max-width: 36rem;
}
.w-\[calc\(100\%-2rem\)\] {
    width: calc(100% - 2rem);
}
.flex {
    display: flex;
}
.z-50 {
    z-index: 50;
}
.left-1\/2 {
    left: 50%;
}


.mx-auto {
    margin-left: auto;
    margin-right: auto;
}


img, video {
    max-width: 100%;
    height: auto;
}

img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem* var(--tw-space-x-reverse));
    margin-left: calc(0.5rem* calc(1 - var(--tw-space-x-reverse)));
}


.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem* var(--tw-space-x-reverse));
    margin-left: calc(1rem* calc(1 - var(--tw-space-x-reverse)));
}

.py-\[2px\] {
    padding-top: 2px;
    padding-bottom: 2px;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.bg-\[\#43433b\]\/\[0\.6\] {
    background-color: rgb(67 67 59 / 0.6);
}

.border-\[\#43433b\] {
    --tw-border-opacity: 1;
    border-color: rgb(67 67 59 / var(--tw-border-opacity));
}

.border-2 {
    border-width: 2px;
}

.rounded-full {
    border-radius: 9999px;
}

.items-center {
    align-items: center;
}

.max-w-64 {
    max-width: 16rem;
}

.w-2\/3 {
    width: 66.666667%;
}.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.gap-2 {
    gap: 0.5rem;
}

.justify-between {
    justify-content: space-between;
}

.flex {
    display: flex;
}

.mt-6 {
    margin-top: 1.5rem;
}


.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.bg-\[\#272a2f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(39 42 47 / var(--tw-bg-opacity));
}

.rounded-lg {
    border-radius: 0.5rem;
}

.w-full {
    width: 100%;
}

.relative {
    position: relative;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.z-10 {
    z-index: 10;
}
.pt-4 {
    padding-top: 1rem;
}


.items-center {
    align-items: center;
}

.flex {
    display: flex;
}.justify-between {
    justify-content: space-between;
}


.items-center {
    align-items: center;
}

.flex {
    display: flex;
}

.mt-1 {
    margin-top: 0.25rem;
}



body {
    font-family: sans-serif;
}


body {
    margin: 0;
    line-height: inherit;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;}

    .bg-\[\#f3ba2f\] {
        --tw-bg-opacity: 1;
        background-color: rgb(243 186 47 / var(--tw-bg-opacity));
    }
    
    
    .rounded-t-\[48px\] {
        border-top-left-radius: 48px;
        border-top-right-radius: 48px;
    }
    
    .flex-grow {
        flex-grow: 1;
    }
    
    .mt-4 {
        margin-top: 1rem;
    }
    
    .z-0 {
        z-index: 0;
    }
    
    .relative {
        position: relative;
    }
    
    .top-glow {
        box-shadow: 0 -26px 20px rgba(243, 186, 47, 0.3);
    }
    .bg-\[\#1d2025\] {
    --tw-bg-opacity: 1;
    background-color: rgb(29 32 37 / var(--tw-bg-opacity));
}


.rounded-t-\[46px\] {
    border-top-left-radius: 46px;
    border-top-right-radius: 46px;
}

.top-\[2px\] {
    top: 2px;
}

.right-0 {
    right: 0px;
}

.left-0 {
    left: 0px;
}

.bottom-0 {
    bottom: 0px;
}

.absolute {
    position: absolute;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem* var(--tw-space-x-reverse));
    margin-left: calc(0.25rem* calc(1 - var(--tw-space-x-reverse)));
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0;
}

.text-\[\#85827d\] {
    --tw-text-opacity: 1;
    color: rgb(133 130 125 / var(--tw-text-opacity));
}


.pl-4, .pxx-4 {
    padding-left: 1rem !important;
}

.pr-4, .pxx-4 {
    padding-right: 1rem !important;
}

.gap-2 {
    gap: .5rem;
}
.justify-between {
    justify-content: space-between;
}
.flex {
    display: flex;
}
.mt-6 {
    margin-top: 1.5rem;
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}


.text-\[10px\] {
    font-size: 10px;
}

.text-center {
    text-align: center;
}

.mt-1 {
    margin-top: 0.25rem;
}







.circle-outer {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.circle-inner {
    position: relative;
    overflow: hidden;
}

/* .number-overlay {
    position: absolute;
    bottom: 10%; /* Start from the bottom */
    /* left: 80%; */
    /* transform: translateX(-50%); */
    /* font-size: 2rem; Adjust font size as needed */
    /* color: white; */
    /* opacity: 0; */
    /* transition: opacity 1s ease-in-out, transform 1s ease-in-out; Transition for fade and movement */
    /* pointer-events: none; */
/* } */ */

.move-up {
    transform: translate(-50%, -100%); /* Move up completely */
    opacity: 0;
}

.coin-container {
    display: flex;
    align-items: center;
    space-x-2;
}

/* Notification style */
.notification {
    position: fixed;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 1rem;
    display: none;
    z-index: 1000;
}








.number-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border-radius: 50%;
    padding: 10px;
    font-size: 1.5rem;
    opacity: 1;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.number-overlay.animate {
    transform: translate(-50%, -120%);
    opacity: 0;
} 



/* #number-overlay {
    display: none;
} */

/* Add animation to number overlay */
/* @keyframes overlay-bounce {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.5);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

#number-overlay.show {
    display: block;
    animation: overlay-bounce 2s ease-in-out;
}  */



/* General Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Body Styling */
body {
    font-family: Arial, sans-serif;
    background-color: #000;
    color: #fff;
}

/* Header Styling */
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    background-color: #1c1c1c;
}

.header h1 {
    font-size: 1.5em;
    text-align: center;
    color: #fff;
}

.back-arrow {
    text-decoration: none;
    font-size: 1.5em;
    color: #fff;
}

.options-menu {
    position: relative;
}

.dots {
    font-size: 1.5em;
    cursor: pointer;
    color: #fff;
}

/* Main Content Styling */
.main-content {
    padding: 20px;
    text-align: center;
}

.main-content h2 {
    font-size: 1.8em;
    margin-bottom: 10px;
}

.description {
    font-size: 1.1em;
    margin-bottom: 20px;
}

/* Invite Options Styling */
.invite-options {
    margin-bottom: 20px;
}

.invite-card {
    display: flex;
    align-items: center;
    background-color: #2a2a2a;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.gift-icon {
    width: 50px;
    margin-right: 15px;
}

.invite-text p {
    margin: 5px 0;
}

.coin-icon {
    margin-right: 5px;
}

/* More Bonuses Section */
.more-bonuses {
    color: #4a90e2;
    margin: 20px 0;
    font-size: 1.4em;
}

.friends-list {
    margin-bottom: 10px;
    font-size: 1.2em;
}

.no-friends {
    color: #ccc;
    font-size: 0.9em;
}

/* Bottom Navigation */
.bottom-nav {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #2a2a2a;
    padding: 10px;
    display: flex;
    justify-content: center;
}

.invite-friend-btn {
    background-color: #4a90e2;
    border: none;
    padding: 15px 30px;
    border-radius: 25px;
    color: #fff;
    font-size: 1.2em;
    cursor: pointer;
}













/*  */


.Token3D_loading__N3f97 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    inset: 0;
    z-index: 5
}

.Token3D_canvas__8lAsP {
    opacity: 0;
    animation: Token3D_showCanvas__PjVfJ .6s .2s var(--ease-in-out-quad);
    animation-fill-mode: forwards;
    z-index: 5
}

@keyframes Token3D_showCanvas__PjVfJ {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.TopGame_top__TX_8H {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    gap: calc(var(--main-padding)/3);
    z-index: 50
}

.TopGame_card__eBoFP {
    --padding: calc(var(--main-padding) / 2);
    padding: var(--padding) calc(var(--padding)/1.5);
    gap: calc(var(--padding)/2);
    background-color: var(--bg-opacity-1);
    flex: 1 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-2)
}

.TopGame_card__eBoFP span {
    color: var(--grey);
    font-size: calc(10px + 10*(100vw - 320px)/1080)
}

.TopGame_card__eBoFP strong {
    line-height: .9;
    font-weight: 800;
    display: flex;

}

.TopGame_card__eBoFP strong img {
    width: 1em;
    margin-left: .1em
}

.TotalCoins_total__3E3VA {
    --size: calc(24px + 4 * (100vw - 320px) / 1080);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-align: center;
    font-weight: 800;
    font-size: calc(50px + 15*(100vw - 320px)/1080);
    padding-left: .25em
}

.TotalCoins_total__3E3VA img {
    position: absolute;
    width: .75em;
    transform: translate(-115%,-55%);
    top: 50%
}

.Heading_heading__5N24X {
    --padding: calc(32px + 16 * (100vw - 320px) / 1080);
    margin: calc(var(--main-padding)*-1);
    margin-bottom: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: calc(var(--padding)*1.5) var(--padding) 0;
    gap: calc(var(--padding)/2.5)
}

.Heading_title__LrOdt {
    z-index: 5;
    font-weight: 800;
    font-size: var(--heading-title,calc(24px + 6 * (100vw - 320px) / 1080))
}

.Heading_txt__7Q_tO {
    z-index: 5;
    color: var(--grey);
    font-size: var(--heading-txt,calc(15px + 4 * (100vw - 320px) / 1080))
}

.token_heading___OGwW {
    --heading-title: calc(40px + 24 * (100vw - 320px) / 1080)
}

.token_token__gLSfG {
    --width-token: calc(250px + 80 * (100vw - 320px) / 1080)!important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    mask: linear-gradient(180deg,#000 40%,transparent) 80%;
    -webkit-mask: linear-gradient(180deg,#000 40%,transparent) 80%;
    margin-top: calc(var(--main-padding)*-1.5);
    margin-bottom: calc(var(--width-token)*-.2);
    z-index: 0;
    width: var(--width-token);
    aspect-ratio: 1/1
}

.token_token__gLSfG [data-illu-token],.token_token__gLSfG canvas {
    width: var(--width-token)!important;
    height: auto!important
}

.token_loader__GEamR {
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.token_loader__GEamR:before {
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 5px solid var(--pink);
    border-top: 5px solid transparent;
    animation: token_spin__77_7J 1s linear infinite;
    margin-bottom: 15%
}

@keyframes token_spin__77_7J {
    to {
        transform: rotate(1turn)
    }
}

.token_bg__fIZr1 {
    filter: blur(80px);
    -webkit-filter: blur(80px);
    transform: translateZ(0);
    position: absolute;
    width: 90%;
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    animation: token_showBg__wuc7j 1s var(--ease-out-expo) forwards
}

@keyframes token_showBg__wuc7j {
    0% {
        opacity: 0
    }

    to {
        opacity: .5
    }
}

.token_nav__CZyY5 {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: calc(250px + 80*(100vw - 320px)/1080 + var(--main-padding)*2);
    pointer-events: none;
    font-size: calc(24px + 8*(100vw - 320px)/1080)
}

.token_nav__CZyY5 button {
    pointer-events: auto;
    color: var(--bg-opacity-2);
    height: 100%;
    padding: calc(var(--main-padding)/2)
}

.token_nav__CZyY5 .token_next__OEkMl {
    margin-left: auto
}

.token_nav__CZyY5 .token_prev__yQFZN {
    margin-right: auto
}

.token_ladder__MONOl {
    border-radius: var(--radius-1) var(--radius-1) 0 0;
    margin: 0 calc(var(--main-padding)*-1);
    padding: var(--main-padding);
    margin-top: calc(var(--main-padding)*1.5)
}

.token_ladder__MONOl:before {
    content: "";
    position: absolute;
    inset: 0;
    height: 200px;
    z-index: 0;
    background: linear-gradient(var(--bg-opacity-1),rgba(var(--bg-rgb),0));
    border-radius: inherit
}

.token_leader__NMfbX {
    --padding: calc(var(--main-padding) / 1.5);
    padding: var(--padding);
    border-radius: var(--radius-2);
    background-color: var(--bg-opacity-1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--main-padding)/1.5)
}

.token_leader__NMfbX+.token_special__S51Wt {
    margin-top: calc(var(--main-padding)*-.5)
}

.token_leader__NMfbX .token_rank__owVNa,.token_leader__NMfbX h3 {
    font-size: calc(14px + 2*(100vw - 320px)/1080);
    font-weight: 700;
    line-height: 1.2
}

.token_leader__NMfbX h3 {
    margin-bottom: .15em
}

.token_leader__NMfbX strong {
    font-size: calc(11px + 2*(100vw - 320px)/1080);
    color: var(--pink);
    font-weight: 800
}

.token_list__s6jas {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: var(--main-padding)
}

.Button_btn__c2iDe {
    --btn-color: var(--gradient-1);
    transition: transform var(--transition-scale);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: var(--btn-size,1.1em);
    gap: .75em;
    font-weight: 700;
    padding: var(--btn-padding,1em 2em);
    border-radius: 100px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.Button_btn__c2iDe>span {
    z-index: 5
}

.Button_btn__c2iDe>* {
    pointer-events: none
}

.Button_btn__c2iDe:active {
    transform: scale(.95)
}

.Button_btn__c2iDe svg {
    transform: scale(1.5);
    margin-right: -.25em;
    color: var(--color);
    z-index: 1
}

.Button_btn__c2iDe:before {
    content: "";
    position: absolute;
    inset: 0;
    transition: opacity var(--transition-link),border-color var(--transition-link);
    border: 1px solid transparent;
    background: var(--btn-color) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border-radius: inherit
}

.Button_btn__c2iDe[data-type=secondary] {
    --btn-color: rgba(var(--grey-rgb,0.1))
}

.Button_btn__c2iDe[data-type=secondary]:before {
    opacity: .25
}

.Button_btn__c2iDe:hover .Button_light__ThQs8 {
    transition: opacity .5s;
    opacity: .75
}

.Button_btn__c2iDe:disabled {
    pointer-events: none;
    opacity: .5
}

.Button_group__luMPf {
    display: flex;
    flex-wrap: wrap;
    gap: .75em;
    max-width: 100%
}

.Button_group__luMPf>* {
    flex: 1 1
}

@media screen and (min-width: 481px) {
    .Button_group__luMPf {
        display:inline-flex
    }
}

.Button_light__ThQs8 {
    --y: 10px;
    --x: 50px;
    transition: opacity 1s,background var(--transition-link);
    position: absolute;
    z-index: 0;
    border-radius: inherit;
    inset: 0;
    overflow: hidden;
    background: var(--btn-color);
    pointer-events: auto;
    opacity: 0;
    mask: radial-gradient(circle at var(--x) var(--y),#000 0,transparent 100%);
    -webkit-mask: radial-gradient(circle at var(--x) var(--y),#000 0,transparent 100%)
}

.Exchange_button__wE7NO {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: inherit;
    height: 100%;
    border-radius: inherit;
    padding: 1px calc(var(--right-height)*.35) 0;
    font-size: calc(11px + 8*(100vw - 320px)/1080);
    font-weight: 500;
    gap: .5em;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.Exchange_caret__Drbmo {
    color: var(--bg-opacity-2)
}

.Exchange_logo__0ixki {
    --size: 1em;
    width: 1em;
    height: 1em;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-right: .25em;
    transform: scale(1.25)
}

.Exchange_logo__0ixki img {
    max-width: 100%;
    max-height: 100%
}

.Exchange_list__uMlwk {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    gap: calc(var(--main-padding)/2);
    margin-top: var(--main-padding);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.Exchange_item__VUxdW {
    --padding: calc(var(--main-padding) / 1.5);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-opacity-1);
    padding: var(--padding);
    border-radius: var(--radius-2);
    gap: var(--padding)
}

.Exchange_item__VUxdW.Exchange_active__42Gof {
    --bg-opacity-1: rgba(var(--pink-rgb),0.075)
}

.Exchange_item__VUxdW.Exchange_active__42Gof svg {
    color: var(--pink)
}

.Exchange_itemLogo__SSiJ5 {
    --size: calc(42px + 6 * (100vw - 320px) / 1080);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    background-color: var(--bg-opacity-1);
    border-radius: calc(var(--radius-2)/1.5);
    padding: calc(var(--size)*.15)
}

.Exchange_itemLogo__SSiJ5>* {
    max-height: 80%;
    max-width: 80%
}

.Exchange_itemName__wNAdR {
    flex: 1 1;
    font-weight: 700;
    font-size: calc(16px + 10*(100vw - 320px)/1080)
}

.Exchange_chevron__eX4L2 {
    color: var(--bg-opacity-2)
}

.Switch_check__RKVVs {
    --default-size: calc(40px + 8 * (100vw - 320px) / 1080)
}

.Switch_check__RKVVs input {
    display: none
}

.Switch_check__RKVVs input:checked+label:after {
    background-color: var(--pink);
    box-shadow: 0 5px 25px rgba(var(--pink-rgb),.5);
    left: calc(100% - var(--gap));
    transform: scale(1) translateX(-100%)
}

.Switch_check__RKVVs label {
    --gap: 4px;
    display: block;
    width: calc(var(--check-size, var(--default-size))*1.75);
    height: var(--check-size,var(--default-size));
    background-color: var(--bg-opacity-1);
    border-radius: 100px;
    box-shadow: 0 0 0 1px var(--bg-opacity-1) inset
}

.Switch_check__RKVVs label:after {
    transition: .25s var(--cubic);
    content: "";
    width: calc(var(--check-size, var(--default-size)) - var(--gap)*2);
    height: calc(var(--check-size, var(--default-size)) - var(--gap)*2);
    background-color: var(--bg-opacity-2);
    position: absolute;
    left: var(--gap);
    top: var(--gap);
    border-radius: inherit;
    transform: scale(.9)
}

.Params_button__MTv8A {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: var(--right-height);
    color: var(--grey);
    font-size: calc(var(--right-height)*.5)
}

.Params_list__g42F2 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    gap: var(--padding);
    margin-top: var(--main-padding);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    gap: calc(var(--main-padding)/2)
}

.Params_item__OEsSl {
    --check-size: calc(42px + 8 * (100vw - 320px) / 1080);
    --padding: calc(var(--main-padding) / 2.5);
    border-radius: 100px;
    padding: var(--padding);
    justify-content: space-between;
    gap: var(--padding)
}

.Params_item__OEsSl,.Params_item__OEsSl .Params_illu__xw41g {
    background-color: var(--bg-opacity-1);
    display: flex;
    flex-direction: row;
    align-items: center
}

.Params_item__OEsSl .Params_illu__xw41g {
    width: var(--check-size);
    height: var(--check-size);
    border-radius: 50%;
    justify-content: center;
    font-size: calc(var(--check-size)/2)
}

.Params_item__OEsSl .Params_txt__gNUvi {
    flex: 1 1;
    font-weight: 800px
}

.Params_item__OEsSl .Params_txt__gNUvi small {
    display: block;
    font-weight: 400;
    color: var(--grey);
    font-size: calc(10px + 1*(100vw - 320px)/1080)
}

.Avatar_avatar__yZNjf {
    --default-size: calc(32px + 4 * (100vw - 320px) / 1080);
    width: var(--avatar-size,var(--default-size));
    height: var(--avatar-size,var(--default-size));
    border-radius: 50%
}

.Avatar_avatar__yZNjf>div {
    position: absolute;
    inset: 0;
    background-color: var(--bg-opacity-1);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: inherit;
    z-index: 1
}

.Avatar_avatar__yZNjf:after {
    content: attr(data-letter);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    font-weight: 700;
    font-size: calc(var(--avatar-size, var(--default-size))/2.5);
    padding-top: .15em;
    z-index: 0;
    color: var(--grey);
    text-transform: uppercase
}

.Avatar_avatar__yZNjf img {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(10%,10%);
    width: calc(var(--avatar-size, var(--default-size))/2.5);
    z-index: 2
}

.User_left__lSiBe {
    --gap: calc(var(--main-padding) / 1.5);
    flex: 1 1;
    font-weight: 500;
    gap: var(--gap)
}

.User_name__n_xS1 {
    position: absolute;
    left: calc(var(--avatar-size) + var(--gap));
    width: calc(100% - var(--avatar-size) - var(--gap));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.User_name__n_xS1 small {
    color: var(--grey);
    font-size: .8em;
    margin-left: .1em;
    font-weight: 400;
    display: block;
    margin-top: .15em
}

.Header_header__1RJ5C {
    --avatar-size: calc(50px + 10 * (100vw - 320px) / 1080);
    padding: calc(var(--main-padding)/1.25);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--main-padding)/2)
}

.Header_header__1RJ5C:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 70%;
    left: 15%;
    height: 1px;
    background: linear-gradient(to right,rgba(var(--pink-rgb),0),var(--pink),rgba(var(--pink-rgb),0))
}

.Header_header__1RJ5C:before {
    content: "";
    position: absolute;
    inset: 80% 15% -100%;
    background: radial-gradient(var(--pink) 0,transparent 65%);
    filter: blur(50px);
    -webkit-filter: blur(50px);
    transform: translateZ(0);
    border-radius: 50%;
    z-index: 20;
    pointer-events: none
}

.Header_header__1RJ5C>* {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    z-index: 1
}

.Header_right__RaQeL {
    --right-height: calc(38px + 12 * (100vw - 320px) / 1080);
    height: var(--right-height);
    background-color: var(--bg-opacity-1);
    border-radius: 100px
}

.Loader_loader__7ZWW3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: 99999;
    background-color: #050811;
    background-image: url(assets/images/loader-bg-new.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    text-align: center;
    padding: 0
}

.Loader_bottom__bm6r7,.Loader_top__WxqmG {
    display: flex;
    justify-content: center;
    width: 100%
}

.Loader_bottom__bm6r7 img,.Loader_top__WxqmG img {
    display: block;
    width: 100%
}

.layout_layout__sx_l_ {
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: var(--real-height)
}

.layout_main__KhA0t {
    flex: 1 1;
    background: linear-gradient(var(--bg-opacity-1),var(--bg));
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: none;
    overscroll-behavior-x: none;
    border-radius: var(--radius-1) var(--radius-1) 0 0;
    padding: var(--main-padding);
    padding-bottom: calc(var(--nav-height) + var(--main-padding));
    -ms-overflow-style: none;
    scrollbar-width: none
}

.layout_main__KhA0t::-webkit-scrollbar {
    display: none
}

.layout_toast__d0_aA {
    --padding: var(--size-3);
    background-color: var(--bg-opacity-1);
    color: var(--white);
    padding: var(--padding);
    border-radius: var(--radius-2);
    box-shadow: var(--shadow-primary);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px)
}

.layout_toast__d0_aA[data-type=success] {
    --color: var(--success)
}

.layout_toast__d0_aA[data-type=error] {
    --color: var(--danger)
}

.layout_toast__d0_aA [data-icon] svg {
    fill: var(--color);
    margin-right: calc(var(--padding)/1.5)
}

.Maintenance_layer__J7zyS {
    position: fixed;
    inset: 0;
    z-index: 999999999;
    background: linear-gradient(var(--bg),var(--bg-2));
    gap: var(--size-2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.Maintenance_title__FieWe {
    font-weight: 700;
    font-size: calc(24px + 32*(100vw - 320px)/1080)
}

.Maintenance_subtitle__p_jC7 {
    font-weight: 700;
    font-size: calc(16px + 32*(100vw - 320px)/1080);
    margin-top: var(--size-4)
}

.Maintenance_txt__odXXe {
    font-weight: 400;
    font-size: calc(16px + 24*(100vw - 320px)/1080);
    color: var(--grey);
    max-width: 80%;
    text-align: center
}

.Maintenance_image__LEmhw {
    width: calc(200px + 100*(100vw - 320px)/1080);
    margin-top: var(--size-4);
    border-radius: 1em
}

.Maintenance_linkCard__1aHQc {
    --padding: calc(var(--main-padding) / 1.5);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-opacity-1);
    border-radius: var(--radius-2);
    padding: var(--padding);
    gap: calc(var(--padding)/1.25)
}

.Maintenance_links__m2EOS {
    margin-top: var(--size-2);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    gap: calc(var(--main-padding)/2)
}

.Nav_nav__wZ2Di {
    --transition: 0s;
    --play-width: calc(var(--nav-height) * 1.25);
    position: fixed;
    inset: auto 0 0;
    background: linear-gradient(var(--bg-2),var(--bg-opacity-1));
    height: var(--nav-height);
    border-radius: var(--radius-1) var(--radius-1) 0 0;
    text-align: center;
    z-index: 1000;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transform: translateZ(0)
}

.Nav_nav__wZ2Di ul {
    display: flex;
    height: 100%;
    padding: 0 calc(var(--main-padding)/1.5);
    z-index: 5
}

.Nav_item__Lg5o0 {
    flex: 1 1
}

.Nav_item__Lg5o0.Nav_active__NSFUZ a {
    color: var(--white)
}

.Nav_item__Lg5o0.Nav_active__NSFUZ a .Nav_icon__2ULSD svg {
    fill: var(--pink);
    opacity: 1
}

.Nav_item__Lg5o0.Nav_active__NSFUZ a .Nav_icon__2ULSD img {
    filter: drop-shadow(0 0 3px var(--pink))
}

.Nav_item__Lg5o0 a {
    transition: color var(--transition);
    flex-direction: column;
    gap: .55em;
    font-size: calc(11px + 2*(100vw - 320px)/1080);
    color: var(--grey);
    position: absolute;
    inset: 0;
    top: .1em
}

.Nav_icon__2ULSD,.Nav_item__Lg5o0 a {
    display: flex;
    align-items: center;
    justify-content: center
}

.Nav_icon__2ULSD {
    width: 3.25em;
    height: 2.15em;
    flex-direction: row
}

.Nav_icon__2ULSD svg {
    transition: fill var(--transition),opacity var(--transition);
    fill: var(--grey);
    opacity: .3;
    max-width: 100%;
    max-height: 100%;
    width: 3em;
    overflow: visible
}

.Nav_icon__2ULSD img {
    max-width: 105%;
    max-height: 105%;
    width: auto;
    height: auto
}

.Nav_play__YGiY6 {
    width: var(--play-width)
}

.Nav_play__YGiY6.Nav_active__NSFUZ svg {
    fill: var(--white)
}

.Nav_play__YGiY6 a {
    --size: calc(var(--play-width) / 1.15);
    width: var(--size);
    height: var(--size);
    background-color: var(--pink);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    bottom: calc(var(--main-padding)/1.5);
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    box-shadow: 0 5px 50px rgba(var(--pink-rgb),.5)
}

.Nav_play__YGiY6 svg {
    transition: fill var(--transition);
    width: 40%;
    fill: var(--bg-2)
}

.Nav_corner__59dfh {
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(var(--play-width)*1.5);
    transform: translate(-50%,-99.9%);
    fill: var(--bg-2)
}

.NoMobile_layer__SDaI5 {
    position: fixed;
    inset: 0;
    z-index: 999999999;
    background: linear-gradient(var(--bg),var(--bg-2));
    gap: var(--size-2);
    display: none
}

.NoMobile_title__uI2wN {
    font-weight: 700;
    font-size: calc(24px + 32*(100vw - 320px)/1080)
}

.NoMobile_txt__mcWL6 {
    font-weight: 400;
    font-size: calc(16px + 24*(100vw - 320px)/1080);
    color: var(--grey)
}

.NoMobile_qr__HtBG_ {
    width: calc(200px + 100*(100vw - 320px)/1080);
    margin-top: var(--size-4);
    border-radius: 1em
}

@font-face {
    font-family: serif;
    src: url(/_next/static/media/57042efd954c574e-s.p.woff2) format("woff2");
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: __fontMain_Fallback_83316c;
    src: local("Arial");
    ascent-override:84.24%;descent-override:27.11%;line-gap-override:8.71%;size-adjust:103.28%}

.__className_83316c {
    font-family: serif,__fontMain_Fallback_83316c;
    font-style: normal
}

.__variable_83316c {
    --font-main: "__fontMain_83316c","__fontMain_Fallback_83316c"
}

:root {
    --bg-rgb: 5,8,17;
    --bg: rgb(var(--bg-rgb));
    --bg-2-rgb: 21,16,27;
    --bg-2: rgb(var(--bg-2-rgb));
    --white-rgb: 231,241,244;
    --white: rgb(var(--white-rgb));
    --grey-rgb: 152,168,176;
    --grey: rgb(var(--grey-rgb));
    --pink-rgb: 255,0,121;
    --pink: rgb(var(--pink-rgb));
    --pink-2-rgb: 246,124,176;
    --pink-2: rgb(var(--pink-2-rgb));
    --purple-rgb: 120,4,255;
    --purple: rgb(var(--purple-rgb));
    --success-rgb: 68,255,121;
    --success: rgb(var(--success-rgb));
    --danger-rgb: 255,81,81;
    --danger: rgb(var(--danger-rgb));
    --bg-opacity-1: rgba(var(--white-rgb),0.03);
    --bg-opacity-2: rgba(var(--grey-rgb),0.3);
    --gradient-1: linear-gradient(to right,var(--pink),var(--pink-2));
    --gradient-progress: linear-gradient(90deg,#b131ff,#4bc9ff,#57ffa4,#ffa133,#b131ff);
    --ease-in-quad: cubic-bezier(0.55,0.085,0.68,0.53);
    --ease-in-cubic: cubic-bezier(0.55,0.055,0.675,0.19);
    --ease-in-quart: cubic-bezier(0.895,0.03,0.685,0.22);
    --ease-in-quint: cubic-bezier(0.755,0.05,0.855,0.06);
    --ease-in-expo: cubic-bezier(0.95,0.05,0.795,0.035);
    --ease-in-circ: cubic-bezier(0.6,0.04,0.98,0.335);
    --ease-out-quad: cubic-bezier(0.25,0.46,0.45,0.94);
    --ease-out-cubic: cubic-bezier(0.215,0.61,0.355,1);
    --ease-out-quart: cubic-bezier(0.165,0.84,0.44,1);
    --ease-out-quint: cubic-bezier(0.23,1,0.32,1);
    --ease-out-expo: cubic-bezier(0.19,1,0.22,1);
    --ease-out-circ: cubic-bezier(0.075,0.82,0.165,1);
    --ease-in-out-quad: cubic-bezier(0.455,0.03,0.515,0.955);
    --ease-in-out-cubic: cubic-bezier(0.645,0.045,0.355,1);
    --ease-in-out-quart: cubic-bezier(0.77,0,0.175,1);
    --ease-in-out-quint: cubic-bezier(0.86,0,0.07,1);
    --ease-in-out-expo: cubic-bezier(1,0,0,1);
    --ease-in-out-circ: cubic-bezier(0.785,0.135,0.15,0.86);
    --gleasing: cubic-bezier(0.4,0,0,1);
    --cubic: cubic-bezier(0.305,0.045,0.355,1);
    --full-size: calc(100vw + 100vh);
    --transition-link: 0.3s var(--cubic);
    --transition-scale: 0.1s;
    --real-height: calc(var(--dvh, 1vh) * 100);
    --real-width: calc(var(--vw, 1vw) * 100);
    --size-1: calc(4px + 1 * (100vw - 320px) / 1080);
    --size-2: calc(8px + 1 * (100vw - 320px) / 1080);
    --size-3: calc(16px + 1 * (100vw - 320px) / 1080);
    --size-4: calc(24px + 2 * (100vw - 320px) / 1080);
    --size-5: calc(32px + 3 * (100vw - 320px) / 1080);
    --size-6: calc(40px + 4 * (100vw - 320px) / 1080);
    --size-7: calc(48px + 5 * (100vw - 320px) / 1080);
    --wrapper-width: calc(750px + 500 * (100vw - 320px) / 1080);
    --wrapper-middle: calc(var(--wrapper-width) / 2.5);
    --wrapper-max: 85vw;
    --main-padding: calc(20px + 24 * (100vw - 320px) / 1080);
    --radius-1: var(--size-4);
    --radius-2: var(--size-3);
    --nav-height: calc(70px + 25 * (100vw - 320px) / 1080)
}

*,:after,:before {
    position: relative;
    box-sizing: border-box
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: subpixel-antialiased;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

a,article,aside,audio,body,button,details,div,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,img,input,li,menu,nav,ol,output,p,section,span,table,tbody,td,textarea,tfoot,th,thead,tr,ul,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

a,button {
    cursor: pointer;
    color: inherit
}

button {
    border: 0;
    padding: 0;
    background: none;
    display: inline-block
}

:active,:focus,a,a:hover,button,button:hover {
    text-decoration: none;
    outline: none
}

ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

strong {
    font-weight: 700
}

img,svg {
    vertical-align: bottom;
    height: auto
}

textarea {
    resize: none;
    width: 100%;
    background-color: transparent;
    color: inherit
}

picture {
    display: block
}

picture img {
    max-width: 100%;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

small {
    font-size: .95em
}

address {
    font: inherit
}

input {
    color: inherit
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=search]::-ms-clear,input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
    display: none
}

input[type=number] {
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield
}

html {
    background-color: var(--bg);
    color: var(--white);
    font-size: calc(15px + 1*(100vw - 320px)/1080);
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

html::-webkit-scrollbar {
    display: none
}

body,html {
    overscroll-behavior-y: none;
    overscroll-behavior-x: none;
    scroll-behavior: smooth
}

body {
    font-family:serif !important;
}

canvas {
    image-rendering: optimizeQuality
}

.no-mobile .no-mobile-layer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

[data-reveal] {
    --translate: 2rem;
    opacity: 0;
    visibility: hidden;
    will-change: transform,opacity;
    transform: translate3d(var(--x,0),var(--y,0),0)
}

[data-reveal][data-reveal=bottom] {
    --y: var(--translate)
}

[data-reveal][data-reveal=top] {
    --y: calc(var(--translate) * -1)
}

[data-reveal][data-reveal=right] {
    --x: var(--translate)
}

[data-reveal][data-reveal=left] {
    --x: calc(var(--translate) * -1)
}

[data-reveal][data-reveal=opacity] {
    transform: none!important
}

.Kit_content__qgjuz {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: var(--content-gap,var(--main-padding));
    margin-bottom: var(--main-padding)
}

.Kit_title___cbpG {
    font-weight: 800;
    font-size: calc(20px + 4*(100vw - 320px)/1080)
}

.CardEarn_card__WuVbk {
    --padding: calc(var(--main-padding) / 1.5);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-opacity-1);
    border-radius: var(--radius-2);
    padding: var(--padding);
    gap: calc(var(--padding)/1.25)
}

.CardEarn_card__WuVbk.CardEarn_active__04Vxg .CardEarn_amount__gfmdQ,.CardEarn_card__WuVbk.CardEarn_active__04Vxg .CardEarn_illu__5PB6q {
    color: var(--success)
}

.CardEarn_card__WuVbk .CardEarn_button__YCdfF {
    font-size: calc(11px + 4*(100vw - 320px)/1080);
    padding: .75em 1.25em
}

.CardEarn_card__WuVbk .CardEarn_button__YCdfF.CardEarn_green__ETQF8 {
    --btn-color: var(--success)
}

.CardEarn_card__WuVbk .CardEarn_button__YCdfF.CardEarn_green__ETQF8 svg {
    margin-right: 0
}

.CardEarn_illu__5PB6q {
    --size: calc(40px + 10 * (100vw - 320px) / 1080);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    background-color: var(--bg-opacity-1);
    border-radius: calc(var(--radius-2)/1.5);
    font-size: calc(var(--size)/1.75)
}

.CardEarn_illu__5PB6q>* {
    max-width: 100%;
    max-height: 100%
}

.CardEarn_title__xU_9K {
    font-size: calc(13px + 6*(100vw - 320px)/1080);
    flex: 1 1;
    font-weight: 800
}

.CardEarn_amount__gfmdQ {
    color: var(--pink);
    font-weight: 800;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.CardEarn_amount__gfmdQ img {
    width: 1em;
    top: -.1em
}

.friends_headingGift__W4hYm {
    width: calc(100px + 50*(100vw - 320px)/1080);
    mask: linear-gradient(180deg,#000 0,transparent) 100%;
    -webkit-mask: linear-gradient(180deg,#000 0,transparent) 100%;
    margin: calc(var(--main-padding)*-1) 0
}

.friends_rotating__H4d1J {
    animation: friends_rotate__ApeiZ 1s linear infinite
}

@keyframes friends_rotate__ApeiZ {
    to {
        transform: rotate(1turn)
    }
}

.friends_special__x_CS_ {
    --padding: calc(var(--main-padding) / 1.5);
    padding: var(--padding);
    border-radius: var(--radius-2);
    background-color: var(--bg-opacity-1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--main-padding)/1.5)
}

.friends_special__x_CS_+.friends_special__x_CS_ {
    margin-top: calc(var(--main-padding)*-.5)
}

.friends_special__x_CS_ img {
    width: calc(40px + 24*(100vw - 320px)/1080)
}

.friends_special__x_CS_ h3 {
    font-size: calc(14px + 2*(100vw - 320px)/1080);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .15em
}

.friends_special__x_CS_ span {
    font-size: calc(11px + 2*(100vw - 320px)/1080);
    color: var(--grey)
}

.friends_special__x_CS_ span strong {
    color: var(--pink);
    font-weight: 800
}

.friends_list___UxiA {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: var(--main-padding)
}

.friends_listTop__Jx86x {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.friends_listTop__Jx86x svg {
    font-size: 1.25em
}

.friends_listTitle__18zPi small {
    color: var(--grey);
    font-weight: 500;
    font-size: .85em;
    margin-left: .15em
}

.friends_listNo__dHVps {
    text-align: center;
    background-color: var(--bg-opacity-1);
    border-radius: var(--radius-2);
    padding: 1em;
    color: var(--grey)
}

.friends_copy__Ek3rC {
    flex: 0 1;
    min-width: 50px;
    padding: 0
}

.friends_copy__Ek3rC svg {
    transform: scale(1.25);
    margin-right: 0
}

.friends_referral__ls_f8 {
    width: 100%;
    justify-content: space-between
}

.friends_referral__ls_f8,.friends_referral__ls_f8 h3 {
    display: flex;
    align-items: center
}

.friends_referral__ls_f8 h3 img {
    width: 16px
}

.friends_bonuses__VQqzr {
    text-align: center;
    font-weight: 700;
    color: #ff0079
}

.friends_levelUpBonus__nm02p {
    color: #fff
}

.friends_levelUpBonus__nm02p .friends_parent__TH1Kg {
    max-width: 28rem;
    margin: 0 auto
}

.friends_levelUpBonus__nm02p .friends_parent__TH1Kg .friends_mainHeading__fBvoZ {
    font-weight: 700;
    color: #fff;
    font-size: 1.25rem
}

.friends_levelUpBonus__nm02p .friends_parent__TH1Kg .friends_child__n5VXM {
    margin-top: .5rem
}

.friends_levelUpBonus__nm02p .friends_parent__TH1Kg .friends_child__n5VXM .friends_firstChild__PV4Fp {
    display: flex;
    justify-content: space-between;
    padding: 12px 8px 0;
    width: 100%
}

.friends_levelUpBonus__nm02p .friends_parent__TH1Kg .friends_child__n5VXM .friends_firstChild__PV4Fp .friends_childHeading__28FHh {
    color: #a1a1aa;
    font-size: 13px;
    width: 33.333333%
}

.friends_levelUpBonus__nm02p .friends_parent__TH1Kg .friends_child__n5VXM .friends_levels__uO19e {
    background-color: #18181b;
    padding: 16px 8px;
    display: flex;
    border-radius: 8px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: .5rem
}

.friends_levelUpBonus__nm02p .friends_parent__TH1Kg .friends_child__n5VXM .friends_levels__uO19e .friends_name__x2x7a {
    font-size: 14px;
    width: 33.333333%
}

.friends_levelUpBonus__nm02p .friends_parent__TH1Kg .friends_child__n5VXM .friends_levels__uO19e .friends_levelChild__sO_uJ {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 33.333333%
}

.friends_levelUpBonus__nm02p .friends_parent__TH1Kg .friends_child__n5VXM .friends_levels__uO19e .friends_levelChild__sO_uJ .friends_reward__wbmzT {
    font-size: 14px;
    color: #eab308;
    font-weight: 700
}

.friends_levelUpBonus__nm02p .friends_parent__TH1Kg .friends_child__n5VXM .friends_levels__uO19e .friends_levelChild__sO_uJ img {
    width: 16px
}
























































.Boost_boost__cCHXe {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .5em;
    font-weight: 800;
    margin-right: -.2em;
    pointer-events: auto
}

.Boost_boost__cCHXe img {
    width: 1.75em
}

.Boost_modalTop__Q05Ok {
    margin-bottom: calc(var(--modal-padding)/3);
    margin-top: calc(vvar(--modal-padding)*-1)
}

.Boost_modal__IPsxw .Boost_heading__fCSJT {
    margin-bottom: var(--modal-padding);
    padding-top: calc(var(--modal-padding)*1.5)
}

.Boost_section__x8R_H {
    --padding: var(--main-padding);
    margin: 0 calc(var(--modal-padding)*-1);
    padding: var(--padding);
    border-radius: var(--radius-1) var(--radius-1) 0 0;
    background: linear-gradient(to bottom,var(--bg-opacity-1),rgba(var(--bg-rgb),0))
}

.Boost_list__Ifz02 {
    --gap: calc(var(--modal-padding) / 3);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    flex-wrap: wrap;
    margin-top: calc(var(--modal-padding)/1.5);
    margin-bottom: calc(var(--modal-padding)*-.5);
    gap: var(--gap)
}

.Boost_listFull__HGAIA>* {
    min-width: 100%
}

.Boost_card__k_VJZ {
    --padding: calc(var(--main-padding) / 2);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    flex: 1 1;
    background-color: var(--bg-opacity-1);
    padding: var(--padding);
    border-radius: var(--radius-2);
    gap: var(--padding)
}

.Boost_card__k_VJZ[aria-disabled=true] {
    opacity: .5;
    pointer-events: none
}

.Boost_card__k_VJZ .Boost_illu__zWwYm {
    --size: calc(42px + 10 * (100vw - 320px) / 1080);
    width: var(--size);
    height: var(--size);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius-2)*.75);
    background-color: var(--bg-opacity-1);
    align-self: flex-start
}

.Boost_card__k_VJZ .Boost_illu__zWwYm img {
    max-width: 75%;
    max-height: 75%;
    width: auto;
    height: auto
}

.Boost_card__k_VJZ .Boost_illu__zWwYm .Boost_blur__1p36f {
    position: absolute;
    inset: 0;
    filter: blur(16px);
    -webkit-filter: blur(16px);
    transform: translateZ(0);
    left: 12.5%;
    top: 12.5%;
    pointer-events: none;
    width: 100%;
    height: 100%
}

.Boost_card__k_VJZ .Boost_txt__cQdwq {
    flex: 1 1
}

.Boost_card__k_VJZ .Boost_title___nBav {
    font-weight: 500;
    font-size: calc(13px + 6*(100vw - 320px)/1080);
    margin-top: .15em
}

.Boost_card__k_VJZ .Boost_subtitle__kiYc3 {
    color: var(--pink);
    font-size: calc(15px + 6*(100vw - 320px)/1080);
    font-weight: 800;
    margin-top: .1em
}

.Boost_card__k_VJZ .Boost_subtitle__kiYc3 img {
    width: 1em;
    top: -.15em
}

.Boost_card__k_VJZ .Boost_subtitle__kiYc3 span {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 2px;
    background-color: var(--pink);
    margin: 0 .5em 0 .25em;
    opacity: .25
}

.Boost_booster__b9Dbb {
    padding-bottom: 0
}

.Boost_booster__b9Dbb .Boost_section__x8R_H {
    margin-top: var(--modal-padding)
}

.Boost_boosterIllu__CBsjy {
    width: calc(80px + 50*(100vw - 320px)/1080);
    margin-bottom: calc(var(--main-padding)*.5)
}

.Boost_boosterIllu__CBsjy img {
    width: 100%
}

.Boost_boosterIllu__CBsjy>img {
    animation: Boost_illuAnim___kuDh 1s infinite
}

@keyframes Boost_illuAnim___kuDh {
    0%,to {
        transform: scale(1) rotate(0deg)
    }

    50% {
        transform: scale(1.1) rotate(5deg)
    }
}

.Boost_boosterBg__C_s7_ {
    position: absolute;
    inset: 0;
    filter: blur(50px);
    -webkit-filter: blur(50px);
    transform: translateZ(0)
}

.Boost_booster__b9Dbb .Boost_btn__Rejpm {
    width: 100%
}

.Boost_booster__b9Dbb .Boost_btn__Rejpm strong {
    color: var(--pink);
    font-weight: 800
}

.Boost_booster__b9Dbb .Boost_btn__Rejpm strong img {
    width: 1em;
    top: -.1em;
    margin-left: .2em
}

.Energy_energy__2wX36 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: .5em;
    font-weight: 800;
    margin-left: -.2em
}

.Energy_energy__2wX36 img {
    width: 1.75em
}

.Progress_progress__mTGQR {
    z-index: 50;
    margin-bottom: var(--size-1)
}

.Progress_xp__v_OgE {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--size-2)
}

.Progress_xpCurrent__566VM {
    position: absolute;
    width: 100%;
    pointer-events: none;
    text-align: center;
    color: var(--bg-opacity-2);
    font-size: 9px;
    font-weight: 700;
    top: 100%
}

.Progress_xpInfo__U68lz {
    min-width: 100%;
    margin-top: var(--size-1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: calc(14px + 8*(100vw - 320px)/1080);
    font-weight: 500
}

.Progress_xpInfo__U68lz svg {
    vertical-align: middle;
    font-size: .75em;
    margin-left: .35em;
    color: var(--bg-opacity-2)
}

.Progress_xpInfo__U68lz small {
    color: var(--bg-opacity-2);
    margin-right: .15em;
    font-size: 1em
}

.Progress_xp__v_OgE img {
    width: 1.15em
}

.Progress_xpBar__Yw70L {
    flex: 1 1;
    background-color: var(--bg-opacity-1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transform: translateZ(0);
    height: 5px;
    border-radius: 10px
}

.Progress_xpBar__Yw70L:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.05)
}

.Progress_xpBarProgress__7779J {
    transition: width .5s;
    min-width: 5px;
    max-width: 100%;
    height: 100%
}

.Progress_xpBarProgress__7779J,.Progress_xpBarProgress__7779J:after {
    position: absolute;
    border-radius: inherit;
    background: var(--gradient-progress);
    background-size: 200% 100%;
    animation: Progress_progress__mTGQR 2s linear infinite
}

.Progress_xpBarProgress__7779J:after {
    content: "";
    inset: 0;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    transform: translateZ(0);
    z-index: -1
}

@keyframes Progress_progress__mTGQR {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -200% 0
    }
}

.Clicker_clicker__EFP4D {
    display: flex;
    min-height: calc(100% + var(--main-padding) + var(--nav-height));
    margin-bottom: calc((var(--main-padding) + var(--nav-height))*-1);
    flex-direction: column;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.Clicker_clicker__EFP4D:before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0 calc(var(--main-padding)*-1);
    bottom: 0;
    background: url(../assets/images/background.jpg) top/cover no-repeat;
    mask: linear-gradient(0deg,#000 50%,transparent) 100%;
    -webkit-mask: linear-gradient(0deg,#000 50%,transparent) 100%
}

.Clicker_top__r_ly4 {
    margin-bottom: var(--main-padding)
}

.Clicker_bottom__2XKip {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    pointer-events: none;
    z-index: 100;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: calc(16px + 4*(100vw - 320px)/1080)
}

.Clicker_game__zqXSN {
    flex: 1 1;
    display: flex;
    width: calc(100% + var(--main-padding)*2);
    left: calc(var(--main-padding)*-1)
}

.Clicker_game__zqXSN,.Clicker_game__zqXSN * {
    touch-action: manipulation
}

.Clicker_gameContent__aycT2 {
    flex: 1 1;
    padding: calc(var(--main-padding)/2) var(--main-padding) 0;
    display: flex;
    align-items: center;
    min-height: 100%;
    overflow: hidden
}

.Clicker_gameCanvas__ifIaH {
    pointer-events: none;
    margin: auto;
    padding-bottom: 30vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.Clicker_game__zqXSN canvas {
    transition: transform .1s var(--ease-out-expo);
    will-change: transform;
    width: 95%!important;
    max-width: 400px;
    left: 0;
    height: auto!important;
    z-index: 5
}

.Clicker_game__zqXSN.Clicker_clicked__hrZQZ [data-illu-token],.Clicker_game__zqXSN.Clicker_clicked__hrZQZ canvas {
    transform: scale(.9)
}

.Clicker_game__zqXSN>* {
    z-index: 1
}

.Clicker_socle___tCu5 {
    top: 60%;
    width: 70%;
    max-width: 400px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    mask: linear-gradient(180deg,#000 50%,transparent) 100%;
    -webkit-mask: linear-gradient(180deg,#000 50%,transparent) 100%
}

.Clicker_feedback__y_a57,.Clicker_socle___tCu5 {
    position: absolute;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.Clicker_feedback__y_a57 {
    inset: -15% 0 0;
    z-index: 5;
    mask: linear-gradient(180deg,transparent 0,#000 20%);
    -webkit-mask: linear-gradient(180deg,transparent 0,#000 20%)
}

.Clicker_feedback__y_a57>* {
    position: absolute;
    font-size: calc(50px + 20*(100vw - 320px)/1080);
    animation: Clicker_feedback__y_a57 var(--feedback-duration) var(--ease-in-out-quad);
    animation-fill-mode: forwards;
    font-weight: 800;
    line-height: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transform-origin: top center
}

.Clicker_feedback__y_a57>:after,.Clicker_feedback__y_a57>:before {
    content: attr(data-text);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.Clicker_feedback__y_a57>:before {
    -webkit-text-stroke: 2px var(--white);
    opacity: .5
}

.Clicker_feedback__y_a57>:after {
    background: linear-gradient(to bottom,var(--pink) 30%,var(--purple) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@keyframes Clicker_feedback__y_a57 {
    0% {
        transform: scale(0) translateY(.5em);
        opacity: 0
    }

    10% {
        transform: scale(1) translateY(.5em);
        opacity: 1
    }

    to {
        transform: scale(.75) translateY(-3em);
        opacity: 0
    }
}








.layout_main__KhA0t {
    height: 95vh;
}

.go3974562317 {
    background-color: #0098EA;
    color: #FFFFFF;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
    padding: 8px 16px 8px 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    height: 40px;
}

.airdrop_address__DZX4Z, .airdrop_connect__unLr6 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.airdrop_connect__unLr6 {
    margin: 20px 0;
}


.go3974562317 {
    background-color: #0098EA;
    color: #FFFFFF;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
    padding: 8px 16px 8px 12px;
    display: flex;
    align-items: center;
    gap: 4px;
    height: 40px;
}

.go3162878564 {
    /* display: inline-block;
    gap: unset;
    align-items: unset;
    justify-content: unset;
    background-color: rgba(0, 152, 234, 0.12);
    color: #0098EA;
    padding: 9px 16px;
    padding-left: 16px;
    padding-right: 16px; */
    border: none;
    border-radius: 100vh;
    cursor: pointer;
    font-size: 14px;
    font-weight: 510;
    line-height: 18px;
    transition: transform 0.125s ease-in-out;
}