@keyframes flare-pulse {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes flare-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)) {
    all: unset;
    display: revert
}

a,button {
    cursor: revert
}

menu,ol,ul {
    list-style: none
}

img {
    max-inline-size: 100%;
    max-block-size: 100%
}

table {
    border-collapse: collapse
}

input,textarea {
    -webkit-user-select: auto
}

textarea {
    white-space: revert
}

meter {
    -webkit-appearance: revert;
    -moz-appearance: revert;
    appearance: revert
}

:where(pre) {
    all: revert
}

::placeholder {
    color: unset
}

::marker {
    content: normal
}

:where([hidden]) {
    display: none
}

:where([contenteditable]:not([contenteditable=false])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto
}

:where([draggable=true]) {
    -webkit-user-drag: element
}

:where(dialog:modal) {
    all: revert
}

:root {
    --color-royal: #a81ebf;
    --color-electric: #d141ba;
    --color-purple-rain: #5720cb;
    --color-sunset: #f6d518;
    --color-immortal: #1c1c1c;
    --color-brave: #262626;
    --color-divine: #808080;
    --color-slayer: #c0c0c0;
    --color-legend: #dddddd;
    --color-archon: #f9f9f9;
    --color-white: #ffffff;
    --color-grey: #666666;
    --color-black: #000000;
    --color-reddit: #ff4500;
    --color-twitter: #5da8dc;
    --color-facebook: #485a96;
    --color-symbolic-alert: #f73e3e;
    --color-notification: #e01d1d;
    --gradient-royal-rain: linear-gradient(253.3deg,#5720cb,#a81ebf 89.9%);
    --gradient-electric-rain: linear-gradient(74.78deg,#5720cb 32.77%,#d141ba 127.72%);
    --gradient-sunset: linear-gradient(71.7deg,#feb104 -16.64%,#f6d518 98.94%);
    --gradient-header-rain: linear-gradient(74.78deg,#2d85f3,#db00ff);
    --gradient-hero: radial-gradient(57.05% 34.28% at 50% 65.72%,rgba(21,6,25,0) 0%,rgba(21,6,25,0.4) 100%),linear-gradient(187deg,#1b233c 6.8%,#7f1f8f 31.31%,#5c2f8b 45.5%,#38328e 58.63%,#150619 89.27%);
    --gradient-profilepic: linear-gradient(80deg,#2d85f3 7.73%,#db00ff 92.27%,#fb62aa 0);
    --color-white-80: rgba(255,255,255,0.8);
    --color-white-65: rgba(255,255,255,0.65);
    --color-white-60: rgba(255,255,255,0.6);
    --color-white-50: rgba(255,255,255,0.5);
    --color-white-40: rgba(255,255,255,0.4);
    --color-white-20: rgba(255,255,255,0.2);
    --color-black-80: rgba(0,0,0,0.8);
    --color-black-65: rgba(0,0,0,0.65);
    --color-black-40: rgba(0,0,0,0.4);
    --color-header-bg: #f1f2f3;
    --color-header-border: #f7f7f7;
    --color-details-bg: #2b2c3c;
    --color-details-accent-bg: #3b3c4f;
    --color-details-info-bg: #404159;
    --color-details-info-primary: #f2f2f2;
    --color-details-text-primary: var(--color-white-65);
    --color-coc-details-info-bg: var(--color-white-50);
    --color-coc-details-text-primary: #7f7363;
    --color-hd-details-text-primary: #7f7363;
    --color-hd-details-info-bg: var(--color-white-50);
    --color-default-shadow: rgba(10,10,11,0.25);
    --gradient-inner-border: linear-gradient(180deg,hsla(0,0%,100%,0.4),rgba(45,45,45,0.1));
    --gradient-inner-border-darker: linear-gradient(180deg,hsla(0,0%,100%,0.1),rgba(45,45,45,0.1));
    --gradient-coc-details-bg: linear-gradient(182deg,rgb(235 222 207) 52.82%,rgba(216,202,186,1) 93.65%,hsl(31 30% 76%/1) 98.65%),#ece4db;
    --gradient-hd-details-bg: linear-gradient(182deg,rgb(235 222 207) 52.82%,rgba(216,202,186,1) 93.65%,hsl(31 30% 76%/1) 98.65%),#ece4db;
    --gradient-coc-details-accent-bg: rgb(228,220,211);
    --gradient-coc-details-hero-bg: radial-gradient(50% 50% at 50% 50%,#f6f3ee 0%,#ede6de 100%);
    --gradient-bs-details-hero-bg: radial-gradient(50% 50% at 50% 50%,#ffdd87 0%,#ffc021 100%);
    --gradient-cr-details-hero-bg: radial-gradient(61.85% 50% at 50% 50%,#dde9ff 0%,#66aff9 100%);
    --gradient-sb-details-hero-bg: var(--gradient-squad-card-secondary);
    --gradient-hd-details-hero-bg: radial-gradient(50% 50% at 50% 50%,#ffdd87 0%,#ffc021 100%);
    --color-cosmetic-bg: linear-gradient(182deg,#2b2c3c 52.82%,#2b2c3c 93.65%,hsl(236 18% 16%/1) 98.65%);
    --color-prizes-bg: linear-gradient(182deg,#2b2c3c 52.82%,#2b2c3c 93.65%,hsl(236 18% 16%/1) 98.65%);
    --color-coc-card-hero-bg: #f7ecdc;
    --color-bs-card-hero-bg: #ffcb21;
    --color-cr-card-hero-bg: #2d85f3;
    --color-sb-card-hero-bg: #db00ff;
    --color-hd-card-hero-bg: #fe0e0e;
    --color-hd-card-border: #ccc4ad;
    --color-hd-card-hero-background: linear-gradient(180deg,#ebdcc9,#f5f1d2);
    --color-hd-card-inner-shadow: -2px -2px 2px 0px rgba(255,255,255,0.7) inset,2px 2px 2px 0px rgba(255,255,255,0.7) inset;
    --color-brawl-card-magenta: radial-gradient(50% 50% at 50% 50%,#e761ff 0%,#ab21ff 100%);
    --color-brawl-card-yellow: radial-gradient(50% 50% at 50% 50%,#ffec6c 0%,#ffc229 100%);
    --color-brawl-card-pink: radial-gradient(50% 50% at 50% 50%,#ff61e6 0%,#f0c 100%);
    --color-royale-card-lightblue: radial-gradient(61.85% 50% at 50% 50%,#dde9ff 0%,#bbcdf1 100%);
    --color-royale-card-lightgreen: radial-gradient(61.85% 50% at 50% 50%,#eaffdd 0%,#c8dddd 100%);
    --color-royale-card-lightpurple: radial-gradient(61.85% 50% at 50% 50%,#e6d5ff 0%,#e7a5fa 100%);
    --color-squad-card-blue: linear-gradient(#00acd6,#00fed4);
    --color-squad-card-pink: linear-gradient(180deg,#f690bf,#f4efce);
    --color-squad-card-purple: linear-gradient(180deg,#7126eb,#e16ee3);
    --color-squad-card-yellow: linear-gradient(180deg,#ffd139,#ffee54);
    --color-hayday-card-default: linear-gradient(180deg,#ffd944,#fcae00 42.79%);
    --color-coc-card-bg: linear-gradient(180deg,rgb(215,196,172),rgb(231,213,190) 50%,hsl(31 30% 76%/1) 98.65%),#ece4db;
    --color-bs-card-bg: linear-gradient(182deg,#2b2c3c 52.82%,#2b2c3c 93.65%,hsl(236 18% 16%/1) 98.65%);
    --color-cr-card-bg: linear-gradient(182deg,#2b2c3c 52.82%,#2b2c3c 93.65%,hsl(236 18% 16%/1) 98.65%);
    --color-sb-card-bg: linear-gradient(182deg,#2b2c3c 52.82%,#2b2c3c 93.65%,hsl(236 18% 16%/1) 98.65%);
    --color-hd-card-bg: #f6f1d4;
    --gradient-squad-card-primary: linear-gradient(180deg,#ffd139,#ffee54);
    --gradient-squad-card-secondary: linear-gradient(180deg,#7126eb,#e16ee3);
    --color-raffle-footer-bg: #dfd9eb;
    --color-coc-raffle-footer-bg: #dccdbc;
    --color-raffle-emphasis-bg: #404159;
    --color-coc-raffle-emphasis-dark-bg: #dccdbc;
    --color-coc-raffle-emphasis-light-bg: #ece4db;
    --color-coc-raffle-bg: linear-gradient(180deg,rgba(216,202,186,0.6),rgba(207,187,165,0) 20.9%),linear-gradient(0deg,#ece4db,#ece4db),#2b2c3c;
    --color-coc-raffle-details-bg: linear-gradient(180deg,rgba(216,202,186,0.6),rgba(207,187,165,0) 20.9%),linear-gradient(0deg,#ece4db,#ece4db),#e9c6a7;
    --color-raffle-circle-bg: #404159;
    --color-coc-raffle-circle-bg: #e0d0bd;
    --color-raffle-warning: #bf4075;
    --color-logged-out-bg: radial-gradient(40.84% 112.8% at 58.56% 55%,rgba(21,6,25,0) 0%,#150619 100%),linear-gradient(184deg,#1b233c 7.03%,#7f1f8f 32.34%,#5c2f8b 47%,#38328e 60.56%,#150619 92.22%);
    --color-community-ribbon-bg: #2e6ece;
    --color-community-ribbon-shadow-bg: #2159ac;
    --color-coc-community-ribbon-bg: #db3d3d;
    --color-coc-community-ribbon-shadow-bg: #9c1818
}

@supports (color: hsl(0 0% 0%/0)) {
    :root {
        --color-prizes-bg:linear-gradient(182deg,#2b2c3c 52.82%,#2b2c3c 93.65%,hsl(236 18% 16%/1) 98.65%)
    }
}

:root {
    --layout-columns-count: 4;
    --layout-columns-gap: 10px;
    --layout-margin: 20px;
    --layout-max-width: 1200px;
    --text-max-width: 650px;
    --layout-width: min(calc(100vw - (2 * var(--layout-margin))),var(--layout-max-width));
    --layout-column-width: calc((var(--layout-width) - ((var(--layout-columns-count) - 1) * var(--layout-columns-gap))) / var(--layout-columns-count))
}

@media(min-width: 48em) {
    :root {
        --mission-card-max-width:25rem
    }
}

@media(min-width: 90em) {
    :root {
        --layout-columns-count:12;
        --layout-columns-gap: 25px;
        --layout-margin: 50px
    }
}

.layout-block,.layout-grid {
    max-width: var(--layout-width);
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.layout-block-inner,.layout-grid-inner {
    padding-left: var(--layout-margin);
    padding-right: var(--layout-margin);
    width: 100%
}

.layout-grid,.layout-grid-inner {
    display: grid;
    grid-template-columns: repeat(var(--layout-columns-count),minmax(0,1fr));
    grid-gap: var(--layout-columns-gap);
    width: 100%
}

.t-heading-xl {
    font-family: SupercellHeadline-Heavy,sans-serif;
    font-size: 40px;
    line-height: 1.05;
    letter-spacing: -.035em
}

@media(min-width: 48em) {
    .t-heading-xl {
        font-size:80px
    }
}

.t-heading-1,h1 {
    font-family: SupercellHeadline-Heavy,sans-serif;
    font-size: 32px;
    line-height: 1.05;
    letter-spacing: -.02em
}

@media(min-width: 48em) {
    .t-heading-1,h1 {
        font-size:40px
    }
}

.t-heading-2,h2 {
    font-family: SupercellText-Bold,sans-serif;
    font-size: 26px;
    line-height: 1.2
}

@media(min-width: 48em) {
    .t-heading-2,h2 {
        font-size:36px
    }
}

.t-heading-3,h3 {
    font-family: SupercellText-Bold,sans-serif;
    font-size: 22px;
    line-height: 1.2
}

@media(min-width: 48em) {
    .t-heading-3,h3 {
        font-size:32px
    }
}

.t-heading-4,h4 {
    font-family: SupercellText-Bold,sans-serif;
    font-size: 16px;
    line-height: 1.2
}

@media(min-width: 48em) {
    .t-heading-4,h4 {
        font-size:20px
    }
}

.t-heading-5,h5 {
    font-family: SupercellText-Medium,sans-serif;
    font-size: 16px;
    line-height: 1.2
}

@media(min-width: 48em) {
    .t-heading-5,h5 {
        font-size:20px
    }
}

.t-body-regular {
    font-family: SupercellText-Regular,sans-serif;
    font-size: 16px;
    line-height: 1.4
}

@media(min-width: 48em) {
    .t-body-regular {
        font-size:18px
    }
}

.t-body-medium {
    font-family: SupercellText-Regular,sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-family: SupercellText-Medium,sans-serif
}

@media(min-width: 48em) {
    .t-body-medium {
        font-size:18px
    }
}

.t-body-small {
    font-family: SupercellText-Regular,sans-serif;
    font-size: 16px;
    font-size: 14px;
    line-height: 1.4
}

@media(min-width: 48em) {
    .t-body-small {
        font-size:18px;
        font-size: 16px
    }
}

.t-micro-0 {
    font-family: SupercellText-Medium,sans-serif;
    font-size: 14px;
    line-height: 1.4
}

@media(min-width: 48em) {
    .t-micro-0 {
        font-size:16px
    }
}

.t-micro-1 {
    font-family: SupercellText-Medium,sans-serif;
    font-size: 14px;
    line-height: 1.4
}

@media(min-width: 48em) {
    .t-micro-1 {
        font-size:16px
    }
}

.t-micro-2 {
    font-family: SupercellText-Regular,sans-serif;
    font-size: 12px;
    line-height: 1.4
}

@media(min-width: 48em) {
    .t-micro-2 {
        font-size:14px
    }
}

.t-micro-3 {
    font-family: SupercellText-Medium,sans-serif;
    font-size: 10px;
    line-height: 1.4
}

@media(min-width: 48em) {
    .t-micro-3 {
        font-size:12px
    }
}

:root {
    --layer-main: 1;
    --layer-language-selector: 50;
    --layer-modal: 100;
    --layer-header: 500;
    --layer-screen-rotate: 1000;
    --layer-above-all: 1001;
    --radius-button: 12px;
    --radius-default: 16px;
    --radius-large: 24px;
    --radius-small: 12px;
    --radius-mini: 8px;
    --radius-micro: 4px;
    --speed-fast: 0.2s;
    --speed-medium: 0.4s;
    --speed-slow: 0.6s;
    --header-height: 64px;
    --mobile-menu-height: 66px;
    --shadow-default: 0px 2px 14px 0px rgba(0,0,0,0.15)
}

@media(min-width: 48em) {
    :root {
        --header-height:80px;
        --mobile-menu-height: 0
    }
}

@media only screen and (min-width: 668px)and (max-width:932px)and (max-height:430px)and (orientation:landscape) {
    :root {
        --header-height:64px;
        --mobile-menu-height: 66px
    }
}

:root {
    --spacer-xl: 80px;
    --spacer-lg: 64px;
    --spacer-md: 48px;
    --spacer-sm: 32px;
    --spacer-xs: 32px
}

@media(min-width: 90em) {
    :root {
        --spacer-xl:192px;
        --spacer-lg: 128px;
        --spacer-md: 80px;
        --spacer-sm: 64px;
        --spacer-xs: 48px
    }
}

:root {
    --spacing-4: 0.25rem;
    --spacing-8: 0.5rem;
    --spacing-12: 0.75rem;
    --spacing-16: 1rem;
    --spacing-20: 1.25rem;
    --spacing-24: 1.5rem;
    --spacing-28: 1.75rem;
    --spacing-32: 2rem;
    --spacing-40: 2.5rem;
    --spacing-48: 3rem;
    --spacing-60: 3.75rem;
    --spacing-64: 4rem;
    --spacing-80: 5rem;
    --spacing-120: 7.5rem
}

@media(min-width: 90em) {
    .mobile-only {
        display:none
    }
}

@media(max-width: 89.99em) {
    .desktop-only {
        display:none
    }
}

html.has-scroll-smooth .hide-on-smooth-scroll,html:not(.has-scroll-smooth) .hide-on-native-scroll {
    display: none
}

:root {
    --ease: ease-in-out;
    --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-in-back: cubic-bezier(0.6,-0.28,0.735,0.045);
    --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-out-back: cubic-bezier(0.175,0.885,0.32,1.275);
    --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);
    --ease-in-out-back: cubic-bezier(0.68,-0.55,0.265,1.55)
}

.animate-fade-up.stagger>*,.animate-fade-up:not(.stagger) {
    animation: fade-up 1s cubic-bezier(.17,.17,0,1) forwards
}

.animate-mask-in-up:not(.is-in-view) {
    opacity: 0
}

.animate-mask-in-up.is-in-view {
    opacity: 0;
    animation: mask-in-up .8s var(--ease-out-expo) forwards;
    animation-delay: .2s
}

@keyframes mask-in-up {
    0% {
        -webkit-clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
        clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
        opacity: 0
    }

    to {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
        opacity: 1
    }
}

@keyframes fade-up {
    0% {
        transform: translateY(2rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

:root {
    --card-border-width: 2.5px;
    --card-border-radius: var(--spacing-16);
    --card-border: var(--card-border-width) solid var(--color-black);
    --card-hero-border-radius: var(--spacing-12);
    --card-border-coc: var(--card-border);
    --card-border-bs: var(--card-border);
    --card-border-cr: var(--card-border);
    --card-border-sb: var(--card-border);
    --card-border-hd: none;
    --card-border-width-coc: 1.5px;
    --card-border-width-cr: 1.5px;
    --card-hero-border-coc: none;
    --card-hero-border-bs: var(--card-border);
    --card-hero-border-cr: var(--card-border);
    --card-hero-border-sb: var(--card-border);
    --card-hero-border-hd: var(--card-border-hd);
    --card-shadow-coc: 0px 10px 15px 0px var(--color-default-shadow),inset 0 -4px 0 #9b8568,0px 10px 15px 0px var(--color-default-shadow),inset 0 -4px 0 #9b8568,inset 0 -6px 0 hsl(30 31% 80%/1),inset 0 3px 0 #fdecd4,inset 0 3px 0 #fdecd4;
    --card-shadow-bs: 4px 4px 0px 0px var(--color-black);
    --card-shadow-cr: 0px 10px 15px 0px var(--color-default-shadow),inset 0 -4px 0 #101119,inset 0 3px 0 #3a3d4c;
    --card-shadow-sb: 0 5px 20px 0 rgba(0,0,0,0.3),0 2px 0 0 rgba(0,0,0,1),inset 0 3px 0 0 hsla(0,0%,100%,0.1);
    --card-shadow-hd: 0px 15px 20px 0px rgba(10,10,11,0.25);
    --card-shadow-cutoff-coc: 20px;
    --card-shadow-cutoff-bs: 4px;
    --card-shadow-cutoff-cr: 20px;
    --card-shadow-cutoff-sb: 18px;
    --card-shadow-cutoff-hd: 20px;
    --card-shadow-hero-inset: 0px 2px 0px 0px var(--color-white-40) inset;
    --card-shadow-hero-inset-hd: 0px 4px 0px 0px #dec4be inset;
    --card-shadow-hero-ingame-hd: 0px 2px 0px 0px #ffd944 inset,0px 4px 0px 0px #fff877 inset,0px -8px 3px 0px #b1661d inset,0px 12px 20px 0px rgba(0,0,0,0.15);
    --card-shadow-hero-inset-gentle: 0px 2px 0px 0px var(--color-white-20) inset;
    --card-shadow-raffle-inset: 0px -2px 0px 0px rgba(255,255,255,0.06) inset,0px 2px 0px 0px rgba(0,0,0,0.35) inset;
    --card-shadow-raffle-inset-coc: 0px -2px 0px 0px rgba(255,255,255,0.7) inset,0px 2px 0px 0px rgba(0,0,0,0.15) inset;
    --game-filter-height: 50px;
    --page-max-section-width: 600px;
    --padding-gutter: 10px;
    --max-reward-card-width: 200px;
    --max-mission-card-width: 335px;
    --divider-height: 60px;
    --divider-height-sb: 70px;
    --divider-height-cr: 40px
}

@media(min-width: 64em) {
    :root {
        --padding-gutter:160px;
        --max-reward-card-width: 190px
    }
}

*,:after,:before {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

a {
    color: inherit;
    text-decoration: none
}

body,html {
    max-width: 100vw;
    overflow-x: hidden;
    width: 100%;
    overscroll-behavior: none;
    color: var(--color-immortal);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    min-height: 100%;
    background-color: #000
}

body {
    font-family: SupercellText-Regular,sans-serif;
    font-size: 16px;
    line-height: 1.4;
    background: var(--color-archon)
}

@media(min-width: 48em) {
    body {
        font-size:18px
    }
}

[data-debug=true] {
    border: 1px solid red
}

.page-view {
    --100svh: 100svh;
    margin-top: var(--header-height);
    min-height: 500px
}

.about-section-subtitle {
    font-family: SupercellText-Regular,sans-serif;
    font-size: 12px;
    line-height: 1.4;
    color: var(--color-purple-rain);
    text-transform: uppercase
}

@media(min-width: 48em) {
    .about-section-subtitle {
        font-size:14px
    }
}

.about-section-title {
    font-family: SupercellHeadline-Heavy,sans-serif;
    font-size: 32px;
    line-height: 1.05;
    letter-spacing: -.02em
}

@media(min-width: 48em) {
    .about-section-title {
        font-size:40px
    }
}

.about-section-description {
    font-family: SupercellText-Regular,sans-serif;
    font-size: 16px;
    line-height: 1.4
}

@media(min-width: 48em) {
    .about-section-description {
        font-size:18px
    }
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center
}

button:not(:disabled),input:not(:disabled) {
    cursor: pointer
}

.no-scroll {
    overflow: hidden
}

@media(hover: hover) {
    .anim-button-hover {
        transition:transform var(--speed-fast) var(--ease-out-cubic)
    }

    .anim-button-hover:not(:disabled):hover {
        transform: scale(1.05)
    }

    .anim-list-item-hover {
        transition: transform var(--speed-medium) var(--ease-out-cubic)
    }

    .anim-list-item-hover:not(:disabled):hover {
        transform: translateY(-8px)
    }
}

.modalCloseBtn {
    --clickable-area-padding: 16px;
    position: absolute;
    top: 24px;
    inset-inline-end: 24px;
    cursor: pointer;
    z-index: 1;
    padding: var(--clickable-area-padding);
    -webkit-margin-end: calc(-1*var(--clickable-area-padding));
    margin-inline-end:calc(-1*var(--clickable-area-padding));margin-top: calc(-1*var(--clickable-area-padding));
    color: #fff
}

@keyframes Typography_flare-pulse__Svu4T {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes Typography_flare-rotate__jypkq {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.Typography_reset__OAp2D {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none
}

.Typography_typography__uqjku {
    color: var(--color,inherit);
    direction: var(--direction,ltr);
    font-family: var(--font-family,supercelltext-regular);
    font-size: var(--font-size,1rem);
    font-size-adjust: var(--font-size-adjust,none);
    font-weight: var(--font-weight,normal);
    letter-spacing: var(--letter-spacing,normal);
    line-height: var(--line-height,normal);
    paint-order: var(--paint-order,stroke fill);
    text-align: var(--text-align,start);
    text-shadow: var(--text-shadow,none);
    text-transform: var(--text-transform,none);
    -webkit-text-stroke-color: var(--stroke-color,inherit);
    -webkit-text-stroke-width: var(--stroke-width,0)
}

@supports(-webkit-touch-callout:none) or (-webkit-backdrop-filter: blur(10px)) {
    .Typography_typography__uqjku {
        text-shadow:var(--text-shadow-safari,none)
    }
}

.Typography_font-clashofclans__aNhhu,.Typography_font-clashroyale__ScO_r {
    --font-family: clash-regular;
    --letter-spacing: -0.03em;
    --line-height: 1;
    --stroke-width: 0.075em;
    --text-shadow: 0 0.1em 0 #000,-0.035em 0.1em 0 #000,0.035em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-clashofclans__aNhhu:where(.Typography_size-xl__jw2nV),.Typography_font-clashroyale__ScO_r:where(.Typography_size-xl__jw2nV) {
    --font-size: 2.5rem
}

.Typography_font-clashofclans__aNhhu:where(.Typography_size-l__TjsmO),.Typography_font-clashroyale__ScO_r:where(.Typography_size-l__TjsmO) {
    --font-size: 2.125rem;
    --stroke-width: 0.09em;
    --text-shadow: 0 0.1em 0 #000,-0.04em 0.1em 0 #000,0.04em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-clashofclans__aNhhu:where(.Typography_size-m__j3HEs),.Typography_font-clashroyale__ScO_r:where(.Typography_size-m__j3HEs) {
    --font-size: 1.5rem;
    --stroke-width: 0.1em;
    --letter-spacing: -0.02em;
    --text-shadow: 0 0.1em 0 #000,-0.05em 0.1em 0 #000,0.05em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-clashofclans__aNhhu:where(.Typography_size-s__PV7Pl),.Typography_font-clashroyale__ScO_r:where(.Typography_size-s__PV7Pl) {
    --font-size: 1rem;
    --stroke-width: 0.125em;
    --letter-spacing: -0.015em;
    --text-shadow: 0 0.125em 0 #000,-0.05em 0.125em 0 #000,0.05em 0.125em 0 #000;
    --text-shadow-safari: 0 0.09375em 0 #000
}

.Typography_font-clashofclans__aNhhu:where(.Typography_size-xs__J2E4U),.Typography_font-clashroyale__ScO_r:where(.Typography_size-xs__J2E4U) {
    --font-size: 0.875rem;
    --stroke-width: 0.13em;
    --letter-spacing: -0.01em;
    --text-shadow: 0 0.13em 0 #000,-0.05em 0.13em 0 #000,0.05em 0.13em 0 #000;
    --text-shadow-safari: 0 0.0975em 0 #000
}

.Typography_font-clashofclans__aNhhu:where(.Typography_size-2xs__JoN_E),.Typography_font-clashroyale__ScO_r:where(.Typography_size-2xs__JoN_E) {
    --font-size: 0.75rem;
    --stroke-width: 0.13em;
    --letter-spacing: -0.01em;
    --text-shadow: 0 0.13em 0 #000,-0.05em 0.13em 0 #000,0.05em 0.13em 0 #000;
    --text-shadow-safari: 0 0.0975em 0 #000
}

@media(min-width: 64em) {
    .Typography_font-clashofclans__aNhhu:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xl__jw2nV),.Typography_font-clashroyale__ScO_r:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xl__jw2nV) {
        --font-size:3rem
    }
}

@media(min-width: 64em) {
    .Typography_font-clashofclans__aNhhu:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-l__TjsmO),.Typography_font-clashroyale__ScO_r:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-l__TjsmO) {
        --font-size:2.625rem
    }
}

@media(min-width: 64em) {
    .Typography_font-clashofclans__aNhhu:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-m__j3HEs),.Typography_font-clashroyale__ScO_r:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-m__j3HEs) {
        --font-size:2rem
    }
}

@media(min-width: 64em) {
    .Typography_font-clashofclans__aNhhu:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-s__PV7Pl),.Typography_font-clashroyale__ScO_r:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-s__PV7Pl) {
        --font-size:1.5rem
    }
}

@media(min-width: 64em) {
    .Typography_font-clashofclans__aNhhu:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xs__J2E4U),.Typography_font-clashroyale__ScO_r:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xs__J2E4U) {
        --font-size:1.125rem
    }
}

@media(min-width: 64em) {
    .Typography_font-clashofclans__aNhhu:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-2xs__JoN_E),.Typography_font-clashroyale__ScO_r:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-2xs__JoN_E) {
        --font-size:0.875rem
    }
}

.Typography_font-clashofclans__aNhhu:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xl__jw2nV),.Typography_font-clashroyale__ScO_r:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xl__jw2nV) {
    --font-size: clamp(2.5rem,(48/1200) * 100vw,3rem)
}

.Typography_font-clashofclans__aNhhu:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-l__TjsmO),.Typography_font-clashroyale__ScO_r:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-l__TjsmO) {
    --font-size: clamp(2.125rem,(42/1200) * 100vw,2.625rem)
}

.Typography_font-clashofclans__aNhhu:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-m__j3HEs),.Typography_font-clashroyale__ScO_r:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-m__j3HEs) {
    --font-size: clamp(1.5rem,(32/1200) * 100vw,2rem)
}

.Typography_font-clashofclans__aNhhu:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-s__PV7Pl),.Typography_font-clashroyale__ScO_r:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-s__PV7Pl) {
    --font-size: clamp(1rem,(24/1200) * 100vw,1.5rem)
}

.Typography_font-clashofclans__aNhhu:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xs__J2E4U),.Typography_font-clashroyale__ScO_r:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xs__J2E4U) {
    --font-size: clamp(0.875rem,(18/1200) * 100vw,1.125rem)
}

.Typography_font-clashofclans__aNhhu:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-2xs__JoN_E),.Typography_font-clashroyale__ScO_r:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-2xs__JoN_E) {
    --font-size: clamp(0.75rem,(14/1200) * 100vw,0.875rem)
}

.Typography_font-clashofclans__aNhhu:where(.Typography_heading__tx23J),.Typography_font-clashroyale__ScO_r:where(.Typography_heading__tx23J) {
    --font-family: clash-regular
}

.Typography_font-clashofclans__aNhhu:where(.Typography_paragraph__TZOk7,.Typography_span__dFTLi),.Typography_font-clashroyale__ScO_r:where(.Typography_paragraph__TZOk7,.Typography_span__dFTLi) {
    --font-family: clash-regular
}

.Typography_font-clashofclans__aNhhu:where(.Typography_locale-ar__do8N4,.Typography_locale-fa__P2NLA),.Typography_font-clashroyale__ScO_r:where(.Typography_locale-ar__do8N4,.Typography_locale-fa__P2NLA) {
    --direction: rtl;
    --font-family: system-ui,sans-serif;
    --font-weight: 900;
    --font-size-adjust: 0.46;
    --letter-spacing: 0
}

.Typography_font-clashofclans__aNhhu:where(.Typography_locale-ja__HaE8O),.Typography_font-clashroyale__ScO_r:where(.Typography_locale-ja__HaE8O) {
    --font-family: clash-jp;
    --letter-spacing: -0.01em
}

.Typography_font-clashofclans__aNhhu:where(.Typography_locale-ko__JqNGj),.Typography_font-clashroyale__ScO_r:where(.Typography_locale-ko__JqNGj) {
    --font-family: clash-kr;
    --font-size-adjust: 0.462
}

.Typography_font-clashofclans__aNhhu:where(.Typography_locale-th__QX_tF),.Typography_font-clashroyale__ScO_r:where(.Typography_locale-th__QX_tF) {
    --font-family: system-ui,sans-serif;
    --font-weight: 900;
    --font-size-adjust: 0.55
}

.Typography_font-clashofclans__aNhhu:where(.Typography_locale-vi__XurEQ),.Typography_font-clashroyale__ScO_r:where(.Typography_locale-vi__XurEQ) {
    --font-family: clash-regular,system-ui,sans-serif;
    --font-weight: 900;
    --font-size-adjust: 0.42
}

.Typography_font-clashofclans__aNhhu:where(.Typography_locale-zh-cn__GauC4,.Typography_locale-zh-tw__hCkfm),.Typography_font-clashroyale__ScO_r:where(.Typography_locale-zh-cn__GauC4,.Typography_locale-zh-tw__hCkfm) {
    --font-family: clash-cn;
    --letter-spacing: -0.01em
}

.Typography_font-brawlstars__deOtM {
    --font-family: Lilita,system-ui,sans-serif;
    --text-transform: uppercase;
    --letter-spacing: -0.01em;
    --line-height: 1;
    --stroke-width: 0.1em;
    --text-shadow: 0 0.1em 0 #000,-0.03em 0.1em 0 #000,0.03em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-brawlstars__deOtM:where(.Typography_size-xl__jw2nV) {
    --font-size: 2.5rem
}

.Typography_font-brawlstars__deOtM:where(.Typography_size-l__TjsmO) {
    --font-size: 2.125rem;
    --stroke-width: 0.09em;
    --text-shadow: 0 0.1em 0 #000,-0.04em 0.1em 0 #000,0.04em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-brawlstars__deOtM:where(.Typography_size-m__j3HEs) {
    --font-size: 1.5rem;
    --stroke-width: 0.1em;
    --letter-spacing: -0.02em;
    --text-shadow: 0 0.1em 0 #000,-0.05em 0.1em 0 #000,0.05em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-brawlstars__deOtM:where(.Typography_size-s__PV7Pl) {
    --font-size: 1rem;
    --stroke-width: 0.125em;
    --letter-spacing: -0.015em;
    --text-shadow: 0 0.125em 0 #000,-0.05em 0.125em 0 #000,0.05em 0.125em 0 #000;
    --text-shadow-safari: 0 0.09375em 0 #000
}

.Typography_font-brawlstars__deOtM:where(.Typography_size-xs__J2E4U) {
    --font-size: 0.875rem;
    --stroke-width: 0.13em;
    --letter-spacing: -0.01em;
    --text-shadow: 0 0.13em 0 #000,-0.05em 0.13em 0 #000,0.05em 0.13em 0 #000;
    --text-shadow-safari: 0 0.0975em 0 #000
}

.Typography_font-brawlstars__deOtM:where(.Typography_size-2xs__JoN_E) {
    --font-size: 0.75rem;
    --stroke-width: 0.13em;
    --letter-spacing: -0.01em;
    --text-shadow: 0 0.13em 0 #000,-0.05em 0.13em 0 #000,0.05em 0.13em 0 #000;
    --text-shadow-safari: 0 0.0975em 0 #000
}

@media(min-width: 64em) {
    .Typography_font-brawlstars__deOtM:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xl__jw2nV) {
        --font-size:3rem
    }
}

@media(min-width: 64em) {
    .Typography_font-brawlstars__deOtM:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-l__TjsmO) {
        --font-size:2.625rem
    }
}

@media(min-width: 64em) {
    .Typography_font-brawlstars__deOtM:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-m__j3HEs) {
        --font-size:2rem
    }
}

@media(min-width: 64em) {
    .Typography_font-brawlstars__deOtM:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-s__PV7Pl) {
        --font-size:1.5rem
    }
}

@media(min-width: 64em) {
    .Typography_font-brawlstars__deOtM:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xs__J2E4U) {
        --font-size:1.125rem
    }
}

@media(min-width: 64em) {
    .Typography_font-brawlstars__deOtM:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-2xs__JoN_E) {
        --font-size:0.875rem
    }
}

.Typography_font-brawlstars__deOtM:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xl__jw2nV) {
    --font-size: clamp(2.5rem,(48/1200) * 100vw,3rem)
}

.Typography_font-brawlstars__deOtM:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-l__TjsmO) {
    --font-size: clamp(2.125rem,(42/1200) * 100vw,2.625rem)
}

.Typography_font-brawlstars__deOtM:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-m__j3HEs) {
    --font-size: clamp(1.5rem,(32/1200) * 100vw,2rem)
}

.Typography_font-brawlstars__deOtM:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-s__PV7Pl) {
    --font-size: clamp(1rem,(24/1200) * 100vw,1.5rem)
}

.Typography_font-brawlstars__deOtM:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xs__J2E4U) {
    --font-size: clamp(0.875rem,(18/1200) * 100vw,1.125rem)
}

.Typography_font-brawlstars__deOtM:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-2xs__JoN_E) {
    --font-size: clamp(0.75rem,(14/1200) * 100vw,0.875rem)
}

.Typography_font-brawlstars__deOtM:where(.Typography_locale-ar__do8N4,.Typography_locale-fa__P2NLA) {
    --direction: rtl;
    --font-family: system-ui,sans-serif;
    --font-weight: 900;
    --letter-spacing: 0
}

.Typography_font-brawlstars__deOtM:where(.Typography_locale-ja__HaE8O) {
    --font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",system-ui,sans-serif;
    --font-weight: 900;
    --line-height: 1.05
}

.Typography_font-brawlstars__deOtM:where(.Typography_locale-ko__JqNGj) {
    --font-weight: 900;
    --font-size-adjust: 0.48;
    --line-height: 1.05
}

.Typography_font-brawlstars__deOtM:where(.Typography_locale-th__QX_tF) {
    --font-family: brawl-fallback,system-ui,sans-serif;
    --font-size-adjust: 0.48;
    --font-weight: 900
}

.Typography_font-brawlstars__deOtM:where(.Typography_locale-ru__wBayp) {
    --font-family: brawl-fallback,system-ui,sans-serif;
    --font-size-adjust: 0.5
}

.Typography_font-brawlstars__deOtM:where(.Typography_locale-vi__XurEQ) {
    --font-family: brawl-fallback,system-ui,sans-serif
}

.Typography_font-brawlstars__deOtM:where(.Typography_locale-zh-cn__GauC4,.Typography_locale-zh-tw__hCkfm) {
    --font-family: "Lantinghei SC","Hiragino Sans GB","SimHei",system-ui,sans-serif;
    --font-weight: 600;
    --font-size-adjust: 0.47;
    --letter-spacing: 0;
    --line-height: 1.05
}

.Typography_font-squadbusters__q_usA {
    --font-family: squad;
    --letter-spacing: -0.01em;
    --line-height: 1;
    --stroke-width: 0.075em;
    --text-shadow: 0 0.1em 0 #000,-0.035em 0.1em 0 #000,0.035em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-squadbusters__q_usA:where(.Typography_size-xl__jw2nV) {
    --font-size: 2.5rem
}

.Typography_font-squadbusters__q_usA:where(.Typography_size-l__TjsmO) {
    --font-size: 2.125rem;
    --stroke-width: 0.09em;
    --text-shadow: 0 0.1em 0 #000,-0.04em 0.1em 0 #000,0.04em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-squadbusters__q_usA:where(.Typography_size-m__j3HEs) {
    --font-size: 1.5rem;
    --stroke-width: 0.1em;
    --letter-spacing: 0;
    --text-shadow: 0 0.1em 0 #000,-0.05em 0.1em 0 #000,0.05em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-squadbusters__q_usA:where(.Typography_size-s__PV7Pl) {
    --font-size: 1rem;
    --stroke-width: 0.125em;
    --letter-spacing: 0.005em;
    --text-shadow: 0 0.125em 0 #000,-0.05em 0.125em 0 #000,0.05em 0.125em 0 #000;
    --text-shadow-safari: 0 0.09375em 0 #000
}

.Typography_font-squadbusters__q_usA:where(.Typography_size-xs__J2E4U) {
    --font-size: 0.875rem;
    --stroke-width: 0.13em;
    --letter-spacing: 0.01em;
    --text-shadow: 0 0.13em 0 #000,-0.05em 0.13em 0 #000,0.05em 0.13em 0 #000;
    --text-shadow-safari: 0 0.0975em 0 #000
}

.Typography_font-squadbusters__q_usA:where(.Typography_size-2xs__JoN_E) {
    --font-size: 0.75rem;
    --stroke-width: 0.13em;
    --letter-spacing: 0.01em;
    --text-shadow: 0 0.13em 0 #000,-0.05em 0.13em 0 #000,0.05em 0.13em 0 #000;
    --text-shadow-safari: 0 0.0975em 0 #000
}

@media(min-width: 64em) {
    .Typography_font-squadbusters__q_usA:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xl__jw2nV) {
        --font-size:3rem
    }
}

@media(min-width: 64em) {
    .Typography_font-squadbusters__q_usA:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-l__TjsmO) {
        --font-size:2.625rem
    }
}

@media(min-width: 64em) {
    .Typography_font-squadbusters__q_usA:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-m__j3HEs) {
        --font-size:2rem
    }
}

