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

@font-face{
  font-family:"Inter";
  src:url("/fonts/Inter-Bold.woff2") format("woff2"), url("/fonts/Inter-Bold.woff") format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

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

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

@font-face{
    font-family:"Orbitron";
    src:url("/fonts/orbitron-v35-latin-500.woff2") format("woff2"), url("/fonts/orbitron-v35-latin-500.woff") format("woff");
    font-weight:500;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"Orbitron";
    src:url("/fonts/orbitron-v35-latin-700.woff2") format("woff2"), url("/fonts/orbitron-v35-latin-700.woff") format("woff");
    font-weight:700;
    font-style:normal;
    font-display:swap;
}

@font-face{
    font-family:"Orbitron";
    src:url("/fonts/orbitron-v35-latin-900.woff2") format("woff2"), url("/fonts/orbitron-v35-latin-900.woff") format("woff");
    font-weight:900;
    font-style:normal;
    font-display:swap;
}

html{
    scrollbar-width:none;
    -ms-overflow-style:none;
}

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

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
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{
    display:block;
}

body{
    line-height:1;
}

ol,
ul{
    list-style:none;
}

blockquote,
q{
    quotes:none;
}

blockquote::after,
blockquote::before,
q::after,
q::before{
    content:"";
    content:none;
}

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

*{
    box-sizing:border-box;
    margin:0;
    padding:0;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

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

img{
    display:block;
    max-width:100%;
    height:auto;
}

button{
    cursor:pointer;
    border:none;
    background:none;
    font:inherit;
    color:inherit;
}

:root{
    --font-primary:"Orbitron", sans-serif;
    --font-secondary:"Inter", sans-serif;
    --color-bg:#0a0a0a;
    --color-text-main:#ffffff;
    --color-accent-1:#AFDFD4;
    --color-accent-2:#A894FF;
    --color-accent-3:#DDB26A;
    --z-consent:10000;
    --z-logo:9000;
    --z-overlay:8000;
    --z-popup:7000;
    --z-content:1;
}

body{
    font-family:var(--font-primary);
    color:var(--color-text-main);
    background-color:#1C1937;
    min-height:100dvh;
    min-height:100vh;
    display:flex;
    flex-direction:column;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

@media (max-width: 767px){

body{
        background:radial-gradient(89.91% 35.1% at 50% 64.9%, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.34) 100%), linear-gradient(180deg, rgba(6, 7, 7, 0.18) 0%, rgba(6, 7, 7, 0.92) 78.36%), url("/images/bg-main.avif") lightgray 0.212px 0px / 100% 100% no-repeat;
        background-size:cover;
        background-position:center;
}
    }

body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-2;
    background:url("/images/bg-main2.avif") no-repeat center 75%;
    background-size:cover;
}

@media (max-width: 767px){

body::before{
        background:none;
}
    }

.title-casual{
    color:var(--color-text-main);
    text-align:center;
    font-family:var(--font-primary);
    font-size:clamp(2.75rem, 1.812vw + 2.325rem, 4.5rem);
    font-style:normal;
    font-weight:500;
    line-height:1;
    text-transform:uppercase;
    z-index:10;
}

.divider{
    width:100%;
    height:1px;
    background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), transparent);
    margin:24px 0;
}

.unselectable{
    user-select:none;
    -webkit-user-select:none;
}

.undraggable{
    -webkit-user-drag:none;
    user-drag:none;
}

.text-selectable{
    user-select:text;
    -webkit-user-select:text;
}

.dk{
    display:block;
}

.mb{
    display:none;
}

@media (max-width: 767px){
    .dk{
        display:none;
    }

    .mb{
        display:block;
    }
}

.loader{
    position:fixed;
    inset:0;
    z-index:var(--z-overlay);
    transition:opacity 0.3s ease;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#1C1937;
}

.loader .loader__inner{
        width:160px;
        aspect-ratio:1;
        --c:no-repeat linear-gradient(#ed23d9ad 0 0);
        background:var(--c), var(--c), var(--c);
        animation:l16-0 1s forwards, l16-1 1s infinite, l16-2 1s infinite;
    }

@media (max-width: 767px){

.loader .loader__inner{
            width:90px;
    }
        }

@keyframes l16-0{

    0%{
        opacity:0;
    }

    100%{
        opacity:1;
    }
}

@keyframes l16-1{

    0%,
    100%{
        background-size:20% 100%
    }

    33%,
    66%{
        background-size:20% 40%
    }
}

@keyframes l16-2{

    0%,
    33%{
        background-position:0 0, 50% 100%, 100% 0
    }

    66%,
    100%{
        background-position:0 100%, 50% 0, 100% 100%
    }
}

.loader::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    background:radial-gradient(89.91% 35.1% at 50% 64.9%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.24) 10%), linear-gradient(180deg, rgba(0, 0, 0, 0.18) 10%, rgba(0, 0, 0, 0.5) 99.81%);
}

.loader.hide{
    opacity:0;
    pointer-events:none;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position:relative;
    cursor:pointer;
    text-decoration:none;

    padding:12px 40px;
    gap:10px;
    border-radius:12px;
    border:2px solid rgba(255, 255, 255, 0.16);
}