@media(min-width: 64em) {
    .Typography_font-squadbusters__q_usA:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-s__PV7Pl) {
        --font-size:1.5rem
    }
}

@media(min-width: 64em) {
    .Typography_font-squadbusters__q_usA:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xs__J2E4U) {
        --font-size:1.125rem
    }
}

@media(min-width: 64em) {
    .Typography_font-squadbusters__q_usA:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-2xs__JoN_E) {
        --font-size:0.875rem
    }
}

.Typography_font-squadbusters__q_usA:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xl__jw2nV) {
    --font-size: clamp(2.5rem,(48/1200) * 100vw,3rem)
}

.Typography_font-squadbusters__q_usA:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-l__TjsmO) {
    --font-size: clamp(2.125rem,(42/1200) * 100vw,2.625rem)
}

.Typography_font-squadbusters__q_usA:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-m__j3HEs) {
    --font-size: clamp(1.5rem,(32/1200) * 100vw,2rem)
}

.Typography_font-squadbusters__q_usA:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-s__PV7Pl) {
    --font-size: clamp(1rem,(24/1200) * 100vw,1.5rem)
}

.Typography_font-squadbusters__q_usA:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xs__J2E4U) {
    --font-size: clamp(0.875rem,(18/1200) * 100vw,1.125rem)
}

.Typography_font-squadbusters__q_usA:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-2xs__JoN_E) {
    --font-size: clamp(0.75rem,(14/1200) * 100vw,0.875rem)
}

.Typography_font-squadbusters__q_usA:where(.Typography_locale-ar__do8N4) {
    --direction: rtl;
    --font-family: system-ui,sans-serif;
    --font-weight: 900;
    --font-size-adjust: 0.49
}

.Typography_font-squadbusters__q_usA:where(.Typography_locale-fa__P2NLA) {
    --direction: rtl;
    --font-family: system-ui,sans-serif;
    --font-weight: 900;
    --font-size-adjust: 0.49
}

.Typography_font-squadbusters__q_usA:where(.Typography_locale-ja__HaE8O) {
    --font-family: squad-jp,system-ui,sans-serif;
    --font-size-adjust: 0.48
}

.Typography_font-squadbusters__q_usA:where(.Typography_locale-ko__JqNGj) {
    --font-family: squad-kr,system-ui,sans-serif
}

.Typography_font-squadbusters__q_usA:where(.Typography_locale-ru__wBayp) {
    --font-family: brawl-fallback,system-ui,sans-serif;
    --font-weight: 900
}

.Typography_font-squadbusters__q_usA:where(.Typography_locale-th__QX_tF) {
    --font-family: system-ui,sans-serif;
    --font-weight: 900;
    --font-size-adjust: 0.59
}