.btn--primary{
    position:relative;
    z-index:1;
    background:radial-gradient(100% 92.23% at 50.19% 0%, #B187EB 0%, #6F52F0 75.92%);
    box-shadow:0 0 12px 0 rgba(111, 82, 240, 0.40), 0 0 40px 0 rgba(111, 82, 240, 0.24);
    overflow:hidden;
    transition:all 0.4s ease;
}

.btn--primary::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1;
    background:radial-gradient(340.28% 92.23% at 50.19% 0%, #CCA8FF 0%, #6F52F0 75.92%);
    opacity:0;
    transition:all 0.4s ease;
}

.btn--primary:hover::before{
    opacity:1;
}

.btn--primary:hover{
    box-shadow:0 0 22px 0 rgba(111, 82, 240, 0.85), 0 0 40px 0 rgba(111, 82, 240, 0.65);
}

.btn--inactive{
    position:relative;
    z-index:1;
    background:radial-gradient(100% 92.23% at 50.19% 0%, #919191 0%,#6b6b6b 75.92%);
    overflow:hidden;
    padding:0.75rem 2.5rem;
    gap:0.625rem;
    flex-shrink:0;
    width:12rem;
    height:2.85rem;
}

.btn__img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
}

.btn__text{
    color:var(--color-text-main);
    font-family:var(--font-primary);
    font-size:18px;
    font-style:normal;
    font-weight:600;
    line-height:normal;
    text-transform:uppercase;
}

a, button, input, textarea{
    -webkit-appearance:none;
}

.screen--fair, .screen--start, .screen--activate {
    display: none;
}

.screen--fair.show, .screen--start.show, .screen--activate.show {
    display:flex;
    flex-direction:column;
}

[data-section]{
    display:none;
}

[data-section].show{
    display:block;
}

[data-popup]{
    display:none;
}

[data-popup].show{
    display:flex;
}

[data-cookie="banner"]{
    display:none;
}

[data-cookie="banner"].show{
    display:block;
}

.header{
	position:absolute;
	top:0;
	left:0;
	z-index:var(--z-logo);
	width:100%;
	padding:2rem 2rem;
	pointer-events:none;
	transition:opacity 0.2s ease;
}

@media (max-width: 767px){

.header{
		padding:1.1rem;
}
	}

@media (min-width: 768px) and (max-width: 1023px){

.header{
		padding:1.5rem;
}
	}

@media (min-width: 1024px) and (max-width: 1919px){

.header{
		padding:1.75rem;
}
	}

.header__logo{
	display:inline-flex;
	align-items:center;
	pointer-events:auto;
	filter:drop-shadow(1px 1px 0 #444444);
}

@media (max-width: 767px){

.header__logo{
		padding:0.4rem;
}
	}

.header__logo-img{
	height:3.2rem;
}

@media (max-width: 767px){

.header__logo-img{
		height:2rem;
}
	}

@media (min-width: 768px) and (max-width: 1023px){

.header__logo-img{
		height:2.25rem;
}
	}

@media (min-width: 1024px) and (max-width: 1919px){

.header__logo-img{
		height:2.75rem;
}
	}

@media (min-width: 2560px){

.header__logo-img{
		height:3.75rem;
}
	}

@media (min-width: 3840px){

.header__logo-img{
		height:4rem;
}
	}

.main{
    position:relative;
    width:100%;
    display:flex;
    justify-content:center;
    flex:1;
    min-height:0;
}

@media (max-width: 767px){

.main{
        overflow:hidden;
}
    }

.content{
    position:relative;
    width:100%;
    max-width:1440px;
    flex:1;
    display:flex;
    flex-direction:column;
    min-height:0;

}

@media (max-width: 767px){

.content{
        overflow:hidden;

}
    }

.screen{
    flex:1;
    min-height:0;
    width:100%;
}

.screen--start{
    opacity:0;
    transform:translateY(-50px) scale(0.75);
    animation:screen-in 1.1s forwards ease-in-out;
}

@media (max-width: 767px){

.screen--start{
        overflow:hidden;
}
    }

.screen--start .start{
        flex:1;
        display:flex;
        flex-direction:column;
        align-items:center;
        width:100%;
    }

@media (max-width: 767px){

.screen--start .start{
            padding:0 1.25rem;
    }

        }

:is(.screen--start .start) .start__subtitle{
            color:var(--color-text-main);
            font-family:var(--font-secondary);
            font-size:16px;
            font-style:normal;
            font-weight:400;
            line-height:normal;
            margin-top:60px;
            opacity:0.85;
        }

@media (max-width: 767px){

:is(.screen--start .start) .start__subtitle{
                margin-top:6dvh;
                margin-top:6vh;
                font-size:16px;
        }
            }

@media (min-width: 768px) and (max-width: 1023px){

:is(.screen--start .start) .start__subtitle{
                margin-top:5vh;
        }
            }

@media (min-width: 1024px) and (max-width: 1919px){

:is(.screen--start .start) .start__subtitle{
                margin-top:7vh;
        }
            }

:is(.screen--start .start) .start__title{
            color:var(--color-text-main);
            text-align:center;
            font-family:var(--font-primary);
            font-size:96px;
            font-style:normal;
            font-weight:500;
            line-height:normal;
            text-transform:uppercase;
            margin-top:80px;
        }

@media (max-width: 767px){

:is(.screen--start .start) .start__title{
                font-size:clamp(2.5rem, 15vw, 5rem);
                text-align:center;
                margin-top:22dvh;
                margin-top:22vh;
                line-height:1.05;
                flex-shrink:0;
        }
            }

@media (min-width: 768px) and (max-width: 1023px){

:is(.screen--start .start) .start__title{
                font-size:clamp(2.5rem, 15vw, 5rem);
        }
            }

@media (min-width: 1024px) and (max-width: 1919px){

:is(.screen--start .start) .start__title{
                font-size:clamp(2.5rem, 15vw, 5rem);
        }
            }

:is(.screen--start .start) .start__cta-label{
            color:var(--color-text-main);
            text-align:center;
            font-family:var(--font-primary);
            font-size:24px;
            font-style:normal;
            font-weight:400;
            line-height:normal;
            text-transform:uppercase;
            margin-top:90px;
        }

@media (max-width: 767px){

:is(.screen--start .start) .start__cta-label{
                font-size:18px;
                text-align:center;
                margin-top:3dvh;
                margin-top:3vh;
        }
            }

@media (min-width: 768px) and (max-width: 1023px){

:is(.screen--start .start) .start__cta-label{
                font-size:20px;
        }
            }

@media (min-width: 1024px) and (max-width: 1919px){

:is(.screen--start .start) .start__cta-label{
                font-size:20px;
        }
            }

:is(.screen--start .start) .start__btn{
            flex:1;
            display:flex;
            align-items:center;
            justify-content:center;
            width:100%;
            transform:translateY(100px) scale(1.5);
            animation:start__btn-in 0.5s forwards ease-out;
            animation-delay:0.6s;
        }

@media (max-width: 767px){

:is(.screen--start .start) .start__btn{
                padding-top:4.5rem;
                animation:none;
                transform:none;
        }
            }

@media (max-width: 767px){

:is(:is(.screen--start .start) .start__btn) .btn{
                    width:100%;
            }
                }

.screen--fair{
    position:relative;
}

@media (max-width: 767px){

.screen--fair{
        overflow:hidden;
}
    }

.screen--fair .fair{
        position:relative;
        z-index:2;
        flex:1;
        display:flex;
        flex-direction:column;
        align-items:center;
        width:100%;
    }

@media (max-width: 767px){

.screen--fair .fair{
            padding:10dvh 1.25rem 0 1.25rem;
            padding:10vh 1.25rem 0 1.25rem;
    }
        }

:is(.screen--fair .fair) .fair__text-box{
            transition:transform 0.4s;
        }

@media (max-width: 767px){

:is(.screen--fair .fair) .fair__text-box{

                max-width:400px;
        }
            }

:is(.screen--fair .fair) .fair__title-box{
            margin-top:90px;
        }

@media (max-width: 767px){

:is(.screen--fair .fair) .fair__title-box{
                margin-top:0;
        }
            }

@media (min-width: 768px) and (max-width: 1023px){

:is(.screen--fair .fair) .fair__title-box{
                margin-top:6rem;
        }
            }

@media (min-width: 1024px) and (max-width: 1919px){

:is(.screen--fair .fair) .fair__title-box{
                margin-top:4.5rem;
        }
            }

:is(:is(.screen--fair .fair) .fair__title-box) .fair__divider{
                margin:15px 0;
            }

@media (max-width: 767px){

:is(:is(.screen--fair .fair) .fair__title-box) .fair__divider{
                    margin-top:8px;
                    margin-bottom:8px;
            }
                }

@media (min-width: 768px) and (max-width: 1023px){

:is(:is(.screen--fair .fair) .fair__title-box) .fair__divider{
                    margin-top:0.7rem;
                    margin-bottom:0.7rem;
            }
                }

@media (min-width: 1024px) and (max-width: 1919px){

:is(:is(.screen--fair .fair) .fair__title-box) .fair__divider{
                    margin-top:0.7rem;
                    margin-bottom:0.7rem;
            }
                }

:is(.screen--fair .fair) .fair__title-box{

            opacity:0;
            animation:vignette-fade 1.5s forwards ease-in-out;
        }

:is(.screen--fair .fair) .fair__subtitle{
            color:var(--color-text-main);
            text-align:center;
            font-family:var(--font-secondary);
            font-size:clamp(1rem, 0.518vw + 0.879rem, 1.5rem);
            font-style:normal;
            font-weight:900;
            line-height:normal;
            text-transform:uppercase;
            opacity:0;
            animation:vignette-fade 1.5s forwards ease-in-out;
            animation-delay:0.4;
        }

:is(.screen--fair .fair) .fair__tooltip{
            pointer-events:none;
            margin:40px auto 0 auto;
            padding:16px 40px;
            gap:10px;
            width:fit-content;
            border-radius:12px;
            border:1px solid rgba(255, 255, 255, 0.16);
            background:radial-gradient(100% 92.23% at 50.19% 0%, rgba(255, 255, 255, 0.04) 0%, rgba(183, 183, 183, 0.04) 75.92%);
            backdrop-filter:blur(20px);
            opacity:0;
            animation:vignette-fade 1.5s forwards ease-in-out;
            animation-delay:0.8;
        }

@media (max-width: 767px){

:is(.screen--fair .fair) .fair__tooltip{
                margin:2rem auto 0 auto;
                padding:0.5rem 1.5rem;
                justify-content:center;
                align-items:center;
                gap:0.625rem;
        }
            }

@media (min-width: 768px) and (max-width: 1023px){

:is(.screen--fair .fair) .fair__tooltip{
                margin:2.2rem auto 0.9rem auto;
                padding:1rem 2rem;
        }
            }

@media (min-width: 1024px) and (max-width: 1919px){

:is(.screen--fair .fair) .fair__tooltip{
                margin:2.2rem auto 0.9rem auto;
                padding:1rem 2rem;
        }
            }

:is(:is(.screen--fair .fair) .fair__tooltip) .fair__tooltip-text{
                color:var(--color-text-main);
                text-align:center;
                font-family:var(--font-primary);
                font-size:clamp(0.7rem, 0.777vw + 0.568rem, 1.5rem);
                font-style:normal;
                font-weight:600;
                line-height:normal;
                text-transform:uppercase;

            }

:is(.screen--fair .fair) .fair__booths{
            margin-top:auto;
            display:flex;
            justify-content:space-between;
            align-items:flex-end;
            position:relative;
        }

@media (max-width: 767px){

:is(.screen--fair .fair) .fair__booths{
                margin-bottom:0;
                justify-content:center;
        }

                :is(:is(.screen--fair .fair) .fair__booths):has(.booth-detail.show) > .fair__booth{
                    visibility:hidden;
                }
                :is(:is(.screen--fair .fair) .fair__booths):has(.booth-detail.show) > .fair__booth:has(.booth-detail.show){
                    visibility:visible;
                    position:absolute;
                    left:0;
                    right:0;
                    bottom:0;

                    margin-inline:auto;

                }
            }

@media (min-width: 768px) and (max-width: 1023px){

:is(.screen--fair .fair) .fair__booths{
                margin-bottom:auto;
        }
            }

@media (min-width: 1024px) and (max-width: 1919px){

:is(.screen--fair .fair) .fair__booths{
                margin-bottom:auto;
        }
            }

:is(:is(.screen--fair .fair) .fair__booths) .fair__booth{
                display:flex;
                flex-direction:column;
                align-items:center;
                flex-shrink:0;
                position:relative;
                opacity:0;
                animation:booth-drop 0.5s ease-out forwards;
            }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .fair__chevron{
                    width:40px;
                    height:40px;
                    background-size:cover;
                    animation:arrow-pulse 2s ease-in-out infinite;
                    transition:opacity 0.3s ease;

                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .fair__booth-visual{
                    transition:transform 0.4s ease;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .fair__booth-visual{
                        transition:none;
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .fair__booth-glow{
                    position:absolute;
                    inset:0;
                    width:100%;
                    height:100%;
                    object-fit:contain;
                    mix-blend-mode:screen;
                    pointer-events:none;
                    animation:booth-glow 3s ease-in-out infinite;
                    left:-20px;
                    top:-8px
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .fair__booth-img{
                    cursor:pointer;
                    z-index: 7;
                    position: relative;
                }

:is(:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .fair__booth-img) img{
                        width:450px;
                        max-width:100%;
                        height:auto;
                        aspect-ratio:1 / 1;
                        display:block;
                        object-fit:cover;
                        image-rendering:-webkit-optimize-contrast;
                    }

@media (max-width: 767px){

:is(:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .fair__booth-img) img{
                            width:clamp(250px, 70vw, 400px);
                    }
                        }

@media (min-width: 768px) and (max-width: 1023px){

:is(:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .fair__booth-img) img{
                            width:clamp(250px, 31.25vw, 320px);
                    }
                        }

@media (min-width: 1024px) and (max-width: 1919px){

:is(:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .fair__booth-img) img{
                            width:clamp(250px, 31.25vw, 320px);
                    }
                        }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail{
                    position:absolute;
                    left:5%;
                    right:5%;
                    bottom:0;
                    top:-50%;
                    z-index:-1;
                    display:flex;
                    flex-direction:column;
                    align-items:center;
                    text-align:center;
                    opacity:0;
                    pointer-events:none;
                    transition:opacity 0.3s ease;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail{
                        top:-10.75rem;
                        left:-5%;
                        right:-5%;
                        transition:none;
                }
                    }

@media (min-width: 768px) and (max-width: 1023px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail{
                        top:-12rem;
                }
                    }

@media (min-width: 1024px) and (max-width: 1919px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail{
                        top:-11rem;
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail--club .booth-detail__title-box{
                    margin-bottom:1.8rem;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail--club .booth-detail__title-box{
                        margin-bottom:0.5rem;
                }
                    }

@media (min-width: 768px) and (max-width: 1023px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail--club .booth-detail__title-box{
                        margin-bottom:0.6rem;
                }
                    }

@media (min-width: 1024px) and (max-width: 1919px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail--club .booth-detail__title-box{
                        margin-bottom:0.6rem;
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail.show{
                    opacity:1;
                    pointer-events:auto;
                    transition:opacity 1s ease;
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail__title-box{

                    position:relative;
                    z-index:1;
                    width:100%;
                    display:flex;
                    flex-direction:column;
                    align-items:center;
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail__title{

                    font-family:var(--font-primary);
                    font-size:clamp(2.125rem, 1.812vw + 1.7rem, 7.875rem);
                    font-weight:500;
                    text-transform:uppercase;
                    color:var(--color-text-main);
                    text-align:center;
                    line-height:1;
                    font-style:normal;


                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail__subtitle{
                    font-family:var(--font-secondary);
                    font-size:clamp(0.625rem, 0.518vw + 0.504rem, 6.125rem);
                    font-weight:700;
                    text-transform:uppercase;
                    margin-top:4px;
                    height:80px;
                    width:100%;
                    padding-top:15px;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail__subtitle{
                        padding-top:12px;
                        height:auto;
                        min-height:3rem;
                }
                    }

@media (min-width: 768px) and (max-width: 1023px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail__subtitle{
                        padding-top:12px;
                        height:auto;
                        min-height:3rem;
                }
                    }

@media (min-width: 1024px) and (max-width: 1919px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .booth-detail__subtitle{
                        padding-top:12px;
                        height:auto;
                        min-height:3rem;
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card{
                    pointer-events:none;
                    position:relative;
                    width:100%;
                    height:100%;
                    border-radius:10px 10px 0 0;
                    backdrop-filter:blur(20px);
                    -webkit-backdrop-filter:blur(20px);
                    padding:20px 28px;
                    display:flex;
                    flex-direction:column;
                    justify-content:flex-start;
                    z-index:-1;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card--club{
                        padding:1.5rem 0.6rem;
                }
                    }

@media (min-width: 768px) and (max-width: 1023px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card--club{
                        padding:1.2rem 0.5rem;
                }
                    }

@media (min-width: 1024px) and (max-width: 1919px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card--club{
                        padding:1.2rem 0.5rem;
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card__header{
                    font-family:var(--font-primary);
                    font-size:16px;
                    font-weight:600;
                    text-transform:uppercase;
                    color:var(--color-text-main);
                    pointer-events:none;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card__header{
                        font-size:1.3rem;
                        font-style:normal;
                        font-weight:500;
                        line-height:1.5rem;
                }

                    }

@media (min-width: 768px) and (max-width: 1023px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card__header{
                        font-size:1rem;
                }
                    }

@media (min-width: 1024px) and (max-width: 1919px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card__header{
                        font-size:1rem;
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card__text{
                    font-family:var(--font-primary);
                    font-size:clamp(0.8rem, 0.583vw + 0.551rem, 1.25rem);
                    font-weight:700;
                    text-transform:uppercase;
                    margin-top:4px;
                    line-height:1.05;
                    pointer-events:none;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card__text{
                        line-height:1.4;
                }

                    }

@media (max-width: 767px){

:is(:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card__text) br{

                            display:none !important;
                    }

                        }

:is(:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card__text) .promo-card__highlight{
                        color:var(--color-text-main);
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card__note{
                    font-family:var(--font-secondary);
                    font-size:clamp(9px, 0.647vw + 0.036rem, 0.813rem);
                    font-weight:700;
                    text-transform:uppercase;
                    color:var(--color-text-main);
                    margin-top:10px;
                    pointer-events:none;

                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card__note{
                        margin-top:1.1rem;

                }
                    }

@media (min-width: 768px) and (max-width: 1023px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card__note{
                        margin-top:1.1rem;

                }
                    }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth) .promo-card--club .promo-card__note{
                        margin-top:0.9rem;
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--key) .booth-detail__subtitle{
                    color:#E2E9C3;
                    border-top:1px solid #E2E9C3;
                    background:linear-gradient(to bottom, rgba(226, 233, 195, 0.25) 0%, transparent 50%);
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--key) .promo-card--key{
                    border-top:1px solid rgba(255, 255, 255, 0.115);
                    border-left:1px solid rgba(255, 255, 255, 0.115);
                    background:linear-gradient(to bottom, rgba(20, 25, 30, 0.85), transparent);
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--key) .promo-card--key{
                        border-right:1px solid rgba(255, 255, 255, 0.115);
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--key) .promo-card__text--key{
                    color:var(--color-accent-1);
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--club) .booth-detail__title-box{
                    white-space:nowrap;


                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--club) .booth-detail__title-box{
                        white-space:inherit;


                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--club) .promo-card--club{
                    border-top:1px solid rgba(255, 255, 255, 0.115);
                    border-left:1px solid rgba(255, 255, 255, 0.115);
                    border-right:1px solid rgba(255, 255, 255, 0.115);
                    background:linear-gradient(to bottom, rgba(20, 25, 30, 0.85), transparent);

                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--club) .promo-card__text--club{
                    color:var(--color-accent-2);
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--club) a{
                    position:absolute;
                    bottom:10px;
                    z-index:100;
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--hell) .booth-detail__subtitle{
                    color:#DDB26A;
                    border-top:1px solid #DDB26A;
                    background:linear-gradient(to bottom, rgba(255, 255, 255, 0.25) 0%, transparent 50%);
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--hell) .promo-card--hell{
                    border-top:1px solid rgba(255, 255, 255, 0.115);
                    border-right:1px solid rgba(255, 255, 255, 0.115);
                    background:linear-gradient(to bottom, rgba(20, 25, 30, 0.85), transparent);
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--hell) .promo-card--hell{
                        border-left:1px solid rgba(255, 255, 255, 0.115);
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .booth-detail--hell) .promo-card__text--hell{
                    color:var(--color-accent-3);
                }

@media (max-width: 767px){

:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--key:has(.booth-detail.show){

                    left:0;

            }
                }

:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--key{

                left:6.5%;
            }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--key) .fair__booth-visual:has(.booth-detail.show){
                    transform:scale(1.2) translateY(-40px) translateX(-30px);
                    z-index:5;
                    transition:transform 0.4s ease, z-index 0s;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--key) .fair__booth-visual:has(.booth-detail.show){
                        transition:none;
                        transform:scale(1.2) translateY(-15%) translateX(0);
                }
                    }

:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--key{

                z-index:2;
                animation-delay:0.2s;
            }

@media (max-width: 767px){

:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--key{
                    z-index:3;
                    left:18%;
            }
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--key) .fair__chevron--key{
                    background:url("/images/key-arrow-down-dk.avif") no-repeat center;
                    background-size:cover;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--key) .fair__chevron--key{
                        background-image:url("/images/key-arrow-down-mb.avif");
                        position:relative;
                        right:-18%;
                        top:10px;
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--key) .fair__booth-visual{
                    animation:key-shadow-pulse 4s ease-in-out infinite;
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--club) .fair__booth-visual:has(.booth-detail.show){
                    transform:scale(1.2) translateY(-42px);
                    z-index:5;
                    transition:transform 0.4s ease, z-index 0s;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--club) .fair__booth-visual:has(.booth-detail.show){
                        transition:none;
                        transform:scale(1.2) translateY(-15%);
                }
                    }

:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--club{

                z-index:3;
                animation-delay:0.4s;
            }

@media (max-width: 767px){

:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--club{
                    z-index:2;
            }
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--club) .fair__chevron--club{
                    background:url("/images/club-arrow-down-dk.avif") no-repeat center;
                    background-size:cover;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--club) .fair__chevron--club{
                        background-image:url("/images/club-arrow-down-mb.avif");
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--club) .fair__booth-visual{
                    animation:club-shadow-pulse 4s ease-in-out infinite;
                    animation-delay:-1s;
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--club) img{
                    transform:scale(1.2) translateY(-35px);
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--club) img{
                        transform:scale(1.2) translateY(0);
                }
                    }

@media (max-width: 767px){

:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell:has(.booth-detail.show){

                    right:0;
            }
                }

:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell{

                right:6.5%;
            }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell) .fair__booth-visual:has(.booth-detail.show){
                    transform:scale(1.2) translateY(-40px) translateX(35px);
                    z-index:5;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell) .fair__booth-visual:has(.booth-detail.show){
                        transition:none;
                        transform:scale(1.2) translateY(-15%) translateX(0);
                }
                    }

:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell{

                z-index:2;
                animation-delay:0.6s;
            }

@media (max-width: 767px){

:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell{
                    z-index:3;
                    right:18%;
            }
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell) .fair__chevron--hell{
                    background:url("/images/hell-arrow-down-dk.avif") no-repeat center;
                    background-size:cover;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell) .fair__chevron--hell{
                        background-image:url("/images/hell-arrow-down-mb.avif");
                        position:relative;
                        left:-18%;
                        top:10px;
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell) .fair__booth-visual{
                    animation:hell-shadow-pulse 4s ease-in-out infinite;
                    animation-delay:-2s;
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell) .fair__embers{
                    position:absolute;
                    top:15%;
                    left:15%;
                    width:80%;
                    height:50%;
                    pointer-events:none;
                    overflow:visible;
                }

@media (max-width: 767px){

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell) .fair__embers{
                        width:100%;
                        left:0;
                        transform:translateX(-15px);
                }
                    }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell) .fair__embers::before,:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell) .fair__embers::after{
                    content:"";
                    position:absolute;
                    width:3px;
                    height:3px;
                    border-radius:50%;
                    background:transparent;
                    animation-iteration-count:infinite;
                    animation-timing-function:linear;
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell) .fair__embers::before{
                    box-shadow:30px 0 0 0 #ff8c20, 80px 10px 0 0 #ffaa44, 140px -5px 0 0 #ff6a00, 200px 15px 0 0 #ff8c20, 260px 5px 0 0 #ffaa44, 50px 20px 0 0 #ff6a00, 170px -10px 0 0 #ff8c20, 310px 8px 0 0 #ffaa44;
                    animation:embers-rise-1 3s infinite linear;
                }

:is(:is(:is(.screen--fair .fair) .fair__booths) .fair__booth--hell) .fair__embers::after{
                    box-shadow:20px 5px 0 0 #ffaa44, 100px -8px 0 0 #ff6a00, 160px 12px 0 0 #ff8c20, 220px -3px 0 0 #ffaa44, 280px 18px 0 0 #ff6a00, 60px -15px 0 0 #ff8c20, 120px 7px 0 0 #ffaa44, 240px -12px 0 0 #ff6a00;
                    animation:embers-rise-2 4s infinite linear;
                    animation-delay:-1.5s;
                }

.screen--fair .fair:has(.fair__booth--key .fair__booth-img:hover) > .fair__text-box,.screen--fair .fair:has(.fair__booth--hell .fair__booth-img:hover) > .fair__text-box,.screen--fair .fair:has(.fair__booth--club .fair__booth-visual:hover) > .fair__text-box{
        transform:translateY(-700px) scale(0.5);
    }

.screen--fair .fair:has(.booth-detail.show) > .fair__text-box{
        transform:translateY(-700px) scale(0.5);
    }

.fair__booth--key:has(.fair__booth-visual:hover).fair__booth--key .fair__chevron--key{
    visibility:hidden;
}

.fair__booth--club:has(.fair__booth-visual:hover).fair__booth--club .fair__chevron--club{
    visibility:hidden;
}

.fair__booth--hell:has(.fair__booth-visual:hover).fair__booth--hell .fair__chevron--hell{
    visibility:hidden;
}

.screen--fair::before,
.screen--fair::after{
    height:100dvh;
    height:100vh;
    content:"";
    width:33vw;
    position:fixed;
    top:0;
    bottom:0;
    z-index:1;
    pointer-events:none;
    backdrop-filter:blur(4px) grayscale(0.8);
    -webkit-backdrop-filter:blur(4px) grayscale(0.8);
    opacity:0;
    animation:vignette-fade 0.8s ease-out 0.25s forwards;
}

@media (max-width: 767px){

.screen--fair::before,
.screen--fair::after{
        display:none;
}
    }

.screen--fair::before{
    left:0;
    background:linear-gradient(90deg,
            rgba(0, 0, 0, 0.7) 0%,
            rgba(0, 0, 0, 0.3) 50%,
            transparent 100%);
    mask-image:linear-gradient(90deg, black 0%, black 60%, transparent 100%);
    -webkit-mask-image:linear-gradient(90deg, black 0%, black 60%, transparent 100%);
}

.screen--fair::after{
    right:0;
    background:linear-gradient(270deg,
            rgba(0, 0, 0, 0.7) 0%,
            rgba(0, 0, 0, 0.3) 50%,
            transparent 100%);
    mask-image:linear-gradient(270deg, black 0%, black 60%, transparent 100%);
    -webkit-mask-image:linear-gradient(270deg, black 0%, black 60%, transparent 100%);
}

.crate{
    position:absolute;
    z-index: 8;
    bottom:2%;
    left:55%;
    transform:translateX(-50%);
    width:35%;
    pointer-events:none;
    animation:crate-float 4s ease-in-out infinite;
    transition:opacity .25s ease-out;
}

@media (max-width: 767px){

.crate{
        opacity:0;
}
    }

@media (max-width: 767px){

.fair__booth-visual:has(.booth-detail--club.show) .crate{
        opacity:1;
}
    }

.crate__light{
    position:absolute;
    bottom:55%;
    left:52%;
    transform:translateX(-50%) rotate(5deg);
    width:120%;
    height:auto;
    z-index:6;
    mix-blend-mode:screen;
    opacity:0.8;
    overflow:visible;
}

.crate__box{
    position:relative;
    width:100%;
    z-index:3;
    display:block;
}

.crate__ray{
    animation:ray-shimmer 2.5s ease-in-out infinite;
}

.crate__ray--1{
    animation-delay:0s;
}

.crate__ray--2{
    animation-delay:-0.4s;
}

.crate__ray--3{
    animation-delay:-0.8s;
}

.crate__ray--4{
    animation-delay:-1.2s;
}

.crate__ray--5{
    animation-delay:-1.6s;
}

.crate__ray--6{
    animation-delay:-2.0s;
}

.crate__ray--7{
    animation-delay:-2.4s;
}

.crate__ray--8{
    animation-delay:-2.8s;
}

.crate__ray--9{
    animation-delay:-3.2s;
}

.crate__ray--10{
    animation-delay:-3.6s;
}

@keyframes ray-shimmer{

    0%,
    100%{
        opacity:0.3;
    }

    30%{
        opacity:0.9;
    }

    60%{
        opacity:0.4;
    }

    80%{
        opacity:0.7;
    }
}

.crate__gun{
    position:absolute;
    pointer-events:none;
    height:75%;
    width:auto;
    bottom:50%;
    left:50%;
    transform-origin:50% 100%;
}

.crate__gun--1{
    z-index:7;
    transform:translateX(-110%) rotate(30deg) translateY(5%);
    animation:gun-sway-1 4s ease-in-out infinite;
}

.crate__gun--2{
    z-index:8;
    transform:translateX(-110%) rotate(50deg) translateY(-22%);
    animation:gun-sway-2 4.5s ease-in-out infinite;
}

.crate__gun--3{
    z-index:5;
    height:52%;
    transform:translateX(16%) rotate(-44deg) translateY(-28%) scaleX(-1);
    animation:gun-sway-3 3.8s ease-in-out infinite;
}

.crate__gun--4{
    z-index:4;
    height:58%;
    transform:translateX(2%) rotate(-25deg) translateY(5%) scaleX(-1);
    animation:gun-sway-4 4.2s ease-in-out infinite;
}

@keyframes gun-sway-1{

    0%,
    100%{
        transform:translateX(-114%) rotate(30deg) translateY(5%);
    }

    50%{
        transform:translateX(-111%) rotate(26deg) translateY(11%);
    }
}

@keyframes gun-sway-2{

    0%,
    100%{
        transform:translateX(-110%) rotate(50deg) translateY(-22%);
    }

    50%{
        transform:translateX(-108%) rotate(47deg) translateY(-18%);
    }
}

@keyframes gun-sway-3{

    0%,
    100%{
        transform:translateX(16%) rotate(-44deg) translateY(-45%) scaleX(-1);
    }

    50%{
        transform:translateX(20%) rotate(-47deg) translateY(-42%) scaleX(-1);
    }
}

@keyframes gun-sway-4{

    0%,
    100%{
        transform:translateX(4%) rotate(-25deg) translateY(2%) scaleX(-1);
    }

    50%{
        transform:translateX(9%) rotate(-29deg) translateY(-5%) scaleX(-1);
    }
}

.fair__club-cta{
    position:absolute;
    bottom:5%;
    left:50%;
    transform:translateX(-50%) translateY(25%);
    z-index:10;
    opacity:0;
    white-space:nowrap;
    transition:all 0.4s ease;

}

@media (max-width: 767px){

.fair__club-cta{
        display:none;

}
    }

.booth-detail__nav{
    position:absolute;
    bottom:-3%;
    left:50%;
    transform:translateX(-50%);
    z-index:10;
    opacity:0;
    white-space:nowrap;
    display:flex;
    align-items:center;
    justify-content:center;
}

.booth-detail__nav .booth-detail__arrow{
        position:relative;
        width:40px;
        height:40px;
    }

.booth-detail__nav .booth-detail__arrow--prev{
        transform:rotate(90deg);
        margin-right:8px;
        background-size:cover;
    }

.booth-detail__nav .booth-detail__arrow--next{
        transform:rotate(-90deg);
        margin-left:8px;
        background-size:cover;
    }

.booth-detail__nav .booth-detail__arrow--key{
        background:url("/images/key-arrow-down-dk.avif") no-repeat center;
    }

.booth-detail__nav .booth-detail__arrow--club{
        background:url("/images/club-arrow-down-dk.avif") no-repeat center;
    }

.booth-detail__nav .booth-detail__arrow--hell{
        background:url("/images/hell-arrow-down-dk.avif") no-repeat center;
    }

.booth-detail__nav .booth-detail__btn-mobile{
        padding:0.65rem 1rem;

    }

@media (min-width: 1024px){

.booth-detail__nav{
        display:none;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.booth-detail__nav{
        display:none;
}
    }

.fair__booth--club:has(.booth-detail.show) .fair__club-cta{
    opacity:1;
    transform:translateX(-50%) translateY(0);
}

.fair__booth--club:has(.booth-detail.show) .booth-detail__nav{
    opacity:1;
    transform:translateX(-50%) translateY(0);
    pointer-events:auto;
}

.fair__booth--key:has(.booth-detail.show) .booth-detail__nav{
    opacity:1;
    transform:translateX(-50%) translateY(0);
    pointer-events:auto;
}

.fair__booth--hell:has(.booth-detail.show) .booth-detail__nav{
    opacity:1;
    transform:translateX(-50%) translateY(0);
    pointer-events:auto;
}

@keyframes screen-in{
    0%{
        opacity:0;
        transform:translateY(-50px) scale(0.75);
    }

    100%{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes start__btn-in{
    0%{
        transform:translateY(100px) scale(1.5);
    }

    100%{
        transform:translateY(0) scale(1);
    }
}

@keyframes arrow-pulse{

    0%,
    100%{
        opacity:0.8;
        filter:drop-shadow(0 0 4px rgba(255, 255, 255, 0.3));
        transform:translateY(0) scale(1);
    }

    50%{
        opacity:1;
        filter:drop-shadow(0 0 10px rgba(255, 255, 255, 0.75));
        transform:translateY(4px) scale(1.2);

    }
}

@keyframes vignette-fade{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}

@keyframes booth-glow{

    0%,
    100%{
        opacity:0.15;
    }

    50%{
        opacity:0.6;
    }
}

@keyframes booth-flicker{

    0%,
    100%{
        opacity:0.05;
    }

    5%{
        opacity:0.5;
    }

    10%{
        opacity:0.1;
    }

    15%{
        opacity:0.5;
    }

    20%{
        opacity:0.05;
    }

    40%{
        opacity:0.4;
    }

    42%{
        opacity:0.015;
    }

    44%{
        opacity:0.5;
    }

    60%{
        opacity:0.2;
    }

    80%{
        opacity:0.5;
    }

    82%{
        opacity:0.05;
    }

    85%{
        opacity:0.4;
    }
}

@keyframes key-shadow-pulse{

    0%,
    100%{
        filter:drop-shadow(0 0 15px rgba(120, 180, 140, 0.25)) drop-shadow(0 0 35px rgba(120, 180, 140, 0.1));
    }

    50%{
        filter:drop-shadow(0 0 25px rgba(120, 180, 140, 0.4)) drop-shadow(0 0 50px rgba(120, 180, 140, 0.25));
    }
}

@keyframes club-shadow-pulse{

    0%,
    100%{
        filter:drop-shadow(0 0 15px rgba(160, 80, 240, 0.25)) drop-shadow(0 0 35px rgba(160, 80, 240, 0.1));
    }

    50%{
        filter:drop-shadow(0 0 25px rgba(160, 80, 240, 0.3)) drop-shadow(0 0 50px rgba(160, 80, 240, 0.2));
    }
}

@keyframes hell-shadow-pulse{

    0%,
    100%{
        filter:drop-shadow(0 0 5px rgba(240, 140, 40, 0.2)) drop-shadow(0 0 25px rgba(240, 140, 40, 0.1));
    }

    50%{
        filter:drop-shadow(0 0 15px rgba(240, 140, 40, 0.25)) drop-shadow(0 0 35px rgba(240, 140, 40, 0.2));
    }
}

@keyframes embers-rise-1{
    0%{
        transform:translateY(50px);
        opacity:0.1;
    }

    60%{
        opacity:0.6;
    }

    100%{
        transform:translateY(-100px);
        opacity:0;
    }
}

@keyframes embers-rise-2{
    0%{
        transform:translateY(0);
        opacity:0.1;
    }

    50%{
        opacity:0.5;
    }

    100%{
        transform:translateY(-150px);
        opacity:0;
    }
}

@keyframes crate-float{

    0%,
    100%{
        transform:translateX(-50%) translateY(0);
    }

    50%{
        transform:translateX(-50%) translateY(-10px);
    }
}

@keyframes booth-drop{
    0%{
        opacity:0;
        transform:translateY(-80px) scale(0.8);
    }

    60%{
        opacity:1;
        transform:translateY(10px) scale(1.02);
    }

    80%{
        transform:translateY(-5px) scale(1);
    }

    100%{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@media (max-width: 767px){

.content:has(.booth-detail.show){
        backdrop-filter:blur(2px);
        background:#140a1475;
}
    }

@media (max-width: 1919px){

.body:has(.booth-detail.show) .header{
        opacity:0.35;
        z-index:2;
}
    }

.auth-popup{
    position:fixed;
    inset:0;
    z-index:var(--z-popup);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    pointer-events:none;
    transition:opacity 0.3s ease;
}

.auth-popup.show{
    opacity:1;
    pointer-events:auto;
}

.auth-popup__overlay{
    position:absolute;
    inset:0;
    background:rgba(0, 0, 0, 0.75);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
}

.auth-popup__modal{
    position:relative;
    width:100%;
    max-width:990px;
    padding:40px 80px;
    border-radius:12px;
    border:1px solid rgb(44, 44, 44);
    background:radial-gradient(89.91% 35.1% at 50% 64.9%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.24) 100%), linear-gradient(180deg, rgba(6, 7, 7, 0.92) 37.27%, rgba(6, 7, 7, 0.18) 100%), url("/images/bg-popup.avif") lightgray 0.343px -564.883px / 100% 414.19% no-repeat;
    background-blend-mode:normal;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    overflow:hidden;
    transform:scale(0.8) translateY(-50px);
    transition:transform 0.65s ease;
}

@media (max-width: 767px){

.auth-popup__modal{
        width:21.5rem;
        padding:2.2rem 0.8rem 0.8rem 0.8rem;
        background:radial-gradient(89.91% 35.1% at 50% 64.9%, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.24) 100%), linear-gradient(180deg, rgba(6, 7, 7, 0.92) 37.27%, rgba(6, 7, 7, 0.18) 100%), url("/images/bg-popup.avif") lightgray 50% / cover no-repeat;
}
    }

.auth-popup.show .auth-popup__modal{
    transform:scale(1) translateY(0);
}

.auth-popup__close{
    position:absolute;
    top:10px;
    right:10px;
    color:#D9D9D999;
    font-size:16px;
    text-decoration:none;
    transition:color 0.15s ease-out;
    z-index:1;
}

.auth-popup__close:hover{
    color:#fff;
}

.auth-popup__title{}

.auth-popup__divider{
    margin:24px 0;
}

@media (max-width: 767px){

.auth-popup__divider{
        margin:0.62rem 0;
}
    }

.auth-popup__subtitle{
    color:var(--color-accent-2);
    text-align:center;
    font-family:var(--font-secondary);
    font-size:clamp(1rem, 0.518vw + 0.879rem, 1.5rem);
    font-style:normal;
    font-weight:900;
    line-height:normal;
    text-transform:uppercase;
}

.auth-popup__btn{
    margin-top:40px;
    min-width:280px;
}

@media (max-width: 767px){

.auth-popup__btn{
        margin-top:6.55rem;
        width:100%;
}
    }

.auth-popup__btn .btn__steam-icon{
    width:28px;
    height:28px;
    margin-right:6px;
}

.screen--activate{
    position:relative;
}

@media (max-width: 767px){

.screen--activate{
        background:radial-gradient(89.91% 35.1% at 50% 64.9%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.27) 10%), linear-gradient(180deg, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.86) 99.81%);
        overflow-x:hidden;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.screen--activate{
        background:radial-gradient(89.91% 35.1% at 50% 64.9%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.27) 10%), linear-gradient(180deg, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.86) 99.81%);
}
    }

.screen--activate::before,
.screen--activate::after{
    height:100dvh;
    height:100vh;
    content:"";
    width:33vw;
    position:fixed;
    top:0;
    bottom:0;
    z-index:5;
    pointer-events:none;
    backdrop-filter:blur(4px) grayscale(0.8);
    -webkit-backdrop-filter:blur(4px) grayscale(0.8);
    opacity:0;
    animation:vignette-fade 0.8s ease-out 0.25s forwards;
}

@media (max-width: 767px){

.screen--activate::before,
.screen--activate::after{
        display:none;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.screen--activate::before,
.screen--activate::after{
        display:none;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.screen--activate::before,
.screen--activate::after{
        width:22vw;
}
    }

.screen--activate::before{
    left:0;
    background:linear-gradient(90deg,
            rgba(0, 0, 0, 0.7) 0%,
            rgba(0, 0, 0, 0.3) 50%,
            transparent 100%);
    mask-image:linear-gradient(90deg, black 0%, black 60%, transparent 100%);
    -webkit-mask-image:linear-gradient(90deg, black 0%, black 60%, transparent 100%);
}

.screen--activate::after{
    right:0;
    background:linear-gradient(270deg,
            rgba(0, 0, 0, 0.7) 0%,
            rgba(0, 0, 0, 0.3) 50%,
            transparent 100%);
    mask-image:linear-gradient(270deg, black 0%, black 60%, transparent 100%);
    -webkit-mask-image:linear-gradient(270deg, black 0%, black 60%, transparent 100%);
}

.activate__fireworks{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    overflow:hidden;
    mix-blend-mode:screen;
}

.activate__firework{
    position:absolute;
    width:auto;
    opacity:0.7;
    mix-blend-mode:screen;
}

.activate__firework--left{
    top:20%;
    left:15%;
    height:55%;
}

@media (max-width: 767px){

.activate__firework--left{
        top:10%;
        left:-60%;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.activate__firework--left{
        left:2%;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.activate__firework--left{
        left:20%;
}
    }

.activate__firework--center{
    top:5%;
    left:50%;
    height:30%;
}

@media (max-width: 767px){

.activate__firework--center{
        top:0;
        left:30%;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.activate__firework--center{
        left:52%;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.activate__firework--center{
        left:52%;
}
    }

.activate__firework--right{
    top:18%;
    right:15%;
    height:45%;
    transform:scaleX(-1);
}

@media (max-width: 767px){

.activate__firework--right{
        top:10%;
        right:-20%;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.activate__firework--right{
        right:5%;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.activate__firework--right{
        right:20%;
}
    }

.activate-content{
    position:relative;
    z-index:2;
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    padding:25px 2rem 0;
}

@media (max-width: 767px){

.activate-content{
        padding:2rem 1.7rem 0 1.7rem;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.activate-content{
        padding:0.5rem 1.5rem 0 1.5rem;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.activate-content{
        padding:0.5rem 1.5rem 0 1.5rem;
}
    }

.activate__title{
    font-family:var(--font-primary);
    font-size:clamp(1.5rem, 1.294vw + 1.197rem, 2.75rem);
    text-align:center;
    color:var(--color-text-main);
    font-style:normal;
    font-weight:600;
    line-height:72px;
    text-transform:uppercase;
}

@media (max-width: 767px){

.activate__title{

        line-height:1.8rem;
        padding-left:2rem;
        padding-right:2rem;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.activate__title{
        line-height:2;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.activate__title{
        line-height:2;
}
    }

.activate__highlight{
    color:var(--color-accent-2);
}

.activate__promo-label{
    display:inline-flex;
    padding:8px 24px;
    justify-content:center;
    align-items:center;
    gap:10px;
    border-radius:12px;
    border:1px solid rgba(255, 255, 255, 0.16);
    background:radial-gradient(100% 92.23% at 50.19% 0%, rgba(255, 255, 255, 0.04) 0%, rgba(183, 183, 183, 0.04) 75.92%);
    backdrop-filter:blur(20px);

    color:var(--color-text-main);
    text-align:center;
    font-family:var(--font-primary);
    font-size:22px;
    font-style:normal;
    font-weight:600;
    line-height:normal;
    text-transform:uppercase;
}

@media (max-width: 767px){

.activate__promo-label{
        padding:0.5rem 0.75rem;
        justify-content:center;
        align-items:center;
        gap:0.625rem;
        font-size:0.8rem;
        margin-top:0.5rem;
        margin-bottom:0.4rem;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.activate__promo-label{
        margin-top:0;
        margin-bottom:0;
        font-size:1rem;
        justify-content:center;
        align-items:center;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.activate__promo-label{
        margin-top:0;
        margin-bottom:0;
        font-size:1rem;
        justify-content:center;
        align-items:center;
}
    }

.activate__code{
    color:var(--color-text-main);
    text-align:center;
    font-family:var(--font-secondary);
    font-size:clamp(2.875rem, 3.236vw + 2.117rem, 6rem);
    font-style:normal;
    font-weight:900;
    line-height:normal;
    text-transform:uppercase;
}

@media (min-width: 768px) and (max-width: 1023px){

.activate__code{
        font-size:4.5rem;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.activate__code{
        font-size:4rem;
}
    }

.activate__grid{
    margin-top:5px;
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:8px;
}

@media (max-width: 767px){

.activate__grid{
        gap:0.25rem;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.activate__grid{
        gap:0.5rem;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.activate__grid{
        gap:0.5rem;
}
    }

.product-card{
    width:208px;
    height:258px;
    position:relative;
    border-radius:20px;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    padding:16px 24px;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:20px;
    text-align:center;
    overflow:hidden;
    cursor:pointer;
}

@media (max-width: 767px){

.product-card{
        padding:0.75rem 1rem;
        gap:1.25rem;
        width:7.35rem;
        height:9.5rem;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.product-card{
        padding:0.75rem 1rem;
        gap:1.25rem;
        width:10.25rem;
        height:12.5rem;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.product-card{
        padding:0.75rem 1rem;
        gap:1.25rem;
        width:10.25rem;
        height:12.5rem;
}
    }

.product-card::after{
    content:"";
    position:absolute;
    bottom:-15%;
    left:-1%;
    right:-1%;
    height:100%;
    background:url("/images/loop-fire.avif") center bottom / cover no-repeat;
    opacity:0;
    transition:opacity 0.4s ease;
    pointer-events:none;
    z-index:1;
    mask-image:linear-gradient(to top, black 30%, transparent 100%);
    -webkit-mask-image:linear-gradient(to top, black 30%, transparent 100%);
    overflow:hidden;
}

@media (max-width: 767px){

.product-card::after{
        bottom:-25%;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.product-card::after{
        bottom:-17%;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.product-card::after{
        bottom:-17%;
}
    }

.product-card:hover::after{
    opacity:0.7;
}

.product-card--purple{
    border:2px solid #6F52F0;
    box-shadow:0 0 120px 0 rgba(111, 82, 240, 0.40);
    background:radial-gradient(59.82% 50% at 50% 50%, rgba(111, 82, 240, 0.20) 0%, rgba(111, 82, 240, 0.02) 100%), rgba(255, 255, 255, 0.10);
}

.product-card--purple:hover{
        background:radial-gradient(59.82% 50% at 50% 50%, rgba(111, 82, 240, 0.70) 0%, rgba(111, 82, 240, 0.22) 100%), rgba(14, 13, 13, 0.1);
    }

.product-card--red{
    border:2px solid #FF3235;
    box-shadow:0 0 120px 0 rgba(255, 50, 53, 0.40);
    background:radial-gradient(59.82% 50% at 50% 50%, rgba(255, 50, 53, 0.20) 0%, rgba(255, 50, 53, 0.02) 100%), rgba(255, 255, 255, 0.10);
}

.product-card--red:hover{
        background:radial-gradient(59.82% 50% at 50% 50%, rgba(255, 50, 53, 0.70) 0%, rgba(255, 50, 53, 0.22) 100%), rgba(255, 255, 255, 0.1);
    }

.product-card--orange{
    border:2px solid #F37A24;
    box-shadow:0 0 120px 0 rgba(243, 122, 36, 0.40);
    background:radial-gradient(59.82% 50% at 50% 50%, rgba(243, 122, 36, 0.20) 0%, rgba(243, 122, 36, 0.02) 100%), rgba(255, 255, 255, 0.10);
}

.product-card--orange:hover{
        background:radial-gradient(59.82% 50% at 50% 50%, rgba(243, 122, 36, 0.70) 0%, rgba(243, 122, 36, 0.22) 100%), rgba(255, 255, 255, 0.1);
    }

.product-card__name{
    font-family:var(--font-secondary);
    font-size:clamp(0.9rem, 0.388vw + 1.034rem, 1.5rem);
    font-style:normal;
    font-weight:900;
    line-height:normal;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
    transition:transform 0.25s ease-out;
    pointer-events:none;
}

@media (max-width: 767px){

.product-card__name{
        font-weight:700;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.product-card__name{
        font-size:1.2rem;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.product-card__name{
        font-size:1.2rem;
}
    }

.product-card--purple .product-card__name{
    color:#6F52F0;
}

.product-card--red .product-card__name{
    color:#FF3235;
}

.product-card--orange .product-card__name{
    color:#F37A24;
}

.product-card__variant{
    color:var(--color-text-main);
    font-family:var(--font-secondary);
    font-size:clamp(0.65rem, 0.324vw + 0.612rem, 1rem);
    font-style:normal;
    font-weight:400;
    line-height:normal;
    text-transform:uppercase;
    opacity:0.9;
    margin-top:4px;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3);
    pointer-events:none;
}

@media (max-width: 767px){

.product-card__variant{
        font-weight:700;
        font-size:0.645rem;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.product-card__variant{
        font-size:0.75rem;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.product-card__variant{
        font-size:0.75rem;
}
    }

.product-card__img{
    position:relative;
    z-index:5;
    width:100%;
    max-width:160px;
    height:auto;
    margin-top:8px;
    object-fit:contain;
    filter:drop-shadow(0 4px 12px rgba(0, 0, 0, 0.55));
    transition:transform 0.3s ease-out;
    pointer-events:none;
}

.product-card:hover .product-card__img{
    transform:scale(1.125) rotate(15deg);
    filter:drop-shadow(0 5px 18px rgba(0, 0, 0, 0.85));
}

.product-card:hover .product-card__name{
    transform:scale(1.1);
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.85);
}

.activate__btn{
    margin-top:15px;
    min-width:290px;
}

@media (max-width: 767px){

.activate__btn{
        padding:0.75rem 2.5rem;
        width:20rem;
}
    }

.activate__urgency{
    margin-top:15px;
    text-align:center;
    font-family:var(--font-primary);
    color:var(--color-accent-2);
    font-size:clamp(0.875rem, 0.518vw + 0.754rem, 1.375rem);
    font-style:normal;
    font-weight:600;
    line-height:normal;
    text-transform:uppercase;
}

@media (max-width: 767px){

.activate__urgency{
        font-size:clamp(0.875rem, 0.518vw + 0.754rem, 1.375rem);
        margin-top:0.5rem;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.activate__urgency{
        font-size:1rem;
        margin-top:1rem;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.activate__urgency{
        font-size:1rem;
        margin-top:1rem;
}
    }

.activate-content{
    transform:translateY(-100dvh);
    transform:translateY(-100vh);
    animation:content-slam 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;
}

@keyframes content-slam{
    0%{
        transform:translateY(-100dvh);
        transform:translateY(-100vh);
    }

    50%{
        transform:translateY(15px);
    }

    70%{
        transform:translateY(-6px);
    }

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

.activate__fireworks{
    opacity:0;
    animation:fireworks-fade 0.5s ease-out forwards;
}

@keyframes fireworks-fade{
    0%{
        opacity:0;
    }

    100%{
        opacity:1;
    }
}

.footer{
    position:relative;
    z-index:2;
    width:100%;
    padding:0.5rem 2rem 1rem;
    font-family:var(--font-secondary);
    font-size:0.75rem;
    color:rgba(255, 255, 255, 0.4);
    letter-spacing:0.04em;
    text-transform:uppercase;
}

@media (max-width: 767px){

.footer{

        padding:0.5rem 1.25rem 0.5rem;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.footer{
        padding:0.5rem 1.25rem 0.5rem;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.footer{
        padding:0.5rem 1.25rem 0.5rem;
}
    }

@media (min-width: 2560px){

.footer{
        font-size:0.875rem;
        padding:1.5rem 3rem 1.25rem;
}
    }

@media (min-width: 3840px){

.footer{
        font-size:1rem;
        padding:2rem 4rem 1.5rem;
}
    }

.footer__top{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    margin-bottom:0.75rem;
}

@media (max-width: 767px){

.footer__top{
        flex-direction:row;
        justify-content:flex-end;
        align-items:flex-end;
        margin-bottom:0.5rem;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.footer__top{
        margin-bottom:0.5rem;
}
    }

.footer__lang{
    display:block;
    position:absolute;
    left:0;

    visibility:hidden;
}

@media (max-width: 767px){

.footer__lang{
        display:block;
        position:static;
}
    }

.footer__lang-btn{
    display:inline-flex;
    align-items:center;
    gap:0.25rem;
    padding:0.375rem 0.75rem;
    border:1px solid rgba(255, 255, 255, 0.2);
    border-radius:6px;
    color:rgba(255, 255, 255, 0.5);
    font-size:inherit;
    transition:border-color 0.2s;
    min-width:30px;
}

.footer__lang-btn:hover{
        border-color:rgba(255, 255, 255, 0.4);
    }

.footer__lang-arrow{
    font-size:0.875em;
    line-height:1;
}

.footer__lang-list{
    display:none;
    position:absolute;
    bottom:100%;
    left:0;
    margin-bottom:4px;
    background:rgba(20, 20, 30, 0.95);
    border:1px solid rgba(255, 255, 255, 0.15);
    border-radius:6px;
    overflow:hidden;
    min-width:30px;
}

.footer__lang-list.show{
        display:block;
    }

.footer__lang-list a{
        display:block;
        padding:0.5rem 0.75rem;
        color:rgba(255, 255, 255, 0.6);
        font-size:inherit;
        text-transform:uppercase;
        transition:background 0.15s;
    }

:is(.footer__lang-list a):hover{
            background:rgba(255, 255, 255, 0.08);
        }

.hide:is(.footer__lang-list a){
            display:none;
        }

.footer__links{
    display:flex;
    gap:2rem;
}

@media (max-width: 767px){

.footer__links{
        flex-direction:column;
        align-items:flex-end;
        gap:0.7rem;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.footer__links{
        gap:1.7rem;
}
    }

.footer__link{
    transition:color 0.2s;

    color:rgba(255, 255, 255, 0.65);
    text-align:center;
    font-family:var(--font-secondary);
    font-size:14px;
    font-style:normal;
    font-weight:400;
    letter-spacing:0.56px;
    text-transform:uppercase;
}

.footer__link:hover{
        color:rgba(255, 255, 255, 0.85);
    }

@media (max-width: 767px){

.footer__link{
        font-size:0.7rem;
        letter-spacing:0.4px;
}
    }

@media (min-width: 768px) and (max-width: 1023px){

.footer__link{
        font-size:0.8rem;
        letter-spacing:0.5px;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.footer__link{
        font-size:0.8rem;
        letter-spacing:0.5px;
}
    }

.footer__bottom{
    margin-top:22px;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

@media (max-width: 767px){

.footer__bottom{
        margin-top:12px;
        margin-bottom:auto;
        flex-wrap:wrap;
        justify-content:flex-end;
        gap:0.5rem;
}

    }

@media (min-width: 768px) and (max-width: 1023px){

.footer__bottom{
        margin-top:18px;
        margin-bottom:8px;
}
    }

@media (min-width: 1024px) and (max-width: 1919px){

.footer__bottom{
        margin-top:18px;
        margin-bottom:8px;
}
    }

.footer__steam{

    color:rgba(255, 255, 255, 0.4);
    text-align:center;
    font-family:var(--font-secondary);
    font-size:9px;
    font-style:normal;
    font-weight:400;
    letter-spacing:0.32px;
    text-transform:uppercase;
}

.footer__steam a{
        color:rgba(255, 255, 255, 0.5);
        text-decoration:none;
        transition:color 0.2s;
    }

:is(.footer__steam a):hover{
            color:rgba(255, 255, 255, 0.7);
        }

@media (max-width: 767px){

.footer__steam{
        font-size:0.45rem;
}
    }

.footer__separator{
    margin:0 0.7rem;
}

@media (max-width: 767px){

.footer__separator{
        margin:0 0.4rem;
}
    }

.footer__copy{
    position:absolute;
    right:1rem;
    color:rgba(255, 255, 255, 0.50);
    text-align:center;
    font-family:var(--font-secondary);
    font-style:normal;
    font-weight:400;
    font-size:10px;
    letter-spacing:0.32px;
    text-transform:uppercase;
    display:inline-flex;
    gap:20px;
}

@media (max-width: 767px){

.footer__copy{
        font-size:8px;
        position:static;
        right:0.5rem;
        justify-content:flex-end;
}
    }

.terms{
  max-width:900px;
  margin:2rem auto;
  padding:3rem 3rem;
    background:rgba(32, 18, 54, 0.418);
    backdrop-filter:blur(35px);
    -webkit-backdrop-filter:blur(35px);
    border:3px double #5c5345b0;
    border-radius:5px;

    font-family:var(--font-secondary);
}

@media (max-width: 767px){

.terms{
		padding:2rem;
    margin:0 auto;
    border:1px solid #5c5345b0;
}
	}

.terms h1{
    font-family:var(--font-primary);
    font-size:1.5rem;
    font-weight:900;
    text-transform:uppercase;
    margin-bottom:1.5rem;
    text-align:center;
    color:#ed23d9c5;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
  }

.terms h2{
    font-family:var(--font-primary);
    font-size:1.1rem;
    font-weight:700;
    margin:1.5rem 0 0.75rem;
  }

.terms h3{
    font-family:var(--font-primary);
    font-size:1rem;
    font-weight:700;
    margin:1rem 0 0.5rem;
  }

.terms p{
    font-size:0.9rem;
    line-height:1.7;
    margin-bottom:0.75rem;
    color:rgba(255, 255, 255, 0.85);
  }

.terms ul,.terms ol{
    margin:0.5rem 0 1rem 1.5rem;
    list-style:disc;
  }

.terms ol{
    list-style:decimal;
  }

.terms li{
    font-size:0.9rem;
    line-height:1.7;
    margin-bottom:0.25rem;
    color:rgba(255, 255, 255, 0.85);
  }

.terms strong{
    font-weight:700;
  }

.terms a{
    color:var(--color-accent);
    text-decoration:underline;
  }

.terms-backdrop{
   
}

.terms-backdrop::before,
.terms-backdrop::after{
    height:100dvh;
    height:100vh;
    content:"";
    width:100vw;
    position:fixed;
    inset:0;

    z-index:-1;
    pointer-events:none;
    backdrop-filter:blur(4px) grayscale(0.8);
    -webkit-backdrop-filter:blur(4px) grayscale(0.8);

   
}

.coockie-banner{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:var(--z-consent);
    background:rgba(53, 30, 90, 0.35);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    padding:1.8rem 2rem;
    border-top:4px double #5c5345b0;
}

@media (max-width: 767px){

.coockie-banner{
        padding:1rem 1rem;
}
    }

.coockie-banner{

    transform:translateY(300px);
    animation:coockie-in 1s forwards ease-in-out;
    animation-delay:0.5s;
}

@keyframes coockie-in{
    0%{
        transform:translateY(300px);
    }

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

.coockie-banner__inner{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
}

@media (max-width: 767px){

.coockie-banner__inner{
        flex-direction:column;
        text-align:center;
}
    }

.coockie-banner__inner h3{
        font-family:var(--font-primary);
        font-size:1.6rem;
        font-weight:700;
        line-height:normal;
        margin-bottom:18px;
        text-transform:uppercase;
    }

@media (max-width: 767px){

.coockie-banner__inner h3{
            font-size:1.2rem;
    }
        }

.coockie-banner__text{
    flex:1;
    font-size:0.9rem;
    line-height:1.3;
    color:rgba(255, 255, 255, 0.8);
    max-width:820px;
    font-family:var(--font-secondary);
}

@media (max-width: 767px){

.coockie-banner__text{
        font-size:0.85rem;
        text-align:left;
}
    }

.coockie-banner__link{
    color:#B187EB;
    text-decoration:underline;
    font-weight:700;
}

.coockie-banner__btn{
    flex-shrink:0;
}