.Typography_font-squadbusters__q_usA:where(.Typography_locale-zh-cn__GauC4,.Typography_locale-zh-tw__hCkfm) {
    --font-family: "Lantinghei SC","Hiragino Sans GB",SimHei,system-ui,sans-serif;
    --font-weight: 700;
    --font-size-adjust: 0.47;
    --letter-spacing: 0;
    --line-height: 1.05;
    --text-shadow: 0 0.1em 0 #000
}

.Typography_font-hayday__NonmF {
    --font-family: hayday,system-ui,sans-serif;
    --letter-spacing: 0.035em;
    --line-height: 1;
    --stroke-width: 0.075em;
    --text-shadow: 0 0.1875em 0 #000;
    --text-shadow-safari: 0 0.1875em 0 #000;
    --letter-spacing: -0.025em
}

.Typography_font-hayday__NonmF:where(.Typography_size-xl__jw2nV) {
    --font-size: 2.5rem;
    --stroke-width: 0.09em;
    --text-shadow: 0 0.1em 0 #000,-0.09em 0.1em 0 #000,0.09em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-hayday__NonmF:where(.Typography_size-l__TjsmO) {
    --font-size: 2.125rem;
    --stroke-width: 0.09em;
    --text-shadow: 0 0.1em 0 #000,-0.09em 0.1em 0 #000,0.09em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-hayday__NonmF:where(.Typography_size-m__j3HEs) {
    --font-size: 1.5rem;
    --stroke-width: 0.1em;
    --text-shadow: 0 0.1em 0 #000,-0.06em 0.1em 0 #000,0.06em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-hayday__NonmF:where(.Typography_size-s__PV7Pl) {
    --font-size: 1.125rem;
    --line-height: 0.9;
    --stroke-width: 0.1em;
    --text-shadow: 0 0.1em 0 #000,-0.04em 0.1em 0 #000,0.04em 0.1em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-hayday__NonmF:where(.Typography_size-xs__J2E4U) {
    --font-size: 0.9375rem;
    --line-height: 0.95;
    --stroke-width: 0.09375em;
    --text-shadow: 0 0.09375em 0 #000,-0.04em 0.09375em 0 #000,0.04em 0.09375em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

.Typography_font-hayday__NonmF:where(.Typography_size-2xs__JoN_E) {
    --font-size: 0.875rem;
    --line-height: 0.85;
    --stroke-width: 0.08125em;
    --text-shadow: 0 0.08125em 0 #000,-0.04em 0.08125em 0 #000,0.04em 0.08125em 0 #000;
    --text-shadow-safari: 0 0.075em 0 #000
}

@media(min-width: 64em) {
    .Typography_font-hayday__NonmF:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xl__jw2nV) {
        --font-size:3rem
    }
}

@media(min-width: 64em) {
    .Typography_font-hayday__NonmF:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-l__TjsmO) {
        --font-size:2.625rem
    }
}

@media(min-width: 64em) {
    .Typography_font-hayday__NonmF:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-m__j3HEs) {
        --font-size:2rem
    }
}

@media(min-width: 64em) {
    .Typography_font-hayday__NonmF:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-s__PV7Pl) {
        --font-size:1.5rem
    }
}

@media(min-width: 64em) {
    .Typography_font-hayday__NonmF:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xs__J2E4U) {
        --font-size:1.125rem
    }
}

@media(min-width: 64em) {
    .Typography_font-hayday__NonmF:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-2xs__JoN_E) {
        --font-size:0.9375rem
    }
}

.Typography_font-hayday__NonmF:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xl__jw2nV) {
    --font-size: clamp(2.5rem,(64/1200) * 100vw,3rem)
}

.Typography_font-hayday__NonmF:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-l__TjsmO) {
    --font-size: clamp(2.125rem,(48/1200) * 100vw,2.625rem)
}

.Typography_font-hayday__NonmF:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-m__j3HEs) {
    --font-size: clamp(1.5rem,(34/1200) * 100vw,2rem)
}

.Typography_font-hayday__NonmF:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-s__PV7Pl) {
    --font-size: clamp(1.125rem,(24/1200) * 100vw,1.5rem)
}

.Typography_font-hayday__NonmF:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xs__J2E4U) {
    --font-size: clamp(0.9375rem,(18/1200) * 100vw,1.125rem)
}

.Typography_font-hayday__NonmF:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-2xs__JoN_E) {
    --font-size: clamp(0.875rem,(14/1200) * 100vw,0.9375rem)
}

.Typography_font-hayday__NonmF:where(.Typography_locale-ar__do8N4,.Typography_locale-fa__P2NLA) {
    --direction: rtl
}

.Typography_font-hayday__NonmF:where(.Typography_locale-ru__wBayp) {
    --font-weight: 900
}

.Typography_font-supercellText__K7lXp:where(.Typography_size-xl__jw2nV) {
    --font-size: 2.5rem
}

.Typography_font-supercellText__K7lXp:where(.Typography_size-l__TjsmO) {
    --font-size: 2.125rem
}

.Typography_font-supercellText__K7lXp:where(.Typography_size-m__j3HEs) {
    --font-size: 1.5rem
}

.Typography_font-supercellText__K7lXp:where(.Typography_size-s__PV7Pl) {
    --font-size: 1rem
}

.Typography_font-supercellText__K7lXp:where(.Typography_size-xs__J2E4U) {
    --font-size: 0.875rem
}

.Typography_font-supercellText__K7lXp:where(.Typography_size-2xs__JoN_E) {
    --font-size: 0.75rem
}

@media(min-width: 64em) {
    .Typography_font-supercellText__K7lXp:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xl__jw2nV) {
        --font-size:3rem
    }
}

@media(min-width: 64em) {
    .Typography_font-supercellText__K7lXp:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-l__TjsmO) {
        --font-size:2.625rem
    }
}

@media(min-width: 64em) {
    .Typography_font-supercellText__K7lXp:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-m__j3HEs) {
        --font-size:2rem
    }
}

@media(min-width: 35em) {
    .Typography_font-supercellText__K7lXp:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-s__PV7Pl) {
        --font-size:1.125rem
    }
}

@media(min-width: 35em) {
    .Typography_font-supercellText__K7lXp:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xs__J2E4U) {
        --font-size:1rem
    }
}

@media(min-width: 35em) {
    .Typography_font-supercellText__K7lXp:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-2xs__JoN_E) {
        --font-size:0.875rem
    }
}

.Typography_font-supercellText__K7lXp:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xl__jw2nV) {
    --font-size: clamp(2.5rem,(48/1200) * 100vw,3rem)
}

.Typography_font-supercellText__K7lXp:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-l__TjsmO) {
    --font-size: clamp(2.125rem,(42/1200) * 100vw,2.625rem)
}

.Typography_font-supercellText__K7lXp:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-m__j3HEs) {
    --font-size: clamp(1.5rem,(32/1200) * 100vw,2rem)
}

.Typography_font-supercellText__K7lXp:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-s__PV7Pl) {
    --font-size: clamp(1rem,(18/1200) * 100vw,1.125rem)
}

.Typography_font-supercellText__K7lXp:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xs__J2E4U) {
    --font-size: clamp(0.875rem,(16/1200) * 100vw,1rem)
}

.Typography_font-supercellText__K7lXp:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-2xs__JoN_E) {
    --font-size: clamp(0.75rem,(14/1200) * 100vw,0.875rem)
}

.Typography_font-supercellText__K7lXp:where(.Typography_weight-regular__IVoSh) {
    --font-family: supercelltext-regular
}

.Typography_font-supercellText__K7lXp:where(.Typography_weight-medium__b2Kj2) {
    --font-family: supercelltext-medium;
    --font-weight: 500
}

.Typography_font-supercellText__K7lXp:where(.Typography_weight-bold__IgTi0) {
    --font-family: supercelltext-bold
}

.Typography_font-supercellText__K7lXp:where(.Typography_locale-ar__do8N4,.Typography_locale-fa__P2NLA) {
    --direction: rtl
}

.Typography_font-supercellHeadline__ncGAK {
    --font-family: supercellheadline-bold;
    --line-height: 1.05
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_size-xl__jw2nV) {
    --font-size: 2.5rem
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_size-l__TjsmO) {
    --font-size: 2.125rem
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_size-m__j3HEs) {
    --font-size: 1.5rem
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_size-s__PV7Pl) {
    --font-size: 1rem
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_size-xs__J2E4U) {
    --font-size: 0.875rem
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_size-2xs__JoN_E) {
    --font-size: 0.75rem
}

@media(min-width: 64em) {
    .Typography_font-supercellHeadline__ncGAK:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xl__jw2nV) {
        --font-size:3rem
    }
}

@media(min-width: 64em) {
    .Typography_font-supercellHeadline__ncGAK:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-l__TjsmO) {
        --font-size:2.625rem
    }
}

@media(min-width: 64em) {
    .Typography_font-supercellHeadline__ncGAK:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-m__j3HEs) {
        --font-size:2rem
    }
}

@media(min-width: 35em) {
    .Typography_font-supercellHeadline__ncGAK:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-s__PV7Pl) {
        --font-size:1.125rem
    }
}

@media(min-width: 35em) {
    .Typography_font-supercellHeadline__ncGAK:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-xs__J2E4U) {
        --font-size:1rem
    }
}

@media(min-width: 35em) {
    .Typography_font-supercellHeadline__ncGAK:where(.Typography_sizing-responsive__u7IeN):where(.Typography_size-2xs__JoN_E) {
        --font-size:0.875rem
    }
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xl__jw2nV) {
    --font-size: clamp(2.5rem,(48/1200) * 100vw,3rem)
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-l__TjsmO) {
    --font-size: clamp(2.125rem,(42/1200) * 100vw,2.625rem)
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-m__j3HEs) {
    --font-size: clamp(1.5rem,(32/1200) * 100vw,2rem)
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-s__PV7Pl) {
    --font-size: clamp(1rem,(18/1200) * 100vw,1.125rem)
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-xs__J2E4U) {
    --font-size: clamp(0.875rem,(16/1200) * 100vw,1rem)
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_sizing-fluid__o2ulX):where(.Typography_size-2xs__JoN_E) {
    --font-size: clamp(0.75rem,(14/1200) * 100vw,0.875rem)
}

.Typography_font-supercellHeadline__ncGAK:where(.Typography_locale-ar__do8N4,.Typography_locale-fa__P2NLA) {
    --direction: rtl
}

.Typography_style-plain__QCprV {
    --stroke-width: 0;
    --text-shadow: none
}

.Typography_style-outlined__P_C4z {
    --color: white;
    --stroke-color: black
}

@keyframes Arrow_flare-pulse__eLy63 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes Arrow_flare-rotate__tFinm {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.Arrow_arrow__jbR8X {
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    transition: transform .2s cubic-bezier(.55,.055,.675,.19)
}

.Arrow_arrow__jbR8X[data-direction=up] {
    transform: rotate(-180deg)
}

.Arrow_arrow__jbR8X[data-direction=down] {
    transform: rotate(0deg)
}

.Arrow_arrow__jbR8X[data-direction=left] {
    transform: rotate(90deg)
}

.Arrow_arrow__jbR8X[data-direction=right] {
    transform: rotate(-90deg)
}

@keyframes LanguageSelector_flare-pulse__QHzrN {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes LanguageSelector_flare-rotate__4FOmk {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.LanguageSelector_Select__qkW6t {
    position: relative;
    --_color: var(--color,white)
}

.LanguageSelector_SelectTrigger__R_5br {
    display: flex;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: 120px;
    height: 32px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    color: var(--_color);
    border: 1px solid var(--_color);
    border-radius: 4px;
    padding: 0 8px;
    gap: 8px;
    font-family: SupercellText-Regular,sans-serif;
    font-size: 12px;
    line-height: 1.5
}

[dir=rtl] .LanguageSelector_SelectTrigger__R_5br {
    direction: rtl
}

.LanguageSelector_GlobeIcon__fGmeT,.LanguageSelector_SelectIcon__vxT0b {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--_color)
}

.LanguageSelector_SelectContent__zgh85 {
    display: flex;
    flex-direction: column;
    width: 220px;
    max-height: 400px;
    background-color: #fff;
    border-radius: var(--radius-default);
    color: #000;
    box-shadow: 0 2px 16px rgba(71,69,156,.05);
    overflow: hidden;
    padding: 4px 0;
    z-index: calc(var(--layer-header) + var(--layer-language-selector))
}

.LanguageSelector_SelectContentInner__YcXH2 {
    height: 100%;
    overflow-y: auto
}

.LanguageSelector_SelectContentInner__YcXH2::-webkit-scrollbar,.LanguageSelector_SelectContentInner__YcXH2::-webkit-scrollbar-track {
    width: 8px!important
}

.LanguageSelector_SelectContentInner__YcXH2::-webkit-scrollbar-thumb {
    border-radius: var(--radius-small);
    background-color: var(--color-legend)
}

.LanguageSelector_SelectViewport__YqQY0 {
    padding: 5px
}

.LanguageSelector_SelectItem__EwwZx {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-padding-start: 12px;
    padding-inline-start:12px;position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    font-family: SupercellText-Regular,sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-family: SupercellText-Medium,sans-serif;
    font-size: 16px!important;
    color: var(--color-divine);
    cursor: pointer
}

@media(min-width: 48em) {
    .LanguageSelector_SelectItem__EwwZx {
        font-size:18px
    }
}

.LanguageSelector_SelectItem__EwwZx:not(:last-child) {
    border-bottom: 1px solid var(--color-legend)
}

.LanguageSelector_SelectContent__zgh85[data-state=open] .LanguageSelector_SelectItem__EwwZx {
    opacity: 0;
    animation: LanguageSelector_reveal-slide-down__HPGvX .6s var(--ease-out-cubic) forwards
}

.LanguageSelector_SelectItem__EwwZx:first-child {
    animation-delay: .02s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(2) {
    animation-delay: .04s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(3) {
    animation-delay: .06s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(4) {
    animation-delay: .08s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(5) {
    animation-delay: .1s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(6) {
    animation-delay: .12s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(7) {
    animation-delay: .14s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(8) {
    animation-delay: .16s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(9) {
    animation-delay: .18s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(10) {
    animation-delay: .2s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(11) {
    animation-delay: .22s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(12) {
    animation-delay: .24s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(13) {
    animation-delay: .26s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(14) {
    animation-delay: .28s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(15) {
    animation-delay: .3s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(16) {
    animation-delay: .32s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(17) {
    animation-delay: .34s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(18) {
    animation-delay: .36s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(19) {
    animation-delay: .38s!important
}

.LanguageSelector_SelectItem__EwwZx:nth-child(20) {
    animation-delay: .4s!important
}

.LanguageSelector_SelectItem__EwwZx[data-highlighted],.LanguageSelector_SelectItem__EwwZx[data-state=checked] {
    color: var(--color-immortal)
}

@keyframes LanguageSelector_reveal-slide-down__HPGvX {
    0% {
        transform: translateY(-15px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes Footer_flare-pulse__ashwY {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes Footer_flare-rotate__mjGtJ {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.Footer_footer__7blBZ {
    background-color: #000;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--layout-margin)
}

.Footer_footerContent__pyaBH {
    width: 100%;
    max-width: var(--layout-max-width);
    min-height: 480px;
    margin-left: auto;
    margin-right: auto
}

.Footer_languageAndLocation__QMgXK {
    display: flex;
    border-bottom: 1px solid #333;
    justify-content: space-between
}

.Footer_languageDropdown__D_DDG {
    color: var(--color-white);
    margin-bottom: 24px
}

.Footer_location__8IBzZ {
    justify-self: flex-end;
    align-self: flex-start;
    padding-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 8px;
    gap: 8px;
    color: #eee;
    opacity: .5
}

.Footer_location__8IBzZ p {
    font-family: SupercellText-Regular,sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: var(--color-white);
    text-decoration: none;
    font-size: 13px!important;
    line-height: 1.5!important
}

@media(min-width: 48em) {
    .Footer_location__8IBzZ p {
        font-size:18px
    }
}

.Footer_allMedia__c1hpR {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(min-width: 64em) {
    .Footer_allMedia__c1hpR {
        flex-direction:row
    }
}

.Footer_socialLinks___8JeO {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #333;
    width: 100%;
    padding-top: 16px;
    padding-bottom: 24px
}

@media(min-width: 64em) {
    .Footer_socialLinks___8JeO {
        width:50%
    }
}

.Footer_socialLinks___8JeO p {
    font-family: SupercellText-Regular,sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: var(--color-white);
    text-decoration: none;
    font-size: 13px!important;
    line-height: 1.5!important;
    margin-bottom: 16px
}

@media(min-width: 48em) {
    .Footer_socialLinks___8JeO p {
        font-size:18px
    }
}

.Footer_socialLinks___8JeO ul li {
    display: inline
}

.Footer_socialLinks___8JeO ul li:not(:first-child) {
    -webkit-margin-start: 20px;
    margin-inline-start:20px}

.Footer_downloadLinks__0FENt {
    display: flex;
    flex-direction: column;
    padding-bottom: 24px;
    padding-top: 16px;
    border-bottom: 1px solid #333
}

@media(min-width: 64em) {
    .Footer_downloadLinks__0FENt {
        width:50%;
        justify-content: flex-end;
        align-items: flex-end
    }
}

.Footer_downloadLinks__0FENt p {
    font-family: SupercellText-Regular,sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: var(--color-white);
    text-decoration: none;
    font-size: 13px!important;
    line-height: 1.5!important;
    margin-bottom: 16px
}

@media(min-width: 48em) {
    .Footer_downloadLinks__0FENt p {
        font-size:18px
    }
}

@media(min-width: 64em) {
    .Footer_downloadLinks__0FENt p {
        display:none
    }
}

.Footer_downloadLinks__0FENt ul {
    display: flex
}

.Footer_downloadLinks__0FENt ul li {
    height: 42px;
    width: auto
}

.Footer_downloadLinks__0FENt ul li:not(:first-child) {
    width: 141px;
    height: 42px;
    -webkit-margin-start: 20px;
    margin-inline-start:20px}

.Footer_legalLinks__rDx00 {
    margin-top: 16px
}

.Footer_legalLinks__rDx00 ul {
    display: flex;
    flex-direction: column
}

@media(min-width: 64em) {
    .Footer_legalLinks__rDx00 ul {
        flex-direction:row
    }
}

.Footer_legalLinks__rDx00 li {
    font-family: SupercellText-Regular,sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: var(--color-white);
    text-decoration: none;
    font-size: 13px!important;
    line-height: 1.5!important;
    margin-top: 8px;
    -webkit-margin-end: 20px;
    margin-inline-end:20px}

@media(min-width: 48em) {
    .Footer_legalLinks__rDx00 li {
        font-size:18px
    }
}

.Footer_information__UWl4t {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%
}

.Footer_information__UWl4t img {
    width: 59px;
    height: 50px
}

.Footer_address__csnq_ {
    margin-top: 32px;
    font-family: SupercellText-Regular,sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #666;
    line-height: 1.5!important;
    font-size: 14px!important
}

@media(min-width: 48em) {
    .Footer_address__csnq_ {
        font-size:18px
    }
}

@keyframes ButtonSupercellId_flare-pulse__hupj1 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes ButtonSupercellId_flare-rotate__RYhzP {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.ButtonSupercellId_buttonSupercellId__JKDji {
    --_color-text: var(--color-text,var(--color-white));
    --_color-bg: var(--color-bg,var(--color-immortal));
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    font-family: SupercellHeadline-Heavy,sans-serif;
    line-height: 140.8%;
    text-transform: uppercase;
    border-radius: 40px;
    color: var(--_color-text);
    background: var(--_color-bg)
}

.ButtonSupercellId_buttonSupercellId__JKDji[data-size=small] {
    height: 40px;
    padding: 8px 24px;
    font-size: 12px;
    line-height: 140.8%;
    letter-spacing: -.24px
}

.ButtonSupercellId_buttonSupercellId__JKDji[data-size=small] svg {
    width: 19px;
    height: 19px
}

.ButtonSupercellId_buttonSupercellId__JKDji[data-size=medium] {
    height: 48px;
    padding: 8px 32px;
    font-size: 16px;
    line-height: 140.8%;
    letter-spacing: -.32px
}

.ButtonSupercellId_buttonSupercellId__JKDji[data-size=medium]:lang(ja) {
    font-size: 13px;
    letter-spacing: -.06em;
    padding: 8px 18px
}

@media(min-width: 28.125em) {
    .ButtonSupercellId_buttonSupercellId__JKDji[data-size=medium]:lang(ja) {
        font-size:15px;
        padding: 8px 32px
    }
}

.ButtonSupercellId_buttonSupercellId__JKDji[data-size=medium]:lang(ja) svg {
    width: 20px;
    height: auto
}

@media(min-width: 28.125em) {
    .ButtonSupercellId_buttonSupercellId__JKDji[data-size=medium]:lang(ja) svg {
        width:28px
    }
}

.ButtonSupercellId_buttonSupercellId__JKDji[data-size=medium] svg {
    width: 28px;
    height: 26px
}

.ButtonSupercellId_buttonSupercellId__JKDji[data-size=large] {
    height: 56px;
    padding: 8px 32px;
    font-size: 16px;
    line-height: 140.8%;
    letter-spacing: -.32px
}

.ButtonSupercellId_buttonSupercellId__JKDji[data-size=large] svg {
    width: 28px;
    height: 26px
}

.ButtonSupercellId_buttonSupercellId__JKDji[data-variant=black] {
    --color-bg: #000;
    --color-text: var(--color-white)
}

.ButtonSupercellId_buttonSupercellId__JKDji[data-variant=blue] {
    --color-bg: #2d85f3;
    --color-text: var(--color-white)
}

.ButtonSupercellId_buttonSupercellId__JKDji[data-variant=white] {
    --color-bg: var(--color-white);
    --color-text: #000
}

.ButtonSupercellId_buttonSupercellId__JKDji:not(:disabled) {
    cursor: pointer
}

@keyframes Loader_flare-pulse__MGXlO {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes Loader_flare-rotate__tl9Cu {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes Loader_loaderSpinAnimation__7UhgX {
    0% {
        transform: scaleX(-1) rotate(270deg)
    }

    to {
        transform: scaleX(-1) rotate(-90deg)
    }
}

@keyframes Loader_loaderShapeAnimation__vVyeH {
    0% {
        stroke-dashoffset: 87.3977661133
    }

    to {
        stroke-dashoffset: 262.1932983398
    }
}

.Loader_loader__WB6Pt {
    display: inline-block;
    width: 100%;
    height: auto;
    max-width: 36px;
    max-height: 36px;
    animation: Loader_loaderSpinAnimation__7UhgX 1.4s infinite var(--ease-in-out-cubic)
}

.Loader_circle__J6FZK {
    stroke-dasharray: 87.3977661133;
    stroke-dashoffset: 87.3977661133;
    animation: Loader_loaderShapeAnimation__vVyeH 1.4s infinite var(--ease-in-out-cubic)
}

@keyframes NavMenu_flare-pulse__VGCN6 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes NavMenu_flare-rotate__K5JMY {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.NavMenu_navMenuTrigger__KWWpM {
    cursor: pointer
}

.NavMenu_navMenuOverlay___G_fY {
    --_menu-layer: calc(var(--layer-header) - 1);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.65);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    margin: 0;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    z-index: var(--_menu-layer)
}

.NavMenu_navMenuOverlay___G_fY[data-open=false] {
    transition-delay: .05s
}

.NavMenu_navMenuOverlay___G_fY[data-open=true] {
    pointer-events: auto;
    opacity: 1
}

.NavMenu_navMenuContent__tsYhv {
    position: absolute;
    inset-inline-end: 0;
    background-color: #fff;
    width: 400px;
    max-width: 100%;
    height: 100%;
    transform: translateX(100%);
    transition: transform .4s cubic-bezier(.97,.01,.43,.99);
    will-change: transform
}

[dir=rtl] .NavMenu_navMenuContent__tsYhv {
    transform: translateX(-100%)
}

.NavMenu_navMenuContent__tsYhv[data-open=false] {
    transition-delay: .2s
}

.NavMenu_navMenuContent__tsYhv[data-open=true] {
    transform: translateX(0)
}

.NavMenu_navMenu__VwtK2 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.NavMenu_logo__ttf0z {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.NavMenu_logo__ttf0z:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    inset: -1rem
}

.NavMenu_userActions__OqYI1 {
    -webkit-margin-start: auto;
    margin-inline-start:auto}

.NavMenu_userAccount__Z8Vdx {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.NavMenu_userAccount__name__zUqev {
    -webkit-margin-start: 8px;
    margin-inline-start:8px;font-family: SupercellText-Medium,sans-serif;
    font-size: 14px;
    line-height: 1.4;
    display: none
}

@media(min-width: 48em) {
    .NavMenu_userAccount__name__zUqev {
        font-size:16px
    }
}

@media(min-width: 64em) {
    .NavMenu_userAccount__name__zUqev {
        display:block
    }
}

.NavMenu_userAvatar__hnEqJ {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(71,69,156,.24)
}

@keyframes Header_flare-pulse__m_wY5 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes Header_flare-rotate__3KMDj {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.Header_header__gtmFw {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--layer-header);
    width: 100%;
    padding-inline:var(--layout-margin);height: var(--header-height);
    background-color: var(--color-header-bg);
    color: var(--color-black);
    display: flex;
    align-items: center;
    transition: transform .3s ease-in-out;
    justify-content: flex-end;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    pointer-events: auto;
    border-bottom: 2px solid var(--color-header-border)
}

.Header_header__gtmFw[data-show=false] {
    transform: translateY(-100%)
}

.Header_nav__oxqCq {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--spacing-12,12px);
    width: 100%;
    max-width: var(--layout-max-width);
    margin-inline:auto}

.Header_nav__logoAndPoints__pm7h0 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-8);
    flex-grow: 1
}

.Header_nav__logo__3uSMO {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer
}

.Header_nav__logo__3uSMO:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    inset: -1rem;
    cursor: auto
}

.Header_nav__points__JcXCN {
    display: flex;
    gap: var(--spacing-4);
    font-family: SupercellHeadline-Bold,sans-serif;
    font-size: 16px
}

.Header_nav__loader__ndvwp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px
}

.Header_nav__userActionsContainer__D7bzd {
    cursor: auto
}

.Header_nav__userActions__3ndW2 {
    position: relative;
    -webkit-margin-start: auto;
    margin-inline-start:auto;display: flex;
    align-items: center;
    gap: var(--spacing-8,8px);
    padding: var(--spacing-4,4px) 10px var(--spacing-4,4px) 6px;
    border-radius: var(--spacing-24,24px);
    background: var(--color-white);
    cursor: pointer
}

.Header_nav__userActions__3ndW2:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    inset: -1rem;
    cursor: auto
}

.Header_notification__o1EGg {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: var(--color-white)
}

.Header_notification__o1EGg:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    inset: -1rem;
    cursor: auto
}

.Header_notification__dot__7q4KL {
    position: absolute;
    right: 1px;
    top: 2px;
    width: 9px;
    height: 9px;
    background-color: var(--color-notification);
    border-radius: 8px
}

.Header_userAccount__JRmMm {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.Header_userAccount__name__1S69y {
    -webkit-margin-start: 8px;
    margin-inline-start:8px;font-family: SupercellText-Medium,sans-serif;
    font-size: 14px;
    line-height: 1.4;
    display: none
}

@media(min-width: 48em) {
    .Header_userAccount__name__1S69y {
        font-size:16px
    }
}

@media(min-width: 64em) {
    .Header_userAccount__name__1S69y {
        display:block
    }
}

.Header_userAccount__avatar__fJYUc {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer
}

.Header_userAccount__avatar__fJYUc:after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--gradient-profilepic);
    pointer-events: none
}

.Header_hamburgerMenu__25DwF {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2px;
    z-index: 2;
    cursor: pointer;
    padding: 2px
}

.Header_hamburgerMenu__25DwF:only-of-type {
    margin-left: 4px
}

.Header_hamburgerMenu__line___gy7M {
    width: 100%;
    height: 2px;
    background: #000;
    margin: 2px 0;
    transition: all .4s ease;
    border-radius: 2px;
    background: var(--gradient-header-rain)
}

.Header_hamburgerMenu__25DwF[data-open=true] .Header_hamburgerMenu__line___gy7M:first-child {
    display: none
}

.Header_hamburgerMenu__25DwF[data-open=true] .Header_hamburgerMenu__line___gy7M:nth-child(2) {
    transform: rotate(-45deg)
}

.Header_hamburgerMenu__25DwF[data-open=true] .Header_hamburgerMenu__line___gy7M:last-child {
    margin-top: -6px;
    transform: rotate(45deg)
}

.Header_navMenu__ATzEX {
    display: flex;
    flex-direction: column;
    padding-top: var(--header-height)
}

.Header_navMenu__main__i4Y7P {
    padding: 32px;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.Header_navMenu__link__A6i0V {
    font-family: SupercellHeadline-Heavy,sans-serif;
    font-size: 32px;
    line-height: 1.05;
    letter-spacing: -.02em
}

@media(min-width: 48em) {
    .Header_navMenu__link__A6i0V {
        font-size:40px
    }
}

.Header_navMenu__link__A6i0V:not(:last-child) {
    margin-bottom: 20px
}

.Header_navMenu__supportLink__XzhMh {
    display: flex;
    gap: 8px;
    align-items: center
}

.Header_navMenu__supportLink__XzhMh svg {
    width: 20px;
    height: 20px
}

.Header_navMenu__logoutBtn__uVH0_ {
    display: flex;
    gap: 8px;
    align-items: center
}

.Header_navMenu__settings__ACXXa {
    border-top: 1px solid var(--color-immortal);
    width: 100%;
    padding: 32px
}

.Header_navMenu__settings__ACXXa>*+* {
    margin-top: 16px
}

@keyframes Button_flare-pulse__Cs39b {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes Button_flare-rotate__lJsHa {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.Button_button__ZIi1r {
    --_color-text: var(--color-text,var(--color-white));
    --_color-bg: var(--color-bg,var(--color-immortal));
    --_border-radius: var(--border-radius,40px);
    border-radius: var(--_border-radius);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: SupercellText-Bold,sans-serif;
    font-size: 16px;
    line-height: 22.53px;
    text-transform: uppercase;
    color: var(--_color-text);
    background: var(--_color-bg);
    text-align: center
}

.Button_button__ZIi1r[data-size=small] {
    padding: 16px 24px;
    height: 40px
}

.Button_button__ZIi1r[data-size=medium] {
    padding: 16px 32px;
    height: 48px
}

.Button_button__ZIi1r[data-size=large] {
    padding: 16px 32px;
    height: 56px
}

.Button_button__ZIi1r[data-variant=primary] {
    --color-text: var(--color-white);
    --color-bg: var(--gradient-electric-rain)
}

.Button_button__ZIi1r[data-variant=primary][data-inverted=true] {
    --color-text: var(--color-purple-rain);
    --color-bg: var(--color-white)
}

.Button_button__ZIi1r[data-variant=secondary] {
    --color-text: var(--color-purple-rain);
    --color-bg: transparent;
    border: 2px solid var(--color-purple-rain)
}

.Button_button__ZIi1r[data-variant=secondary][data-inverted=true] {
    --color-text: var(--color-white);
    --color-bg: transparent;
    border: 2px solid var(--color-white)
}

.Button_button__ZIi1r[data-variant=transparent] {
    font-family: SupercellText-Regular;
    font-weight: 400;
    font-size: medium;
    text-transform: none;
    text-shadow: 0 4px 4px rgba(var(--color-white),.25);
    --color-text: var(--color-legend);
    --color-bg: transparent;
    border: none;
    -webkit-text-decoration: underline 1px solid var(--color-legend);
    text-decoration: underline 1px solid var(--color-legend);
    text-underline-offset: 6px
}

.Button_button__ZIi1r:disabled {
    opacity: .3
}

.Button_button__ZIi1r:not(:disabled) {
    cursor: pointer
}

@keyframes Modal_flare-pulse__9mBCW {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes Modal_flare-rotate__TSB1t {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.Modal_modalOverlay__7MjuS {
    position: fixed;
    top: var(--header-height);
    left: 0;
    width: 100%;
    height: calc(100% - var(--header-height));
    animation: Modal_fadeIn__Pp754 .3s cubic-bezier(.16,1,.3,1);
    z-index: var(--layer-modal);
    background-color: rgba(0,0,0,.7)
}

.Modal_spacerTop___Y7mo {
    flex: 1 1;
    min-height: 0
}

@media(min-width: 48em)and (min-height:659px) {
    .Modal_spacerTop___Y7mo {
        min-height:30px
    }
}

.Modal_spacerBottom__u1qbS {
    flex: 0 1;
    min-height: 0
}

@media(min-width: 48em)and (min-height:659px) {
    .Modal_spacerBottom__u1qbS {
        min-height:32px;
        flex: 1 1
    }
}

.Modal_modalScroller___kn4r {
    overflow: scroll;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
    width: 100%;
    height: 100%
}

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

@media(min-width: 48em)and (min-height:659px) {
    .Modal_modalScroller___kn4r {
        width:-moz-fit-content;
        width: fit-content
    }
}

.Modal_modalContent__8WDJT {
    position: relative;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    animation: Modal_slideUp__zlHBS .35s cubic-bezier(.97,.01,.43,.99);
    border-radius: var(--spacing-24) var(--spacing-24) 0 0;
    box-shadow: 0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2)
}

.Modal_modalContent__8WDJT[data-game=brawlstars] {
    background: var(--color-details-bg)
}

.Modal_modalContent__8WDJT[data-game=clashofclans] {
    background: var(--gradient-coc-details-bg)
}

.Modal_modalContent__8WDJT[data-game=clashroyale],.Modal_modalContent__8WDJT[data-game=squadbusters] {
    background: var(--color-details-bg)
}

.Modal_modalContent__8WDJT[data-game=hayday] {
    background: var(--gradient-hd-details-bg)
}

.Modal_modalContent__8WDJT[data-height=full] {
    height: 100%;
    border-radius: 0
}

@media(min-width: 48em)and (min-height:659px) {
    .Modal_modalContent__8WDJT {
        width:90vw;
        max-width: 524px;
        border-radius: var(--spacing-24);
        animation-name: Modal_fadeIn__Pp754;
        box-shadow: 0 30px 20px -20px rgba(0,0,0,.6)
    }

    .Modal_modalContent__8WDJT[data-height=full] {
        height: auto
    }

    .Modal_modalContent__8WDJT[data-game=clashofclans] {
        border: var(--card-border-coc);
        border-width: var(--card-border-width-coc);
        border-radius: var(--spacing-24)
    }

    .Modal_modalContent__8WDJT[data-game=clashofclans]:before {
        content: "";
        position: absolute;
        inset: 0;
        padding: .125rem;
        background: var(--gradient-inner-border);
        -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
        mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        border-radius: inherit;
        pointer-events: none
    }

    .Modal_modalContent__8WDJT[data-game=brawlstars] {
        border: var(--card-border-bs);
        border-radius: var(--spacing-24)
    }

    .Modal_modalContent__8WDJT[data-game=clashroyale] {
        border: var(--card-border-cr);
        border-width: var(--card-border-width-cr);
        border-radius: var(--spacing-24)
    }

    .Modal_modalContent__8WDJT[data-game=clashroyale]:before {
        content: "";
        position: absolute;
        inset: 0;
        padding: .125rem;
        background: var(--gradient-inner-border-darker);
        -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
        mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        border-radius: inherit;
        pointer-events: none
    }

    .Modal_modalContent__8WDJT[data-game=squadbusters] {
        border: var(--card-border-sb);
        border-radius: var(--spacing-24)
    }

    .Modal_modalContent__8WDJT[data-game=hayday] {
        border: var(--card-border-hd);
        border-radius: var(--spacing-24)
    }
}

.Modal_modalContent__8WDJT:focus {
    outline: none
}

@keyframes Modal_fadeIn__Pp754 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes Modal_slideUp__zlHBS {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes DebugMenu_flare-pulse__tUE89 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes DebugMenu_flare-rotate__No1_H {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.DebugMenu_debugToggle__quK4z {
    position: absolute;
    top: 62px;
    left: 0;
    height: var(--spacing-32);
    width: var(--spacing-32);
    z-index: calc(var(--layer-header) - 5);
    transition: all .5s;
    opacity: 0
}

@media(min-width: 48em) {
    .DebugMenu_debugToggle__quK4z {
        top:80px
    }
}

.DebugMenu_debugToggle__quK4z:hover {
    opacity: 1;
    cursor: pointer
}

.DebugMenu_debugToggleElement__6__5w {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-16);
    padding: 4px 0
}

.DebugMenu_debugToggleElement__6__5w select {
    border: 1px solid #000;
    padding: 4px
}

.DebugMenu_modal__Eyg_U {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-24);
    flex: 1 1;
    width: 100%;
    height: 100%;
    padding: 32px
}

@media(min-width: 48em)and (min-height:659px) {
    .DebugMenu_modal__Eyg_U {
        border-radius:var(--spacing-24);
        box-shadow: none
    }
}

.DebugMenu_modal__Eyg_U .DebugMenu_button__B1iok {
    margin-top: auto
}

@import"https://cdn.supercell.com/fonts/supercell/fonts_supercelltext_full.css";@import"https://cdn.supercell.com/fonts/supercell/fonts_supercellheadline.css";@import"https://cdn.supercell.com/onetrust/supercell/onetrust_override.css";@font-face {
    font-family: clash-light;
    src: url(../fonts/clash-light.woff2) format("woff2"),url(../fonts/clash-light.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: clash-regular;
    src: url(../fonts/clash-regular.woff2) format("woff2"),url(../fonts/clash-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: clash-bold;
    src: url(../fonts/clash-bold.woff2) format("woff2"),url(../fonts/clash-bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: clash-heavy;
    src: url(../fonts/clash-heavy.woff2) format("woff2"),url(../fonts/clash-heavy.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: Clash-CN;
    src: url(../fonts/clash-royale-cn.woff2) format("woff2"),url(../fonts/clash-royale-cn.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: Clash-KR;
    src: url(../fonts/SC_COC_Display_appBold.woff2) format("woff2"),url(../fonts/SC_COC_Display_appBold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: Clash-JP;
    src: url(../fonts/tt-shin-go-clash.woff2) format("woff2"),url(../fonts/tt-shin-go-clash.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: Lilita;
    src: url(../fonts/LilitaOne-regular.woff2) format("woff2"),url(../fonts/LilitaOne-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: ProximaNovaSemiBold;
    src: url(../fonts/proxima_nova_semibold.woff2) format("woff2"),url(../fonts/proxima_nova_semibold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: brawl-fallback;
    src: url(../fonts/Pusia-Bold.woff2) format("woff2"),url(../fonts/Pusia-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: Squad;
    src: url(../fonts/SquadLatin-Black.woff2) format("woff2"),url(../fonts/SquadLatin-Black.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: Squad-JP;
    src: url(../fonts/squad-jp.woff2) format("woff2"),url(../fonts/squad-jp.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: Squad-KR;
    src: url(../fonts/squad-kr.woff2) format("woff2"),url(../fonts/squad-kr.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@font-face {
    font-family: HayDay;
    src: url(../fonts/SC_SecretOriginsBB.woff2) format("woff2"),url(../fonts/SC_SecretOriginsBB.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap
}

@keyframes PageNotFound_flare-pulse__uo_v7 {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(1.1)
    }

    50% {
        transform: scale(.95)
    }

    75% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

@keyframes PageNotFound_flare-rotate__aeibw {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.PageNotFound_pageNotFound__GnZYW {
    margin-top: calc(var(--header-height) + .5rem);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: var(--color-immortal);
    color: var(--color-white)
}

.PageNotFound_pageNotFound__GnZYW>*+* {
    margin-top: 2rem
}

.PageNotFound_pageNotFound__GnZYW h1 {
    font-family: SupercellHeadline-Heavy,sans-serif;
    font-size: 40px;
    line-height: 1.05;
    letter-spacing: -.035em;
    text-wrap: balance;
    max-width: var(--text-max-width);
    text-align: center
}

@media(min-width: 48em) {
    .PageNotFound_pageNotFound__GnZYW h1 {
        font-size:80px
    }
}

.PageNotFound_pageNotFound__GnZYW p {
    text-align: center;
    -webkit-padding-start: var(--spacing-8);
    padding-inline-start:var(--spacing-8);-webkit-padding-end: var(--spacing-8);
    padding-inline-end:var(--spacing-8)}

.PageNotFound_heading__vgL7l {
    text-wrap: balance;
    max-width: var(--text-max-width);
    text-align: center
}

.PageNotFound_body__YETZi {
    text-align: center;
    -webkit-padding-start: var(--spacing-8);
    padding-inline-start:var(--spacing-8);-webkit-padding-end: var(--spacing-8);
    padding-inline-end:var(--spacing-8)}

.PageNotFound_uppercase__hlfr8 {
    text-transform: uppercase
}