@font-face{
  font-family:"Open Sans";
  src:url("/fonts/open-sans-v44-latin-regular.woff2") format("woff2"), url("/fonts/open-sans-v44-latin-regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Open Sans";
  src:url("/fonts/open-sans-v44-latin-500.woff2") format("woff2"), url("/fonts/open-sans-v44-latin-500.woff") format("woff");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Open Sans";
  src:url("/fonts/open-sans-v44-latin-600.woff2") format("woff2"), url("/fonts/open-sans-v44-latin-600.woff") format("woff");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Open Sans";
  src:url("/fonts/open-sans-v44-latin-700.woff2") format("woff2"), url("/fonts/open-sans-v44-latin-700.woff") format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Open Sans";
  src:url("/fonts/open-sans-v44-latin-800.woff2") format("woff2"), url("/fonts/open-sans-v44-latin-800.woff") format("woff");
  font-weight:800;
  font-style:normal;
  font-display:swap;
}
 @keyframes bg-desaturate{
     from{
         filter:saturate(1) brightness(1) contrast(1);
         opacity:1;
     }

     to{
         filter:saturate(0) brightness(0.92) contrast(0.67);
         opacity:0.3;
     }
 }
 @keyframes bg-recolor{
     0%{
         filter:saturate(0) brightness(0.92) contrast(0.67);
         opacity:0.3;
     }

     30%{
         filter:saturate(1) brightness(1) contrast(1);
         opacity:1;
     }

     100%{
         filter:saturate(0) brightness(0.92) contrast(0.67);
         opacity:0.3;
     }
 }
 @keyframes promo-bg-drift{
     from{
         transform:scale(1.15) translate3d(-4%, 0, 0);
     }

     to{
         transform:scale(1.4) translate3d(4%, 0, 0);
     }
 }
 @keyframes voucher-float{
     from{
         transform:rotate(-6deg) scale(1);
     }

     to{
         transform:rotate(0deg) scale(1.1);
     }
 }
 @keyframes ring-spin-cw{
     from{
         transform:translate(-50%, -50%) rotate(0deg);
     }

     to{
         transform:translate(-50%, -50%) rotate(360deg);
     }
 }

 @keyframes ring-spin-ccw{
     from{
         transform:translate(-50%, -50%) rotate(0deg);
     }

     to{
         transform:translate(-50%, -50%) rotate(-360deg);
     }
 }
 @keyframes rise-in{
     from{
         opacity:0;
         transform:translateY(1.25rem);
     }

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

 @keyframes case-art-in{
     from{
         opacity:0;
         transform:scale(0.88);
     }

     to{
         opacity:1;
         transform:scale(1);
     }
 }

 @keyframes tile-in{
     from{
         opacity:0;
         transform:translateY(1.5rem) scale(0.94);
     }

     to{
         opacity:1;
         transform:translateY(0) scale(1);
     }
 }
 @keyframes case-art-breathe{
     from{
         transform:translateX(-50%) scale(1);
     }

     to{
         transform:translateX(-50%) scale(1.08);
     }
 }
 @keyframes reward-block-in-mb{
     from{
         opacity:0;
     }

     to{
         opacity:1;
     }
 }

 @keyframes reward-block-out-mb{
     from{
         opacity:1;
     }

     to{
         opacity:0;
     }
 }
 @keyframes attempts-in{
     from{
         opacity:0;
         transform:translateY(-0.5rem);
     }

     to{
         opacity:1;
         transform:translateY(0);
     }
 }
 @keyframes scroll-hint-up{
     0%, 100%{
         opacity:0.55;
         transform:translateY(0.0625rem);
     }

     50%{
         opacity:1;
         transform:translateY(-0.125rem);
     }
 }

 @keyframes scroll-hint-down{
     0%, 100%{
         opacity:0.55;
         transform:translateY(-0.0625rem);
     }

     50%{
         opacity:1;
         transform:translateY(0.125rem);
     }
 }
 @keyframes reel-in{
     from{
         opacity:0;
         transform:translate(calc(-50% + 44rem), -50%);
     }

     to{
         opacity:1;
         transform:translate(-50%, -50%);
     }
 }
 @keyframes reward-block-in{
     from{
         opacity:0;
         transform:translate(-50%, 1.25rem);
     }

     to{
         opacity:1;
         transform:translate(-50%, 0);
     }
 }
 @keyframes reward-art-in{
     0%{
         opacity:0;
         transform:translate(-50%, -50%) rotate(var(--reward-tilt)) scale(0.35);
         filter:brightness(2.6);
     }

     55%{
         opacity:1;
         transform:translate(-50%, -50%) rotate(var(--reward-tilt)) scale(1.14);
         filter:brightness(1.5);
     }

     100%{
         opacity:1;
         transform:translate(-50%, -50%) rotate(var(--reward-tilt)) scale(1);
         filter:brightness(1);
     }
 }
 @keyframes reward-title-in{
     0%{
         opacity:0;
         transform:scale(1.7);
         filter:blur(0.75rem);
         text-shadow:0 0 2.5rem rgba(240, 122, 63, 0.95);
     }

     55%{
         opacity:1;
         transform:scale(0.96);
         filter:blur(0);
         text-shadow:0 0 1.75rem rgba(240, 122, 63, 0.75);
     }

     100%{
         opacity:1;
         transform:scale(1);
         filter:blur(0);
         text-shadow:0 0 0 rgba(240, 122, 63, 0);
     }
 }
 @keyframes reward-block-out{
     from{
         opacity:1;
         transform:translate(-50%, 0);
     }

     to{
         opacity:0;
         transform:translate(-50%, 0.75rem);
     }
 }

 @keyframes reward-art-out{
     from{
         opacity:1;
         transform:translate(-50%, -50%) rotate(var(--reward-tilt)) scale(1);
     }

     to{
         opacity:0;
         transform:translate(-50%, -50%) rotate(var(--reward-tilt)) scale(0.75);
     }
 }
 @keyframes reward-burst{
     from{
         opacity:0.95;
         transform:translate(-50%, -50%) scale(0.2);
     }

     to{
         opacity:0;
         transform:translate(-50%, -50%) scale(1.4);
     }
 }
 @keyframes reward-art-sheen{
     0%{
         opacity:0;
         background-position:100% 0;
     }

     6%{
         opacity:1;
     }

     22%{
         opacity:1;
         background-position:0% 0;
     }

     28%,
     100%{
         opacity:0;
         background-position:0% 0;
     }
 }
 @keyframes offer-shake-loop{

     0%,
     19%,
     100%{
         transform:translateX(0) rotate(0deg);
     }

     1.5%{
         transform:translateX(-0.375rem) rotate(-2deg);
     }

     3.8%{
         transform:translateX(0.375rem) rotate(2deg);
     }

     6.1%{
         transform:translateX(-0.3125rem) rotate(-1.7deg);
     }

     8.4%{
         transform:translateX(0.25rem) rotate(1.4deg);
     }

     10.6%{
         transform:translateX(-0.21875rem) rotate(-1.1deg);
     }

     12.9%{
         transform:translateX(0.15625rem) rotate(0.8deg);
     }

     15.2%{
         transform:translateX(-0.09375rem) rotate(-0.5deg);
     }

     17.1%{
         transform:translateX(0.0625rem) rotate(0.25deg);
     }
 }
 @keyframes slide-out-right{
     from{
         opacity:1;
         transform:translateX(0);
     }

     to{
         opacity:0;
         transform:translateX(5rem);
     }
 }
 @keyframes reward-line-in{
     from{
         opacity:0;
         transform:scaleX(0);
     }

     to{
         opacity:1;
         transform:scaleX(1);
     }
 }
 @keyframes reward-art-breathe{
     from{
         transform:translate(-50%, -50%) rotate(var(--reward-tilt)) scale(1);
     }

     to{
         transform:translate(-50%, -50%) rotate(var(--reward-tilt)) scale(1.09);
     }
 }
 @keyframes reel-out{
     from{
         opacity:1;
         transform:translate(-50%, -50%);
     }

     to{
         opacity:0;
         transform:translate(-50%, calc(-50% + 3rem));
     }
 }
 @keyframes winner-pop{
     0%{
         transform:scale(1);
     }

     35%{
         transform:scale(1.07);
     }

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

 @keyframes winner-glow-in{
     from{
         opacity:0;
     }

     to{
         opacity:1;
     }
 }
 @keyframes case-art-shake{

     0%,
     100%{
         transform:translateX(0) rotate(0deg);
     }

     20%{
         transform:translateX(-0.1875rem) rotate(-1.5deg);
     }

     45%{
         transform:translateX(0.1875rem) rotate(1.5deg);
     }

     70%{
         transform:translateX(-0.125rem) rotate(-0.8deg);
     }
 }
 @keyframes case-art-sheen{
     0%{
         opacity:1;
         background-position:100% 0;
     }

     90%{
         opacity:1;
     }

     100%{
         opacity:0;
         background-position:0% 0;
     }
 }
 @keyframes slide-in-right{
     from{
         opacity:0;
         transform:translateX(5rem);
     }

     to{
         opacity:1;
         transform:translateX(0);
     }
 }
 @keyframes feed-in{
     from{
         opacity:0;
         transform:translateX(-100%);
     }

     to{
         opacity:1;
         transform:translateX(0);
     }
 }
 @keyframes promo-sheen{
     0%{
         opacity:1;
         background-position:100% 0;
     }

     90%{
         opacity:1;
     }

     100%{
         opacity:0;
         background-position:0% 0;
     }
 }
 @keyframes offer-shake{

     0%,
     100%{
         transform:translateX(0) rotate(0deg);
     }

     8%{
         transform:translateX(-0.375rem) rotate(-2deg);
     }

     20%{
         transform:translateX(0.375rem) rotate(2deg);
     }

     32%{
         transform:translateX(-0.3125rem) rotate(-1.7deg);
     }

     44%{
         transform:translateX(0.25rem) rotate(1.4deg);
     }

     56%{
         transform:translateX(-0.21875rem) rotate(-1.1deg);
     }

     68%{
         transform:translateX(0.15625rem) rotate(0.8deg);
     }

     80%{
         transform:translateX(-0.09375rem) rotate(-0.5deg);
     }

     90%{
         transform:translateX(0.0625rem) rotate(0.25deg);
     }
 }
 @keyframes feed-flash-in-mb{
     0%{
         opacity:0;
         transform:translateY(-0.25rem);
     }

     14%{
         opacity:0.9;
         transform:translateY(0);
     }

     78%{
         opacity:0.9;
         transform:translateY(0);
     }

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

 @keyframes feed-flash-in{
     0%{
         opacity:0;
         transform:translate(-0.75rem, -50%);
     }

     14%{
         opacity:0.9;
         transform:translate(0, -50%);
     }

     78%{
         opacity:0.9;
         transform:translate(0, -50%);
     }

     100%{
         opacity:0;
         transform:translate(0.5rem, -50%);
     }
 }
 @keyframes live-feed-item-in{
     from{
         transform:translateX(-100%);
         opacity:0;
     }

     to{
         transform:translateX(0);
         opacity:1;
     }
 }
 @keyframes live-feed-item-flash{
     0%{
         box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0);
     }

     30%{
         box-shadow:inset 0 0 2.5rem 0 rgba(255, 255, 255, 0.5);
     }

     100%{
         box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0);
     }
 }

 @keyframes loader-pulse{
     0%,
     100%{
         transform:rotate(45deg) scale(0.5);
         opacity:0.4;
         filter:hue-rotate(-15deg);
     }

     50%{
         transform:rotate(45deg) scale(1.2);
         opacity:0.9;
         filter:hue-rotate(0deg);
     }
 }
 @keyframes coockie-in{
     from{
         opacity:0;
         transform:translateX(120%);
     }

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

 @keyframes footer-rise{
     from{
         transform:translateY(100%);
         opacity:0;
     }

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

 @keyframes popup-fade-in{
     from{
         opacity:0;
     }

     to{
         opacity:1;
     }
 }

 @keyframes popup-slide-in{
     from{
         transform:translate(-50%, calc(-50% + 1.5vw));
         opacity:0;
     }

     to{
         transform:translate(-50%, -50%);
         opacity:1;
     }
 }
 @keyframes popup-slide-up-auth{
     from{
         opacity:0;
         transform:translateY(2.2rem) scale(0.97);
     }

     to{
         opacity:1;
         transform:translateY(0) scale(1);
     }
 }
.loader{
    position:fixed;
    inset:0;
    z-index:var(--z-overlay);
    transition:opacity 0.3s ease;
    display:flex;
    align-items:center;
    justify-content:center;
    background:radial-gradient(50% 55.69% at 50% 48.98%, rgba(29, 22, 17, 0.315) 0%, #090f17d0 100%);
    gap:3.25rem;
}
.loader .loader__rhombus{
      width:3.25rem;
      height:3.25rem;
      background-color:#F07A3F;
      transform:rotate(45deg);
      animation:loader-pulse 1.2s infinite ease-in-out;
      box-shadow:0 0 15px #F02526;
      border-radius:0.3rem;
    }
.loader .loader__rhombus:nth-child(1){ animation-delay:-0.36s; }
.loader .loader__rhombus:nth-child(2){ animation-delay:-0.24s; }
.loader .loader__rhombus:nth-child(3){ animation-delay:-0.12s; }
.loader .loader__rhombus:nth-child(4){ animation-delay:0s; }

.loader::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
}

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

@media (max-width: 767.98px){
    .loader{
        gap:1.5rem;
    }

    .loader__rhombus{
        width:1.5rem !important;
        height:1.5rem !important;
    }
}
html{
    scrollbar-width:none;
    -ms-overflow-style:none;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}

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:"Open Sans", sans-serif;
    --color-white-1:#FFFFFF;

    --color-grey-1:#B3C7E4;
    --color-grey-2:#8194B1;
    --color-grey-3:#4F5E73;
    --color-grey-4:#E9F3F6;
    --color-grey-5:#8C8C8C;
    --color-grey-6:#A6A7AA;

    --color-black-1:#14171F;

    --color-blue-1:#002A99;

    --color-orange-1:#F07A3F;
    --color-orange-2:#F6A45A;

    --color-red-1:#F02526;
    --feed-width:11rem;
    --z-consent:10000;
    --z-logo:9000;
    --z-overlay:8000;
    --z-popup:7000;
    --z-content:1;
}
body{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    height:100vh;
    height:100dvh;
    min-height:100vh;
    min-height:100dvh;
    overflow:hidden;
    font-family:var(--font-primary);
    color:var(--color-white-1);

    background-color:var(--color-black-1);
}
body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background-image:url("/images/bg/bg-main-1.avif");
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
}
body.is-bg-wash::before{
    animation:bg-desaturate 2s ease-out 0.15s forwards;
}

body.is-bg-cycle::before{
    animation:bg-recolor 3.4s ease-in-out forwards;
}
.main{
    position:relative;
    display:flex;
    flex-direction:row;
    align-items:stretch;
    flex:1;
    width:100%;
    min-height:0;
    z-index:var(--z-content);
}
.page{
    position:relative;
    display:flex;
    flex-direction:column;
    flex:1;
    min-width:0;
    min-height:0;
    overflow:hidden;
}

.content{
    position:relative;
    width:100%;
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    min-height:0;
}

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

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

.text-selectable{
    user-select:text;
    -webkit-user-select:text;
}
.dk{
    display:block;
}

.mb{
    display:none;
}

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

    .mb{
        display:block;
    }
}
@media (max-width: 767.98px){
    body{
        height:auto;
        min-height:100vh;
        min-height:100dvh;
        overflow:visible;
    }

    html{
        overflow-x:hidden;
    }
    .main,
    .content{
        overflow-x:clip;
    }
    html,
    body{
        overscroll-behavior:none;
        touch-action:pan-x pan-y;
    }
    :root{
        --header-h:3.25rem;
        --feed-h:4.75rem;
        --promo-h:6.3125rem;
        --footer-h:3.875rem;
    }

    .main{
        flex-direction:column;
    }
    .page,
    .main-screen{
        overflow:visible;
    }
    .page{
        min-height:0;
        padding-bottom:var(--footer-h);
    }
}

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

[data-stage]{
    display:none;
}

[data-stage].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"].hide{
    display:none !important;
}
@media (max-width: 767.98px) and (min-height: 620px){
    html:has(.case-screen[data-phase="reward"]){
        overflow:hidden;
    }
}
@media (max-width: 767.98px) and (max-height: 700px){
    :root{
        --feed-h:4.5rem;
        --footer-h:3.25rem;
        --promo-h:5rem;
    }
}
.text-title{
	font-size:1.5rem;
	line-height:2rem;
	font-weight:600;
	text-transform:uppercase;
	color:var(--color-white-1);
	-webkit-user-select:none;
	        user-select:none;
}
.text-display{
	font-size:2rem;
	line-height:2rem;
	font-weight:800;
	letter-spacing:0.04em;
	text-transform:uppercase;
}
.text-caps{
	font-size:0.75rem;
	line-height:0.875rem;
	font-weight:400;
	letter-spacing:0.04em;
	text-transform:uppercase;
	-webkit-user-select:none;
	        user-select:none;
}
.text-muted{
	font-size:0.875rem;
	line-height:normal;
	font-weight:400;
	color:rgba(255, 255, 255, 0.6);
	-webkit-user-select:none;
	        user-select:none;
}
.text-badge{
	font-size:0.625rem;
	line-height:0.875rem;
	font-weight:700;
	font-style:italic;
	letter-spacing:-0.01em;
	text-transform:uppercase;
	color:var(--color-white-1);
}

.header{
	position:relative;
	z-index:var(--z-logo);
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	height:4.5rem;
	padding:1rem;
	background-color:var(--color-black-1);

	opacity:0;
	transition:opacity 1.25s ease;
}

.header__logo{
	display:inline-flex;
	align-items:center;
}

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

body.show .header{
	opacity:1;
}
@media (min-width: 1024px) and (max-width: 1919.98px) and (max-height: 700px){
	.header{
		height:3.75rem;
		padding:0.75rem 1rem;
	}

	.header__logo-img{
		height:2rem;
	}
}
@media (min-width: 768px) and (max-width: 1023.98px){
	.header{
		height:3.5rem;
		padding:0.75rem;
	}

	.header__logo-img{
		height:1.875rem;
	}
}
@media (max-width: 767.98px){
	.header{
		position:sticky;
		top:0;
		height:var(--header-h);
		padding:0.5rem 0.75rem;
	}

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

.live-feed{
	position:relative;
	z-index:var(--z-content);
	flex-shrink:0;
	--feed-flash-room:8rem;

	width:calc(var(--feed-width) + var(--feed-flash-room));
	margin-right:calc(var(--feed-flash-room) * -1);
	overflow:hidden;
	pointer-events:none;
	opacity:0;
}
.live-feed__track{
	display:flex;
	flex-direction:column;
	width:var(--feed-width);
}
.live-feed__item{
	--feed-pad-x:2.5rem;

	position:relative;
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0.25rem;
	min-height:8.3125rem;
	padding:0.5rem var(--feed-pad-x);
	border-left:0.35rem solid var(--feed-accent);
	border-bottom:1px dashed color-mix(in srgb, var(--feed-accent) 70%, transparent);;
	background-color:#090909;
}
.live-feed__item::after{
	content:"";
	position:absolute;
	inset:0;
	background-color:var(--feed-accent);
	opacity:0.2;
	pointer-events:none;
}
.live-feed__item::before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(to right, var(--feed-accent) 10%, transparent 100%);
	opacity:0.3;
	pointer-events:none;
}
.live-feed__item.is-entering{
	animation:live-feed-item-in 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), live-feed-item-flash 0.9s ease-out;
}
.live-feed__item-img,
.live-feed__item-caption{
	position:relative;
	z-index:1;
}

.live-feed__item-img{
	flex-shrink:0;
	width:6rem;
	height:4.5rem;
	object-fit:contain;
	filter:drop-shadow(0 0.25rem 0.375rem rgba(0, 0, 0, 0.6));
}
.live-feed__item-caption{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:calc(100% + var(--feed-pad-x) * 2);
	margin-inline:calc(var(--feed-pad-x) * -1);
	overflow:hidden;
	text-align:center;
	text-transform:uppercase;
	color:var(--color-white-1);
}

.live-feed__item-name{
	font-size:0.75rem;
	line-height:normal;
	font-weight:400;
	white-space:nowrap;
}

.live-feed__item-skin{
	font-size:1.125rem;
	line-height:normal;
	font-weight:700;
	white-space:nowrap;
}
.feed-flash{
	position:absolute;
	z-index:var(--z-content);
	top:1.25rem;
	left:calc(100% + 0.5rem);
	transform:translateY(-50%);

	display:inline-flex;
	align-items:center;
	padding:0.3125rem 0.75rem;
	border:1px solid transparent;
	border-radius:0.3rem;
	background-color:rgba(255, 255, 255, 0.06);
	backdrop-filter:blur(20px);
	-webkit-backdrop-filter:blur(20px);
	color:var(--color-grey-6);
	white-space:nowrap;

	opacity:0;
	pointer-events:none;

	font-size:0.625rem;
	font-weight:500;
}

.live-feed__item.is-entering .feed-flash{
	animation:feed-flash-in 2.5s ease-out 0.4s;
}
.live-feed__item--violet{
	--feed-accent:#8B59FF;
}

.live-feed__item--pink{
	--feed-accent:#B72EA5;
}

.live-feed__item--gold{
	--feed-accent:#BC9C23;
}

.live-feed__item--red{
	--feed-accent:#B72E30;
}
@media (min-width: 1024px) and (max-width: 1919.98px){
	:root{
		--feed-width:9.75rem;
	}

	.live-feed__item{
		--feed-pad-x:1.875rem;

		min-height:7.75rem;
	}

	.live-feed__item-img{
		width:5.5rem;
		height:4.125rem;
	}

	.live-feed__item-skin{
		font-size:1rem;
	}
	.feed-flash{
		padding:0.25rem 0.625rem;
		font-size:0.625rem;
		font-weight:400;
	}
}
@media (min-width: 768px) and (max-width: 1023.98px){
	:root{
		--feed-width:8.75rem;
	}
	.live-feed{
		--feed-flash-room:0rem;
	}
	.live-feed__item{
		--feed-pad-x:1.25rem;

		min-height:7.5rem;
		padding:1.5rem var(--feed-pad-x) 0.5rem;
		gap:0.1875rem;
	}

	.live-feed__item-img{
		width:4.5rem;
		height:3.375rem;
	}

	.live-feed__item-name{
		font-size:0.6875rem;
	}

	.live-feed__item-skin{
		font-size:0.875rem;
	}
	.feed-flash{
		top:0.625rem;
		left:auto;
		right:0.25rem;
		padding:0.125rem 0.375rem;
		border-radius:0.25rem;
		font-size:0.5rem;
	}
}
@media (max-width: 767.98px){
	.live-feed{
		--feed-flash-room:0rem;

		position:sticky;
		top:var(--header-h);
		z-index:100;

		width:100%;
		height:var(--feed-h);
		margin-right:0;
		background-color:var(--color-black-1);
		pointer-events:auto;
	}

	.live-feed__track{
		flex-direction:row;
		width:auto;
		height:100%;
	}
	.live-feed__item{
		--feed-pad-x:0.25rem;

		flex:0 0 clamp(4.5rem, 24.5vw, 6.5rem);
		min-height:0;
		height:100%;
		padding:0.9rem var(--feed-pad-x) 0.25rem;
		gap:0;
		border-left:0;
		border-right:1px dashed color-mix(in srgb, var(--feed-accent) 70%, transparent);
		border-bottom:0.1875rem solid var(--feed-accent);
	}
	.live-feed__item::before{
		background:linear-gradient(to top, var(--feed-accent) 10%, transparent 100%);
	}

	.live-feed__item-img{
		width:2.75rem;
		height:2rem;
	}

	.live-feed__item-name{
		font-size:0.35rem;
		margin-top:4px;
	}

	.live-feed__item-skin{
		font-size:0.5625rem;
	}
	.live-feed__item.is-entering{
		animation:live-feed-item-flash 0.9s ease-out;
	}
	.feed-flash{
		top:0.1875rem;
		bottom:auto;
		left:auto;
		right:0.1875rem;
		transform:none;
		padding:0.0625rem 0.25rem;
		border-radius:0.1875rem;
		font-size:0.375rem;
		line-height:1.1;
		font-weight:400;
	}

	.live-feed__item.is-entering .feed-flash{
		animation:feed-flash-in-mb 2.5s ease-out 0.4s;
	}
}
@media (max-width: 767.98px) and (max-height: 700px){
	.live-feed__item{
		padding-top:0.9375rem;
	}

	.live-feed__item-img{
		width:2.25rem;
		height:1.625rem;
	}
	.live-feed__item-name{
		font-size:0.4375rem;
		line-height:1.15;
	}

	.live-feed__item-skin{
		font-size:0.5625rem;
		line-height:1.15;
	}
	.live-feed__item-caption{
		gap:2px;
	}
	.feed-flash{
		padding:0.0625rem 0.1875rem;
		font-size:0.375rem;
		font-weight:400;
	}
}

.footer{
    position:relative;
    z-index:2;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:0.375rem 5rem;
    padding-bottom:calc(0.375rem + env(safe-area-inset-bottom, 0px));

    background-color:rgba(20, 23, 31, 0.6);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    -webkit-user-select:none;
            user-select:none;
    transform:translateY(100%);
    opacity:0;
}

.footer.show{
        animation:footer-rise 0.5s ease-out 1.15s forwards;
    }

.footer .footer__content{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:2rem;
        width:100%;
    }

.footer .footer__brand{
        display:flex;
        align-items:center;
        flex-shrink:0;
    }

.footer .footer__copy{
        display:flex;
        flex-direction:column;
        gap:0.125rem;
        font-size:0.625rem;
        line-height:0.875rem;
        letter-spacing:0.04em;
        text-transform:uppercase;
        color:var(--color-grey-3);
        font-weight:500;
    }

:is(.footer .footer__copy) > div{
            display:flex;
            align-items:center;
            gap:0.5rem;
        }

:is(.footer .footer__copy) span{
            white-space:nowrap;
        }

:is(.footer .footer__copy) a{
            transition:color 0.2s ease;
            color:rgba(255, 255, 255, 0.6);
        }

:is(:is(.footer .footer__copy) a):hover{
                color:var(--color-orange-2);
            }

.footer .footer__terms{
        display:flex;
        align-items:center;
        gap:5rem;
        font-size:0.75rem;
        line-height:1rem;
        letter-spacing:0.04em;
        text-transform:uppercase;
        color:rgba(255, 255, 255, 0.6);
    }

:is(.footer .footer__terms) p{
            cursor:pointer;
            white-space:nowrap;
            transition:color 0.2s ease;
        }

:is(:is(.footer .footer__terms) p):hover{
                color:var(--color-orange-2);
            }
@media (min-width: 768px) and (max-width: 1023.98px){
    .footer{
        padding:0.375rem 0.75rem;
        padding-bottom:calc(0.375rem + env(safe-area-inset-bottom, 0px));
    }

        .footer .footer__content{
            gap:1rem;
        }

        .footer .footer__copy{
            font-size:0.5rem;
            line-height:0.6875rem;
        }

            :is(.footer .footer__copy) > div{
                gap:0.375rem;
            }

        .footer .footer__terms{
            gap:0.75rem;
            font-size:0.625rem;
            line-height:0.875rem;
        }
}
@media (max-width: 767.98px){
    .footer{
        position:fixed;
        bottom:0;
        left:0;
        z-index:var(--z-overlay);

        padding:0.5rem 0.75rem;
        padding-bottom:calc(0.5rem + env(safe-area-inset-bottom, 0px));
    }
        .footer .footer__content{
            flex-direction:column-reverse;
            gap:0.25rem;
        }

        .footer .footer__brand{
            justify-content:center;
        }

        .footer .footer__copy{
            align-items:center;
            gap:3px;
            font-size:clamp(0.325rem, 2vw, 0.425rem);
            line-height:1.2;
            text-align:center;
        }

            :is(.footer .footer__copy) > div{
                flex-wrap:wrap;
                justify-content:center;
                gap:0.125rem 0.3125rem;
            }

        .footer .footer__terms{
            flex-wrap:wrap;
            justify-content:center;
            gap:0.375rem 1rem;
            font-size:clamp(0.5625rem, 2.8vw, 0.75rem);
        }
}
@media (max-width: 767.98px) and (max-height: 700px){
    .footer{
        padding:0.3125rem 0.75rem;
        padding-bottom:calc(0.3125rem + env(safe-area-inset-bottom, 0px));
    }

        .footer .footer__terms{
            gap:0.25rem 0.75rem;
        }
}

.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:0.625rem;
	padding:0.375rem 2.5rem;
	border:0.5px solid rgba(255, 255, 255, 0.4);
	border-radius:1.5rem;
	background-image:linear-gradient(109.95deg, var(--color-orange-2) 0%, var(--color-orange-1) 100%);
	color:var(--color-white-1);
	font-size:0.875rem;
	line-height:normal;
	font-weight:400;
	white-space:nowrap;
	transition:filter 0.2s ease, box-shadow 0.2s ease;
}

.btn:hover{
	filter:brightness(1.08);
	box-shadow:0 0 1rem rgba(240, 122, 63, 0.45);
}
.btn--ghost{
	border:1px solid var(--color-orange-1);
	background-image:none;
	background-color:rgba(255, 255, 255, 0.04);
	color:var(--color-orange-1);
}

.btn--ghost:hover{
	filter:none;
	background-color:rgba(240, 122, 63, 0.14);
	box-shadow:0 0 1rem rgba(240, 122, 63, 0.3);
}
.btn:disabled{
	background-image:linear-gradient(109.95deg, rgba(240, 240, 240, 0.1) 0%, rgba(189, 189, 189, 0.1) 100%);
	opacity:0.2;
	cursor:default;
	pointer-events:none;
}
.coockie-banner{
    position:fixed;
    --banner-edge:1rem;
    --footer-h:2.2rem;
    right:var(--banner-edge);
    bottom:calc(var(--footer-h) + var(--banner-edge));
    z-index:var(--z-consent);
    box-sizing:border-box;
    width:clamp(180px, 42%, 250px);
    padding:1.1rem clamp(1.25rem, 1.5vw, 1.6rem);
    border-radius:0.45rem;
    background-color:#14171F;
    border:1px solid var(--color-orange-1);
    box-shadow:0 0 15px 1px rgba(0, 0, 0, 0.45), 0 12px 32px rgba(0, 0, 0, 0.5);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    transform:translateX(120%);
    opacity:0;
}
@media (max-width: 767.98px){
.coockie-banner{
        right:0.75rem;
        left:0.75rem;
        width:auto;
        bottom:calc(3.65rem + env(safe-area-inset-bottom, 0px));
        padding:1rem 1.1rem;
}
    }
@media (min-width: 768px) and (max-width: 1023.98px){
.coockie-banner{
        width:clamp(320px, 62%, 560px);
        bottom:4.5rem;
}
    }

.coockie-banner.show{
    animation:coockie-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) 3.1s forwards;
}

.coockie-banner__inner{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0.7rem;
}

.coockie-banner__inner h3{
        font-family:var(--font-primary);
        font-size:1rem;
        font-weight:800;
        line-height:1.1;
        margin-bottom:0.5rem;
        text-transform:uppercase;
        letter-spacing:0.02em;
        -webkit-user-select:none;
                user-select:none;

        background:linear-gradient(94deg, #F6A45A 0%, #f05425 100%);
        background-clip:text;
        -webkit-background-clip:text;
        -webkit-text-fill-color:transparent;
    }

@media (max-width: 767.98px){

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

.coockie-banner__text{
    font-size:0.8rem;
    color:var(--color-grey-6);
    font-family:var(--font-primary);
    -webkit-user-select:none;
            user-select:none;
    line-height:1.5;
    display:inline;
    font-weight:400;
}

@media (max-width: 767.98px){

.coockie-banner__text{
        font-size:0.72rem;
}
    }

.coockie-banner__link{
    color:var(--color-grey-4);
    text-decoration:underline;
    text-underline-offset:3px;
    font-weight:500;
    cursor:pointer;
    display:inline;
    transition:color 0.2s ease, text-shadow 0.2s ease;
    font-family:var(--font-primary);
    margin-left:2px;
    font-size:0.8rem;
}

.coockie-banner__link:hover{
        color:var(--color-orange-2);
    }
.coockie-banner__btn{
    margin-top:0.4rem;
    align-self:flex-end;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:none;
	border-radius:1.5rem;
    cursor:pointer;
    padding:0.55rem 1.45rem;
    background:linear-gradient(180deg, #F6A45A 0%, #F07A3F 100%);
    box-shadow:0 2px 12px #ffb16c33, 0 0 20px rgba(255, 119, 78, 0.37);
    transition:transform 0.15s ease;
}
.coockie-banner__btn:hover{
        transform:translateY(-1px);
    }
.coockie-banner__btn:active{
        transform:translateY(1px);
    }
.coockie-banner__btn span{
        font-size:0.875rem;
        font-family:var(--font-primary);
        font-weight:400;
        color:var(--color-white-1);
    }
@media (max-width: 767.98px){
.coockie-banner__btn span{
            font-size:0.8rem;
    }
        }
.popup-terms-wrap{
  position:fixed;
  inset:0;
  z-index:9995;
  background:rgba(5, 9, 12, 0.78);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  display:none;
}

.popup-terms-wrap.show{
  display:block;
  animation:popup-fade-in 0.25s ease;
}
.popup-terms{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:9996;
  width:min(74vw, 90vw);
  max-height:80vh;
  overflow:hidden;
  background:radial-gradient(50% 55.69% at 50% 48.98%, #14171F 0%, #14171F 100%);

  border:2px solid #F07A3F;
  border-radius:0.52vw;
  box-shadow:0 0 40px #f07a3f81, 0 0 25px #f07a3f96, inset 0 0 4px #f07a3f46;
  cursor:default;
  display:none;
  animation:popup-slide-in 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  margin-top:10px;
}

.popup-terms.show{
  display:block;
}
.popup-terms::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:8vw;
  background:linear-gradient(to top, #05090C 0%, rgba(5, 9, 12, 0) 100%);
  pointer-events:none;
  z-index:1;
}
.popup-terms-content{
  max-height:80vh;
  overflow-y:auto;
}

.popup-terms-close{
  position:absolute;
  top:1vw;
  right:1.6vw;
  width:2.2vw;
  height:2.2vw;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ff493811;
  border:1px solid #F07A3F;
  border-radius:0.26vw;
  color:rgba(255, 255, 255, 0.5);
  cursor:pointer;
  transition:background-color 0.2s, color 0.2s, border-color 0.2s;
  flex-shrink:0;
  z-index:2;
}

.popup-terms-close svg{
  width:0.78vw;
  height:0.78vw;
}

.popup-terms-close:hover{
  background:#ff493849;
  border-color:#FF4938;
  color:var(--color-white-1);
}
.terms{
  width:100%;
  max-width:70vw;
  margin:0 auto;
  padding:3vw 3vw 5vw;
  color:var(--color-grey-6);
  font-family:var(--font-primary);
  font-size:1.2vw;
  font-weight:400;
  line-height:1.5;
}

.terms h2{
  text-align:center;
  font-family:var(--font-primary);
  font-size:2.5vw;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:0.04em;

  background:linear-gradient(94deg, #F6A45A 0%, #f05425 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.terms h2:after{
  content:"";
  position:relative;
  width:20vw;
  height:1px;
  display:block;
  background:linear-gradient(90deg, transparent 0%, #F6A45A 50%, transparent 100%);
  border:none;
  margin:1rem auto 2.5rem;
}

.terms h3{
  margin:2rem 0 0.75rem;
  font-family:var(--font-primary);
  font-size:1.8vw;
  font-weight:700;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:0.05em;

  background:linear-gradient(94deg, #F6A45A 0%, #f05425 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.terms h4{
  margin:1.5rem 0 0.5rem;
  font-family:var(--font-primary);
  font-size:1.2vw;
  font-weight:700;
  line-height:1.2;

  background:linear-gradient(94deg, #F6A45A 0%, #f05425 100%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.terms :is(li, p){
  margin:0.4rem 0;
}

.terms strong{
  font-weight:700;
  color:var(--color-white-1);
}

.terms ol{
  list-style-type:decimal;
  padding-left:2vw;
}

.terms ul{
  list-style-type:disc;
  padding-left:2vw;
}

@media (max-width: 767px){
  .terms{
    font-size:3.73vw;
    padding:8vw 6.4vw 10vw;
    max-width:100%;
  }
  
  .terms h1{
    font-size:9.6vw;
  }

  .terms h2{
    font-size:6.8vw;
  }

  .terms h3{
    font-size:4.27vw;
  }

  .popup-terms{
    border-radius:0.3rem;
  }

  .popup-terms-close{
    width:5.2vw;
    height:5.2vw;
    border-radius:0.3rem;
  }

  .popup-terms-close svg{
    width:2.78vw;
    height:2.78vw;
  }
}

.popup-auth{
    display:none;
    position:fixed;
    inset:0;
    z-index:var(--z-popup);
    align-items:center;
    justify-content:center;
    padding:1.5rem;
}

.popup-auth.show{
    display:flex;
}

.popup-auth__overlay{
    position:absolute;
    inset:0;
    background-color:rgba(9, 15, 23, 0.85);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
.popup-auth__modal{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2.5rem;
    width:min(41.875rem, 92vw);
    padding:2.5rem 3.75rem 3.75rem;
    border:1px solid var(--color-orange-1);
    border-radius:0.3rem;
    background-color:var(--color-black-1);
    overflow:hidden;
    animation:popup-slide-up-auth 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.popup-auth__modal::before,
.popup-auth__modal::after{
    content:"";
    position:absolute;
    width:30rem;
    height:30rem;
    background-image:radial-gradient(circle,
            rgba(240, 122, 63, 0.25) 0%,
            rgba(240, 122, 63, 0.1) 25%,
            transparent 70%);
    pointer-events:none;
}

.popup-auth__modal::before{
    top:-15rem;
    left:-15rem;
}

.popup-auth__modal::after{
    right:-15rem;
    bottom:-15rem;
}
.popup-auth__head,
.popup-auth__btn,
.popup-auth__close{
    position:relative;
    z-index:1;
}
.popup-auth__head{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:1.5rem;
    text-align:center;
}

.popup-auth__title{
    font-size:4rem;
    line-height:normal;
    font-weight:600;
    color:var(--color-white-1);
    white-space:nowrap;
}

.popup-auth__lead{
    font-size:1.125rem;
    line-height:normal;
    color:rgba(255, 255, 255, 0.6);
}
.popup-auth__btn{
    gap:0.625rem;
    padding:0.75rem 2.5rem;
    border-radius:2.5rem;
    font-size:1.75rem;
    font-weight:500;
    animation:offer-shake-loop 5s ease-in-out infinite;
}

.popup-auth__btn-icon{
    flex-shrink:0;
    width:2.15rem;
    height:2.15rem;
    object-fit:contain;
}

.popup-auth__close{
    position:absolute;
    top:1rem;
    right:1.25rem;
    font-size:1.25rem;
    line-height:1;
    color:rgba(255, 255, 255, 0.4);
    transition:color 0.2s ease;
}

.popup-auth__close:hover{
    color:var(--color-orange-1);
}
@media (max-width: 767.98px){
    .popup-auth{
        padding:1rem;
    }

    .popup-auth__modal{
        gap:1.25rem;
        width:100%;
        padding:1.75rem 1rem 2rem;
    }
    .popup-auth__modal::before,
    .popup-auth__modal::after{
        width:18rem;
        height:18rem;
    }

    .popup-auth__modal::before{
        top:-9rem;
        left:-9rem;
    }

    .popup-auth__modal::after{
        right:-9rem;
        bottom:-9rem;
    }

    .popup-auth__head{
        gap:0.625rem;
    }

    .popup-auth__title{
        font-size:clamp(1.25rem, 6.6vw, 1.875rem);
    }

    .popup-auth__lead{
        font-size:clamp(0.75rem, 3.4vw, 0.9375rem);
        line-height:1.4;
    }

    .popup-auth__btn{
        gap:0.5rem;
        padding:0.5rem 1.5rem;
        font-size:clamp(0.9375rem, 4.6vw, 1.25rem);
    }

    .popup-auth__btn-icon{
        width:1.5rem;
        height:1.5rem;
    }

    .popup-auth__close{
        top:0.5rem;
        right:0.75rem;
        font-size:1rem;
    }
}

.promo-bar{
	position:relative;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:4.5rem;
	width:71rem;
	height:6.875rem;
	padding:0.75rem 0;
	border:2px solid rgba(245, 92, 54, 0.45);
	border-radius:6.25rem;
	overflow:hidden;
	backdrop-filter:blur(15px);
	-webkit-backdrop-filter:blur(15px);
}
.promo-bar::before{
	content:"";
	position:absolute;
	inset:0;
	background-image:url("/images/bg/bg-promo.avif");
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	animation:promo-bg-drift 22s ease-in-out infinite alternate;
	will-change:transform;
	pointer-events:none;
}
.promo-bar::after{
	content:"";
	position:absolute;
	inset:0;
	background-image:radial-gradient(55% 190% at 8% 25%, rgba(240, 37, 38, 0.175) 0%, transparent 65%), radial-gradient(55% 190% at 92% 25%, rgba(240, 37, 38, 0.175) 0%, transparent 65%), linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.02) 50%, transparent 100%);
	pointer-events:none;
}
.promo-bar>*{
	position:relative;
	z-index:1;
}
.promo-bar__sheen{
	position:absolute;
	inset:0;
	z-index:2;
	background-image:linear-gradient(105deg,
			transparent 44%,
			rgba(255, 255, 255, 0.16) 50%,
			transparent 56%);
	background-size:250% 100%;
	background-position:100% 0;
	background-repeat:no-repeat;
	opacity:0;
	pointer-events:none;
}
.promo-bar__voucher{
	flex-shrink:0;
	width:10.5rem;
	height:5rem;
}
.promo-bar__voucher-img{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:4.5rem;
	height:5rem;
	object-fit:contain;
	animation:voucher-float 3.5s ease-in-out infinite alternate;
	will-change:transform;
}
.promo-bar__voucher-labels{
	position:absolute;
	top:0.5rem;
	left:3.25rem;
	display:flex;
	flex-direction:column;
	width:7.25rem;
	-webkit-user-select:none;
	        user-select:none;
}
.promo-bar__voucher-value{
	font-size:1.75rem;
	line-height:1.75rem;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.4375rem 0.875rem 0.4375rem 2.25rem;
	border-top-right-radius:1rem;
	background-image:linear-gradient(99.39deg, var(--color-orange-1) 0%, var(--color-red-1) 100%);
	color:var(--color-white-1);
	white-space:nowrap;
}

.promo-bar__voucher-caption{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.25rem 0.875rem 0.25rem 2.25rem;
	border-bottom-right-radius:1rem;
	background-color:var(--color-white-1);
	color:var(--color-orange-1);
	white-space:nowrap;
	font-weight:500;
}
.promo-bar__offer{
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	padding:1rem 1.875rem;
	border-radius:6.25rem;
	background-color:rgba(255, 255, 255, 0.1);
	backdrop-filter:blur(20px);
	-webkit-backdrop-filter:blur(20px);
	-webkit-user-select:none;
	        user-select:none;
}
.promo-bar__offer::before{
	content:"";
	position:absolute;
	inset:0;
	padding:2px;
	border-radius:inherit;
	background-image:linear-gradient(99.39deg, var(--color-orange-2) 0%, var(--color-red-1) 100%);
	-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite:xor;
	-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	        mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite:xor;
	        mask-composite:exclude;
	pointer-events:none;
}
.promo-bar__offer.is-urgent{
	animation:offer-shake-loop 5s ease-in-out infinite;
}

.promo-bar__offer.is-urgent .promo-bar__timer{
	color:var(--color-red-1);
}

.promo-bar__offer-label{
	color:var(--color-orange-1);
	white-space:nowrap;
	font-weight:500;
}
.promo-bar__timer{
	font-size:1.875rem;
	line-height:1.875rem;
	color:var(--color-white-1);
	text-align:center;
	white-space:nowrap;
	font-variant-numeric:tabular-nums;
}
.promo-bar__offer-icon{
	position:absolute;
	top:-0.9rem;
	right:-1.2rem;
	width:3rem;
	height:3rem;
	object-fit:contain;
}
.promo-bar__code{
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.25rem;
	width:11.25rem;
	text-align:center;
}

.promo-bar__code-value{
	font-size:1.875rem;
	line-height:1.875rem;
	background-image:linear-gradient(111.05deg, var(--color-orange-1) 0%, var(--color-red-1) 100%);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
	white-space:nowrap;
}
@media (min-width: 1024px) and (max-width: 1919.98px){
	.promo-bar{
		gap:3rem;
		width:min(63rem, 100% - 3rem);
		height:5.5rem;
		padding:0.5rem 0;
	}

	.promo-bar__voucher{
		width:8.75rem;
		height:4.125rem;
	}

	.promo-bar__voucher-img{
		width:3.625rem;
		height:4.125rem;
	}

	.promo-bar__voucher-labels{
		top:0.375rem;
		left:2.625rem;
		width:6.125rem;
	}

	.promo-bar__voucher-value{
		padding:0.3125rem 0.6875rem 0.3125rem 1.875rem;
		font-size:1.375rem;
		line-height:1.375rem;
	}

	.promo-bar__voucher-caption{
		padding:0.125rem 0.6875rem 0.125rem 1.875rem;
	}

	.promo-bar__offer{
		gap:0.375rem;
		padding:0.75rem 1.375rem;
	}

	.promo-bar__timer,
	.promo-bar__code-value{
		font-size:1.5rem;
		line-height:1.5rem;
	}

	.promo-bar__offer-icon{
		top:-0.6875rem;
		right:-0.875rem;
		width:2.25rem;
		height:2.25rem;
	}

	.promo-bar__code{
		width:9.5rem;
	}
}
@media (min-width: 1024px) and (max-width: 1919.98px) and (max-height: 700px){
	.promo-bar{
		height:4.75rem;
		padding:0.375rem 0;
	}

	.promo-bar__voucher{
		height:3.75rem;
	}

	.promo-bar__voucher-img{
		height:3.75rem;
	}

	.promo-bar__voucher-labels{
		top:0.25rem;
	}

	.promo-bar__offer{
		padding:0.625rem 1.375rem;
	}

	.promo-bar__offer-icon{
		top:-0.5625rem;
		width:2rem;
		height:2rem;
	}
}
@media (min-width: 768px) and (max-width: 1023.98px){
	.promo-bar{
		display:grid;
		grid-template-areas:"voucher code" "offer offer";
		grid-template-columns:auto auto;
		justify-content:center;
		align-items:center;
		gap:0.5rem 2rem;

		width:100%;
		height:auto;
		padding:0.5rem 1rem;
		border-left:0;
		border-right:0;
		border-radius:0;
	}

	.promo-bar__voucher{
		grid-area:voucher;
		width:7.5rem;
		height:3.5rem;
	}

	.promo-bar__voucher-img{
		width:3.125rem;
		height:3.5rem;
	}

	.promo-bar__voucher-labels{
		top:0.3125rem;
		left:2.25rem;
		width:5.25rem;
	}

	.promo-bar__voucher-value{
		padding:0.1875rem 0.5rem 0.1875rem 1.5rem;
		font-size:1.0625rem;
		line-height:1.0625rem;
	}

	.promo-bar__voucher-caption{
		padding:0.0625rem 0.5rem 0.0625rem 1.5rem;
		font-size:0.6875rem;
	}

	.promo-bar__offer-label{
		font-size:0.6875rem;
	}

	.promo-bar__code{
		grid-area:code;
		width:8rem;
	}

	.promo-bar__code .text-caps{
		font-size:0.6875rem;
	}
	.promo-bar__offer{
		grid-area:offer;
		justify-self:center;
		gap:0.3125rem;
		padding:0.5rem 1rem;
	}

	.promo-bar__timer,
	.promo-bar__code-value{
		font-size:1.1875rem;
		line-height:1.1875rem;
	}

	.promo-bar__offer-icon{
		top:-0.5rem;
		right:-0.625rem;
		width:1.75rem;
		height:1.75rem;
	}
}
@media (max-width: 767.98px){
	.promo-bar{
		position:sticky;
		top:calc(var(--header-h) + var(--feed-h));
		z-index:100;

		display:grid;
		grid-template-areas:"voucher code" "offer offer";
		grid-template-columns:1fr 1fr;
		justify-items:center;
		align-items:center;
		gap:0.375rem 0.5rem;

		width:100%;
		height:auto;
		padding:0.375rem 0.75rem;
		border-top:0;
		border-left:0;
		border-right:0;
		border-radius:0;
		background-color:var(--color-black-1);
	}

	.promo-bar__voucher{
		grid-area:voucher;
		width:clamp(6.25rem, 37vw, 8rem);
		height:clamp(2.375rem, 14vw, 3.125rem);
	}
	.promo-bar__voucher-img{
		top:50%;
		left:6%;
		transform:translateY(-50%);
		width:48%;
		height:96%;
		animation:none;
		will-change:auto;
	}

	.promo-bar__voucher-labels{
		top:50%;
		left:27%;
		transform:translateY(-50%);
		width:65%;
	}

	.promo-bar__voucher-value{
		padding:0.0625rem 0.3125rem 0.0625rem 1.125rem;
		font-size:clamp(0.75rem, 4vw, 1rem);
		line-height:1.2;
	}

	.promo-bar__voucher-caption{
		padding:0.0625rem 0.3125rem 0.0625rem 1.125rem;
		font-size:clamp(0.4375rem, 2.2vw, 0.5625rem);
	}

	.promo-bar__code{
		grid-area:code;
		width:auto;
		gap:0.125rem;
	}
	.promo-bar__code .text-caps{
		font-size:clamp(0.4375rem, 2.1vw, 0.5625rem);
		color:rgba(255, 255, 255, 0.75);
	}

	.promo-bar__offer{
		grid-area:offer;
		gap:0.3125rem;
		padding:0.3125rem 0.75rem;
	}
	.promo-bar__offer-label{
		font-size:clamp(0.375rem, 1.8vw, 0.5rem);
		line-height:1.15;
	}

	.promo-bar__timer,
	.promo-bar__code-value{
		font-size:clamp(0.875rem, 4.6vw, 1.1875rem);
		line-height:1.2;
	}

	.promo-bar__offer-icon{
		top:-0.35rem;
		right:-0.9rem;
		width:1.5rem;
		height:1.5rem;
	}
}
@media (max-width: 767.98px) and (max-height: 700px){
	.promo-bar{
		gap:0.25rem 0.5rem;
		padding:0.25rem 0.75rem;
	}

	.promo-bar__voucher{
		height:clamp(2rem, 12vw, 2.75rem);
	}

	.promo-bar__offer{
		padding:0.25rem 0.75rem;
	}

	.promo-bar__timer,
	.promo-bar__code-value{
		font-size:clamp(0.8125rem, 4.2vw, 1.0625rem);
	}
}

.case-card{
	position:relative;
	flex:1 1 0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	padding:1rem;
	border-radius:0.3rem;
}
.case-card__flag{
	position:absolute;
	top:-0.5625rem;
	left:1rem;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.125rem 0.625rem;
	border-radius:2.6875rem;
	background-color:rgba(255, 255, 255, 0.1);
	backdrop-filter:blur(40px);
	-webkit-backdrop-filter:blur(40px);
	-webkit-user-select:none;
	        user-select:none;
}

.case-card__title{
	width:100%;
}

.case-card__meta{
	display:flex;
	align-items:center;
	gap:0.5rem;
	height:1.1875rem;
}

.case-card__badge{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.125rem 0.6rem;
	padding-left:0.55rem;
	border-radius:2.6875rem;
	-webkit-user-select:none;
	        user-select:none;
}

.case-card__badge--new{
	background-color:var(--color-red-1);
	padding-left:0.45rem;
}

.case-card__badge--soon{
	background-color:var(--color-grey-5);
}
.case-card__art{
	position:relative;
	width:11.25rem;
	height:8.9375rem;
}

.case-card__art-img{
	position:absolute;
	top:0;
	left:-0.5625rem;
	width:12.375rem;
	max-width:none;
	height:11.75rem;
	object-fit:cover;
}
.case-card__actions{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	justify-content:center;
	gap:0.625rem;
	width:11.25rem;
}

.case-card__price{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0.25rem 1.5rem;
	border:1px solid var(--color-orange-2);
	border-radius:6.25rem;
	background-color:rgba(255, 255, 255, 0.01);
	backdrop-filter:blur(40px);
	-webkit-backdrop-filter:blur(40px);
	color:var(--color-orange-1);
	font-size:1.125rem;
	line-height:normal;
	font-weight:700;
	text-transform:uppercase;
	white-space:nowrap;
	-webkit-user-select:none;
	        user-select:none;
}

.case-card__btn{
	width:100%;
}
.case-card__art::after{
	content:"";
	position:absolute;
	top:0;
	left:-0.5625rem;
	width:12.375rem;
	height:11.75rem;
	background-image:linear-gradient(105deg,
			transparent 42%,
			rgba(255, 255, 255, 0.8) 50%,
			transparent 58%);
	background-size:300% 100%;
	background-position:100% 0;
	background-repeat:no-repeat;
	-webkit-mask-image:var(--case-art);
	mask-image:var(--case-art);
	-webkit-mask-size:cover;
	mask-size:cover;
	-webkit-mask-position:center;
	mask-position:center;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	opacity:0;
	pointer-events:none;
}
.case-card:not(.case-card--locked){
	transition:background-color 0.25s ease, box-shadow 0.25s ease;
}
.case-card:not(.case-card--locked) .case-card__title{
		transition:color 0.25s ease;
	}
.case-card:not(.case-card--locked) .case-card__price{
		transition:background-color 0.25s ease, box-shadow 0.25s ease;
	}
.case-card:not(.case-card--locked) .case-card__art-img{
		transition:filter 0.25s ease;
	}

.case-card:not(.case-card--locked):hover{
	background-color:#090909;
	box-shadow:0 0 1.25rem 0 rgba(240, 122, 63, 0.24);
}

.case-card:not(.case-card--locked):hover .case-card__title{
		color:var(--color-orange-1);
	}

.case-card:not(.case-card--locked):hover .case-card__price{
		background-color:rgba(255, 255, 255, 0.16);
		box-shadow:0 0 2.5rem 0 rgba(240, 122, 63, 0.6);
	}

.case-card:not(.case-card--locked):hover .case-card__art-img{
		filter:drop-shadow(0 0 1.25rem rgba(240, 122, 63, 0.4));
		animation:case-art-shake 0.5s ease-in-out;
	}

.case-card:not(.case-card--locked):hover .case-card__art::after{
		animation:case-art-sheen 0.9s ease-out;
	}
.case-card--locked .case-card__art-img{
		filter:grayscale(1);
	}
@media (min-width: 1024px) and (max-width: 1919.98px){
	.case-card__title{
		font-size:1.25rem;
		line-height:1.625rem;
	}

	.case-card .text-muted{
		font-size:0.8125rem;
	}
	.case-card__badge--soon{
		padding:0.125rem 0.5rem;
		font-size:0.5625rem;
		white-space:nowrap;
	}

	.case-card__art{
		width:9rem;
		height:7.125rem;
	}

	.case-card__art-img,
	.case-card__art::after{
		left:-0.5625rem;
		width:10.125rem;
		height:9.625rem;
	}

	.case-card__actions{
		gap:0.5rem;
		width:9rem;
	}

	.case-card__price{
		padding:0.1875rem 1.125rem;
		font-size:1rem;
	}

	.case-card__btn{
		padding:0.3125rem 1.5rem;
		font-size:0.8125rem;
	}
}
@media (min-width: 768px) and (max-width: 1023.98px){
	.case-card{
		padding:0.75rem;
	}

	.case-card__flag{
		left:0.75rem;
		padding:0.125rem 0.5rem;
	}

	.case-card__title{
		font-size:1.125rem;
		line-height:1.4375rem;
	}

	.case-card .text-muted{
		font-size:0.75rem;
	}

	.case-card__badge--soon{
		padding:0.125rem 0.4375rem;
		font-size:0.5rem;
		white-space:nowrap;
	}
	.case-card__art{
		width:8rem;
		height:6.375rem;
	}

	.case-card__art-img,
	.case-card__art::after{
		left:-0.5rem;
		width:9rem;
		height:8.5rem;
	}

	.case-card__actions{
		gap:0.375rem;
		width:8rem;
	}

	.case-card__price{
		padding:0.125rem 0.875rem;
		font-size:0.875rem;
	}

	.case-card__btn{
		padding:0.25rem 0.75rem;
		font-size:0.75rem;
	}
}
@media (max-width: 767.98px){
	.case-card{
		padding:0.75rem 0.625rem 0.625rem;
	}
	.case-card__flag{
		top:-0.3125rem;
		left:0.625rem;
		padding:0.125rem 0.375rem;
		font-size:0.5rem;
		line-height:1.15;
	}

	.case-card__title{
		font-size:clamp(0.875rem, 4.2vw, 1.125rem);
		line-height:1.3;
	}

	.case-card .text-muted{
		font-size:clamp(0.625rem, 3vw, 0.75rem);
	}

	.case-card__meta{
		gap:0.375rem;
		height:auto;
		margin-top:0.25rem;
	}

	.case-card__badge--soon{
		padding:0.125rem 0.375rem;
		font-size:0.5rem;
		white-space:nowrap;
	}
	.case-card__art{
		width:100%;
		aspect-ratio:180 / 143;
		height:auto;
		margin-top:0.5rem;
	}

	.case-card__art-img,
	.case-card__art::after{
		left:-5%;
		width:110%;
		height:auto;
		aspect-ratio:198 / 188;
	}
	.case-card__actions{
		align-items:flex-end;
		gap:0.5rem;
		width:100%;
		margin-top:0.5rem;
	}

	.case-card__price{
		padding:0.1875rem 1.25rem;
		font-size:clamp(0.8125rem, 3.6vw, 1rem);
	}

	.case-card__btn{
		padding:0.375rem 0.5rem;
		font-size:clamp(0.75rem, 3.4vw, 0.9375rem);
	}
}

.main-screen{
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:100%;
	overflow:hidden;
}

.main-screen.show{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-top:1.0625rem;
}
.main-screen__title{
	position:relative;
	flex-shrink:0;
	margin-top:1rem;
	padding:1rem 2.5rem;
	background-image:linear-gradient(90deg,
			rgba(240, 122, 63, 0) 0%,
			rgba(240, 122, 63, 0.12) 40%,
			rgba(240, 122, 63, 0.12) 60%,
			rgba(240, 122, 63, 0) 100%);
	text-align:center;
	white-space:nowrap;
}

.main-screen__title::before,
.main-screen__title::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	height:1px;
	background-image:linear-gradient(90deg,
			rgba(240, 122, 63, 0) 0%,
			rgba(240, 122, 63, 0.6) 50%,
			rgba(240, 122, 63, 0) 100%);
	pointer-events:none;
}

.main-screen__title::before{
	top:0;
}

.main-screen__title::after{
	bottom:0;
}
.main-screen__scroll-hint{
	display:none;
}
.main-screen__lead{
	position:relative;
	flex-shrink:0;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	width:100%;
	margin-top:0.5rem;
	min-height:1.625rem;
}

.main-screen__subtitle{
	text-align:center;
}
.main-screen__search{
	position:absolute;
	top:50%;
	right:19.375rem;
	transform:translateY(-50%);
	cursor:not-allowed;
	display:flex;
	align-items:center;
	gap:0.5rem;
	width:15rem;
	padding:0.375rem 5rem 0.375rem 0.5rem;
	border-radius:6.25rem;
	background-color:rgba(255, 255, 255, 0.1);
	backdrop-filter:blur(20px);
	-webkit-backdrop-filter:blur(20px);
}

.main-screen__search-icon{
	flex-shrink:0;
	width:1rem;
	height:1rem;
}
.case-grid{
	flex:1 1 auto;
	min-height:0;
	display:flex;
	flex-direction:column;
	gap:1rem;
	width:72.25rem;
	margin-top:0.375rem;
	padding:0.75rem 0.75rem 2.75rem;

	overflow-x:hidden;
	overflow-y:auto;
}
.case-grid::-webkit-scrollbar{
	width:0.45rem;
}

.case-grid::-webkit-scrollbar-track{
	background-color:transparent;
}
.case-grid::-webkit-scrollbar-thumb{
	border-radius:6.25rem;
	background-color:#f07a3f00;
}

.case-grid.is-scrollbar-visible::-webkit-scrollbar-thumb{
	background-color:#f07a3f6b;
}
body.show .main-screen__title{
	animation:rise-in 0.45s ease-out 0.15s backwards;
}

body.show .case-card{
	animation:tile-in 0.4s ease-out backwards;
}
body.show .case-grid__row:nth-child(1) .case-card:nth-child(1){
	animation-delay:0.45s;
}

body.show .case-grid__row:nth-child(1) .case-card:nth-child(2){
	animation-delay:0.52s;
}

body.show .case-grid__row:nth-child(1) .case-card:nth-child(3){
	animation-delay:0.59s;
}

body.show .case-grid__row:nth-child(1) .case-card:nth-child(4){
	animation-delay:0.66s;
}

body.show .case-grid__row:nth-child(1) .case-card:nth-child(5){
	animation-delay:0.73s;
}

body.show .case-grid__row:nth-child(2) .case-card:nth-child(1){
	animation-delay:0.59s;
}

body.show .case-grid__row:nth-child(2) .case-card:nth-child(2){
	animation-delay:0.66s;
}

body.show .case-grid__row:nth-child(2) .case-card:nth-child(3){
	animation-delay:0.73s;
}

body.show .case-grid__row:nth-child(2) .case-card:nth-child(4){
	animation-delay:0.8s;
}

body.show .case-grid__row:nth-child(2) .case-card:nth-child(5){
	animation-delay:0.87s;
}

body.show .main-screen__lead{
	animation:rise-in 0.45s ease-out 0.45s backwards;
}

body.show .live-feed{
	opacity:1;
	animation:feed-in 0.75s cubic-bezier(0.22, 0.9, 0.32, 1) 1s backwards;
}
.promo-bar{
	opacity:0;
}
.promo-bar.is-entering{
	--promo-in:1.15s;

	opacity:1;
	animation:slide-in-right 0.5s ease-out var(--promo-in) backwards;
}

.promo-bar.is-entering .promo-bar__sheen{
	animation:promo-sheen 0.9s ease-out calc(var(--promo-in) + 0.45s) backwards;
}
.promo-bar.is-entering .promo-bar__offer:not(.is-urgent){
	animation:offer-shake 0.95s ease-in-out calc(var(--promo-in) + 0.5s) backwards;
}
.main-screen:has(.case-screen[data-phase="reward"]) .promo-bar{
	animation:slide-out-right 0.5s ease-in forwards;
}
.case-grid__row{
	flex-shrink:0;
	display:flex;
	align-items:center;
	gap:1rem;
	width:100%;
	max-width:70.25rem;
	margin-inline:auto;
	height:19.375rem;
}
@media (min-width: 1024px) and (max-width: 1919.98px){
	.main-screen__lead{
		align-items:center;
		gap:1.5rem;
	}

	.main-screen__search{
		position:static;
		flex-shrink:0;
		transform:none;
		padding-right:2.5rem;
	}
	.case-grid{
		width:61rem;
	}

	.case-grid__row{
		max-width:59rem;
		height:16.25rem;
	}
}
@media (min-width: 1024px) and (max-width: 1919.98px) and (max-height: 700px){
	.main-screen.show{
		padding-top:0.625rem;
	}
}
@media (min-width: 768px) and (max-width: 1023.98px){
	.main-screen.show{
		padding-top:0.5rem;
	}

	.main-screen__title{
		margin-top:0.625rem;
		padding:0.625rem 1.5rem;
		font-size:1.125rem;
		line-height:1.5rem;
	}
	.main-screen__lead{
		align-items:center;
		gap:0.75rem;
		margin-top:0.375rem;
	}

	.main-screen__subtitle{
		font-size:0.6875rem;
	}

	.main-screen__search{
		position:static;
		flex-shrink:0;
		transform:none;
		width:auto;
		padding:0.25rem 0.75rem 0.25rem 0.5rem;
	}

		.main-screen__search .text-muted{
			font-size:0.6875rem;
		}

	.main-screen__search-icon{
		width:0.875rem;
		height:0.875rem;
	}
	.case-grid{
		flex-direction:row;
		flex-wrap:wrap;
		align-content:flex-start;
		justify-content:center;

		width:min(33rem, 100% - 1.5rem);
		gap:0.75rem;
		margin-top:0.25rem;
		padding:0.625rem 0.625rem 2rem;
	}
	.case-grid__row{
		display:contents;
	}
	.case-card{
		flex:0 0 calc((100% - 1.5rem - 0.45rem) / 3);
	}
}
@media (max-width: 767.98px){
	.main-screen{
		height:auto;
		overflow:visible;
	}

	.main-screen.show{
		padding-top:0;
	}

	.main-screen__title{
		width:100%;
		margin-top:1.25rem;
		padding:0.75rem 2.5rem 0.75rem 1rem;
		font-size:clamp(1.125rem, 5.6vw, 1.5rem);
		line-height:1.3;
	}
	.main-screen__scroll-hint{
		position:absolute;
		top:50%;
		right:0.75rem;
		transform:translateY(-50%);

		display:flex;
		flex-direction:column;
		align-items:center;
		gap:0.0625rem;
		color:rgba(240, 122, 63, 0.6);
		pointer-events:none;
	}

	.main-screen__scroll-hint-icon{
		display:block;
		width:0.75rem;
		height:0.75rem;
	}

	.main-screen__scroll-hint-icon:first-child{
		animation:scroll-hint-up 1.6s ease-in-out infinite;
	}

	.main-screen__scroll-hint-icon:last-child{
		animation:scroll-hint-down 1.6s ease-in-out infinite;
	}
	.main-screen__search{
		display:none;
	}

	.main-screen__lead{
		margin-top:0.75rem;
		padding-inline:1.25rem;
	}

	.main-screen__subtitle{
		font-size:clamp(0.75rem, 3.4vw, 0.875rem);
		line-height:1.45;
	}
	.case-grid{
		flex:0 0 auto;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-content:flex-start;

		width:100%;
		height:auto;
		min-height:0;
		margin-top:0.75rem;
		padding:0.75rem 0.75rem 1.5rem;
		gap:0.75rem;

		overflow:visible;
	}

	.case-grid__row{
		display:contents;
	}
	.case-card{
		flex:0 0 clamp(8rem, 46%, 12rem);
	}
}

.catalog,
.case-screen{
	display:none;
	flex-direction:column;
	align-items:center;
	width:100%;
	min-height:0;
}

.catalog.show,
.case-screen.show{
	display:flex;
}
.catalog.show{
	flex:1 1 auto;
}

.case-screen.show{
	flex:1 1 auto;
	justify-content:center;
}
.case-screen{
	position:relative;
}

.case-screen__back{
	position:absolute;
	z-index:1;
	top:6.5rem;
	left:18.375rem;
	display:inline-flex;
	align-items:center;
	gap:0.5rem;
	padding:0.5rem 1.25rem 0.5rem 1rem;
	border:1px solid rgba(255, 255, 255, 0.16);
	border-radius:6.25rem;
	background-color:rgba(255, 255, 255, 0.06);
	backdrop-filter:blur(20px);
	-webkit-backdrop-filter:blur(20px);
	color:rgba(255, 255, 255, 0.6);
	cursor:pointer;
	transition:color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, opacity 0.5s ease;
}

.case-screen__back:hover{
	border-color:rgba(240, 122, 63, 0.5);
	background-color:rgba(255, 255, 255, 0.1);
	color:var(--color-orange-1);
}

.case-screen__back-icon{
	flex-shrink:0;
	width:1rem;
	height:1rem;
	transition:transform 0.2s ease;
}

.case-screen__back:hover .case-screen__back-icon{
	transform:translateX(-0.1875rem);
}
.case-screen__head{
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
}

.case-screen__title{
	font-size:1.875rem;
	line-height:2.375rem;
	transition:opacity 0.35s ease 0.3s;
}

.case-screen__art{
	--art-focus-y:63.6%;

	position:relative;
	width:20.625rem;
	height:15.3125rem;
	transform:scale(1);
}
.case-screen__ring{
	position:absolute;
	left:50%;
	top:var(--art-focus-y);
	transform:translate(-50%, -50%);
	max-width:none;
	height:auto;
	pointer-events:none;
}

.case-screen__ring--outer{
	width:18.5rem;
	animation:ring-spin-cw 28s linear infinite;
	will-change:transform;
	filter:drop-shadow(0 0 1.25rem rgba(42, 186, 253, 0.3));
}

.case-screen__ring--inner{
	width:13rem;
	animation:ring-spin-ccw 22s linear infinite;
	will-change:transform;
	filter:drop-shadow(0 0 1.25rem rgba(255, 255, 255, 0.3));
}

.case-screen__art-img{
	position:absolute;
	top:-1%;
	left:calc(50% + 10px);
	transform:translateX(-50%);
	width:20.625rem;
	max-width:none;
	height:19.4375rem;
	object-fit:cover;
	filter:drop-shadow(0 0 1.25rem rgba(217, 241, 252, 0.3));
	animation:case-art-breathe 3.4s ease-in-out infinite alternate;
	will-change:transform;
}
.case-screen__cta{
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:1rem;
	width:31.125rem;
	margin-top:4.5rem;
}

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

.case-screen__btn{
	width:20.5rem;
	padding:0.75rem 2.5rem;
	font-size:1.125rem;
}
.case-items{
	flex-shrink:0;
	display:flex;
	gap:0.5rem;
	width:76rem;
	margin-top:2.125rem;
}
.case-item{
	position:relative;
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:0.25rem;
	width:12.25rem;
	padding:1.25rem 1rem 0.75rem;
	overflow:hidden;
	background-color:var(--color-black-1);
	background-image:var(--item-bg);
	background-position:center bottom;
	background-size:cover;
	background-repeat:no-repeat;
	-webkit-user-select:none;
	        user-select:none;
	border-radius:0.3rem 0.3rem 0 0;
}

.case-item__img{
	flex-shrink:0;
	width:6rem;
	height:4.5rem;
	object-fit:contain;
	filter:drop-shadow(0 0.375rem 0.5rem rgba(0, 0, 0, 0.75));
}
.case-item__caption{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	color:var(--color-white-1);
}

.case-item__name{
	font-size:0.75rem;
	line-height:normal;
	font-weight:400;
	white-space:nowrap;
}

.case-item__skin{
	font-size:1.125rem;
	line-height:normal;
	font-weight:700;
	white-space:nowrap;
}

.case-item__price{
	position:absolute;
	top:0.25rem;
	left:7.5rem;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0.125rem 1rem;
	border-radius:6.25rem;
	background-color:rgba(255, 255, 255, 0.1);
	color:var(--color-orange-1);
	font-size:0.875rem;
	line-height:normal;
	font-weight:700;
	white-space:nowrap;
}
.case-screen[data-class_case="sniper"]{
	--reel-count:var(--items-count--SNIPER_CASE, 6);
	--reel-num:var(--random-num--SNIPER_CASE, 0);
}

.case-screen[data-class_case="rifler"]{
	--reel-count:var(--items-count--RIFLER_CASE, 6);
	--reel-num:var(--random-num--RIFLER_CASE, 0);
}

.case-screen[data-class_case="ak47"]{
	--reel-count:var(--items-count--AK47_CASE, 6);
	--reel-num:var(--random-num--AK47_CASE, 0);
}
.reel{
	--reel-card-w:12.25rem;
	--reel-gap:0.5rem;
	--reel-step:calc(var(--reel-card-w) + var(--reel-gap));
	--reel-laps:9;
	--reel-fade:18%;

	position:absolute;
	z-index:2;
	top:63%;
	left:50%;
	transform:translate(-50%, -50%);
	display:none;
	width:calc(100vw - var(--feed-width));
	height:9.3125rem;
	overflow:hidden;
	-webkit-mask-image:linear-gradient(90deg,
			transparent 0,
			#000 var(--reel-fade),
			#000 calc(100% - var(--reel-fade)),
			transparent 100%);
	mask-image:linear-gradient(90deg,
			transparent 0,
			#000 var(--reel-fade),
			#000 calc(100% - var(--reel-fade)),
			transparent 100%);
}
.case-screen[data-phase="idle"] .reel,
.case-screen[data-phase="spin"] .reel,
.case-screen[data-phase="result"] .reel{
	display:block;
	animation:reel-in 0.75s cubic-bezier(0.22, 0.9, 0.32, 1);
}
.case-screen[data-phase="reward"] .reel{
	display:block;
	animation:reel-out 0.5s ease-in forwards;
	pointer-events:none;
}
.reel__marker{
	position:absolute;
	z-index:3;
	top:0;
	bottom:0;
	left:50%;
	width:0;
	transform:translateX(-50%);
	pointer-events:none;
	opacity:0;
	transition:opacity 1s ease;
}

.case-screen[data-phase="spin"] .reel__marker,
.case-screen[data-phase="result"] .reel__marker{
	opacity:1;
}

.reel__marker::before,
.reel__marker::after{
	content:"";
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	border-left:1rem solid transparent;
	border-right:1rem solid transparent;
}

.reel__marker::before{
	top:0;
	border-top:0.875rem solid var(--color-orange-1);
}

.reel__marker::after{
	bottom:0;
	border-bottom:0.875rem solid var(--color-orange-1);
}
.reel__track{
	position:absolute;
	top:0;
	left:50%;
	display:flex;
	gap:var(--reel-gap);
	transform:translateX(15rem);
}
.case-screen[data-phase="spin"] .reel__track,
.case-screen[data-phase="result"] .reel__track,
.case-screen[data-phase="reward"] .reel__track{
	transform:translateX(calc(
			-1 * (var(--reel-laps) * var(--reel-count) + var(--reel-num)) * var(--reel-step)
			- var(--reel-card-w) / 2));
	transition-property:transform;
	transition-duration:5.4s;
	transition-timing-function:cubic-bezier(0.4, 0.02, 0.12, 1);
	transition-timing-function:linear(0,
			0.004 4%, 0.014 8%, 0.04 12%,
			0.16 22%, 0.29 31%, 0.43 40%,
			0.57 49%, 0.7 57%, 0.79 62%,
			0.87 70%, 0.93 78%, 0.965 85%,
			0.988 92%, 0.998 96%, 1);
}
.reel__track .case-item__img,
.reel__track .case-item__caption{
	position:relative;
	z-index:1;
}

.reel__track .case-item__price{
	z-index:1;
}
.reel__track .case-item.is-winner{
	box-shadow:0 0 1.5rem 0 rgba(240, 122, 63, 0.55);
	animation:winner-pop 0.55s cubic-bezier(0.22, 0.9, 0.32, 1);
}

.reel__track .case-item.is-winner::after{
	content:"";
	position:absolute;
	z-index:0;
	inset:0;
	background-image:linear-gradient(180deg, rgba(247, 122, 60, 0.5) 0%, rgba(240, 122, 63, 0.2) 100%);
	animation:winner-glow-in 0.55s ease-out backwards;
	pointer-events:none;
}
.reward__head,
.reward__arts,
.reward__foot{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	display:none;
}
.case-screen[data-phase="reward"] .reward__head,
.case-screen[data-phase="reward"] .reward__foot{
	display:flex;
	flex-direction:column;
	align-items:center;
	animation:reward-block-in 0.45s ease-out backwards;
}
.case-screen[data-phase="reward"] .reward__arts{
	display:block;
	animation:reward-art-in 0.7s cubic-bezier(0.22, 0.9, 0.32, 1) backwards, reward-art-breathe 2.7s ease-in-out 0.7s infinite alternate;
}
.case-screen[data-phase="reward"] .reward__arts::before{
	animation:reward-burst 0.9s ease-out backwards;
}
.case-screen[data-phase="leaving"] .reward__head,
.case-screen[data-phase="leaving"] .reward__foot{
	display:flex;
	flex-direction:column;
	align-items:center;
	animation:reward-block-out 0.35s ease-in forwards;
}

.case-screen[data-phase="leaving"] .reward__arts{
	display:block;
	animation:reward-art-out 0.35s ease-in forwards;
}
.case-screen[data-phase="reward"] .case-screen__title{
	opacity:0;
	transition-delay:0s;
}
.reward__head{
	bottom:calc(100% + 1rem);
	gap:0.5rem;
	width:34rem;
}

.reward__title{
	font-size:2.5rem;
	line-height:3rem;
}

.case-screen[data-phase="reward"] .reward__title{
	animation:reward-title-in 0.7s cubic-bezier(0.22, 0.9, 0.32, 1) 0.1s backwards;
}

.reward__lead{
	text-align:center;
}
.reward__arts{
	--reward-tilt:-15deg;

	top:55%;
	width:16.5rem;
	transform:translate(-50%, -50%) rotate(var(--reward-tilt));
	pointer-events:none;
	will-change:transform;
}
.reward__arts::before{
	content:"";
	position:absolute;
	z-index:-1;
	top:50%;
	left:50%;
	width:26rem;
	height:26rem;
	transform:translate(-50%, -50%);
	border-radius:50%;
	background-image:radial-gradient(circle,
			rgba(255, 255, 255, 0.55) 0%,
			rgba(246, 164, 90, 0.4) 30%,
			rgba(240, 122, 63, 0.18) 52%,
			transparent 72%);
	opacity:0;
	pointer-events:none;
}
.reward__art{
	position:relative;
	display:none;
}

.reward__art.show{
	display:block;
}

.reward__art-img{
	display:block;
	width:100%;
	max-width:none;
	height:auto;
	filter:drop-shadow(0 0.5rem 1rem rgba(137, 227, 255, 0.4));
}
.reward__art::after{
	content:"";
	position:absolute;
	inset:0;
	background-image:linear-gradient(105deg,
			transparent 42%,
			rgba(255, 255, 255, 0.8) 50%,
			transparent 58%);
	background-size:300% 100%;
	background-position:100% 0;
	background-repeat:no-repeat;
	-webkit-mask-image:var(--art-src);
	mask-image:var(--art-src);
	-webkit-mask-size:100% 100%;
	mask-size:100% 100%;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;
	opacity:0;
	pointer-events:none;
}

.case-screen[data-phase="reward"] .reward__art.show::after{
	animation:reward-art-sheen 4s ease-in-out 1.2s infinite;
}
.reward__foot{
	top:calc(100% + 4.5rem);
	gap:1rem;
	width:34rem;
}

.reward__names{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.125rem;
	width:26rem;
	padding-bottom:0.75rem;
	position:relative;
}
.reward__names::after{
	content:"";
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	height:4px;
	background-color:#B72E30;
}

.case-screen[data-phase="reward"] .reward__names::after{
	animation:reward-line-in 0.55s cubic-bezier(0.22, 0.9, 0.32, 1) 0.3s backwards;
}

.reward__item{
	display:none;
	flex-direction:column;
	align-items:center;
	gap:0.125rem;
}

.reward__item.show{
	display:flex;
}

.reward__weapon{
	font-size:1rem;
	line-height:1.25rem;
	color:var(--color-white-1);
}

.reward__skin{
	font-size:2rem;
	line-height:2.5rem;
	font-weight:700;
	text-transform:uppercase;
	color:var(--color-white-1);
	white-space:nowrap;
	-webkit-user-select:none;
	        user-select:none;
}

.reward__note{
	text-align:center;
}

.reward__actions{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:0.75rem;
}

.reward__claim,
.reward__retry{
	width:15rem;
	padding:0.625rem 2.5rem;
	font-size:1rem;
}

.reward__attempts{
	color:rgba(255, 255, 255, 0.6);
	font-weight:500;
}

.reward__attempts span{
		color:var(--color-orange-2);
		font-weight:600;
	}
.case-screen:not([data-phase="preview"]) .case-screen__cta,
.case-screen:not([data-phase="preview"]) .case-items{
	visibility:hidden;
}
.case-screen:not([data-phase="preview"]) .case-screen__back{
	opacity:0;
	pointer-events:none;
}
.case-screen__art-img--open,
.case-screen__art-img--closed{
	transition:opacity 0.6s linear;
}

.case-screen__art-img--closed{
	opacity:0;
}

.case-screen:not([data-phase="preview"]) .case-screen__art-img--open{
	opacity:0;
}
.case-screen:not([data-phase="preview"]) .case-screen__art-img--closed{
	opacity:1;
}
.case-screen.show .case-screen__back{
	animation:rise-in 0.4s ease-out 0.12s backwards;
}

.case-screen.show .case-screen__title{
	animation:rise-in 0.4s ease-out backwards;
}

.case-screen.show .case-screen__art{
	animation:case-art-in 0.5s cubic-bezier(0.22, 0.9, 0.32, 1) 0.1s backwards;
}

.case-screen.show .case-items .case-item{
	animation:tile-in 0.38s ease-out backwards;
}

.case-screen.show .case-items .case-item:nth-child(1){
	animation-delay:0.34s;
}

.case-screen.show .case-items .case-item:nth-child(2){
	animation-delay:0.4s;
}

.case-screen.show .case-items .case-item:nth-child(3){
	animation-delay:0.46s;
}

.case-screen.show .case-items .case-item:nth-child(4){
	animation-delay:0.52s;
}

.case-screen.show .case-items .case-item:nth-child(5){
	animation-delay:0.58s;
}

.case-screen.show .case-items .case-item:nth-child(6){
	animation-delay:0.64s;
}

.case-screen.show .case-screen__cta{
	animation:rise-in 0.4s ease-out 0.86s backwards;
}
.case-item--red{
	--item-bg:url("/images/bg/bg-item-a.avif");
}

.case-item--violet{
	--item-bg:url("/images/bg/bg-item-b.avif");
}

.case-item--gold{
	--item-bg:url("/images/bg/bg-item-c.avif");
}

.case-item--blue{
	--item-bg:url("/images/bg/bg-item-d.avif");
}

.case-item--pink{
	--item-bg:url("/images/bg/bg-item-e.avif");
}
@media (min-width: 1024px) and (max-width: 1919.98px){
	.case-screen__back{
		top:calc(50% - 14.5625rem);
		left:max(2rem, (100% - 58.875rem) / 2);
		padding:0.4375rem 1rem 0.4375rem 0.875rem;
	}

	.case-screen__head{
		gap:0.75rem;
	}

	.case-screen__title{
		font-size:1.5rem;
		line-height:1.875rem;
	}
	.case-screen__art{
		width:14.875rem;
		height:10.5rem;
	}
	.case-screen__art-img{
		left:calc(50% + 7px);
		width:14.875rem;
		height:14rem;
	}
	.case-screen__ring--outer{
		width:13.25rem;
	}

	.case-screen__ring--inner{
		width:9.375rem;
	}
	.case-screen__cta{
		gap:0.75rem;
		margin-top:2.5rem;
	}

	.case-screen__btn{
		width:16.5rem;
		padding:0.625rem 2rem;
		font-size:1rem;
	}
	.case-items{
		gap:0.375rem;
		width:min(58.875rem, 100% - 4rem);
		margin-top:1.25rem;
	}

	.case-items>.case-item{
		flex:1 1 0;
		width:auto;
		min-width:0;
	}

	.case-item{
		gap:0.1875rem;
		width:9.5rem;
		padding:0.875rem 0.75rem 0.5rem;
	}

	.case-item__img{
		width:4.75rem;
		height:3.5rem;
	}

	.case-item__name{
		font-size:0.6875rem;
	}

	.case-item__skin{
		font-size:1rem;
	}
	.case-item__price{
		top:0.1875rem;
		left:auto;
		right:0.3125rem;
		padding:0.125rem 0.75rem;
		font-size:0.75rem;
	}
	.reel{
		--reel-card-w:9.5rem;
		--reel-gap:0.375rem;

		height:7.375rem;
	}
	.reward__head{
		bottom:calc(100% + 0.75rem);
		width:30rem;
	}

	.reward__title{
		font-size:1.875rem;
		line-height:2.25rem;
	}

	.reward__arts{
		width:14rem;
	}
	.reward__arts::before{
		width:22rem;
		height:22rem;
	}
	.reward__foot{
		top:calc(100% + 3rem);
		gap:0.625rem;
	}

	.reward__names{
		width:22rem;
		padding-bottom:0.5rem;
	}

	.reward__weapon{
		font-size:0.875rem;
		line-height:1.125rem;
	}

	.reward__skin{
		font-size:1.5rem;
		line-height:1.875rem;
	}

	.reward__actions{
		gap:0.5rem;
	}

	.reward__claim,
	.reward__retry{
		width:13.5rem;
		padding:0.4375rem 2rem;
		font-size:0.9375rem;
	}
}
@media (min-width: 1024px) and (max-width: 1919.98px) and (max-height: 700px){
	.case-screen__back{
		top:calc(50% - 12.8125rem);
	}

	.case-screen__head{
		gap:0.5rem;
	}

	.case-screen__art{
		width:13.25rem;
		height:9.375rem;
	}

	.case-screen__art-img{
		left:calc(50% + 6px);
		width:13.25rem;
		height:12.5rem;
	}

	.case-screen__ring--outer{
		width:11.875rem;
	}

	.case-screen__ring--inner{
		width:8.375rem;
	}

	.case-screen__cta{
		margin-top:1.5rem;
	}

	.case-items{
		margin-top:0.75rem;
	}

	.case-item{
		padding:0.75rem 0.75rem 0.5rem;
	}

	.case-item__img{
		width:4.25rem;
		height:3.125rem;
	}
	.reel{
		height:6.875rem;
	}
	.reward__title{
		font-size:1.625rem;
		line-height:2rem;
	}

	.reward__arts{
		width:13rem;
	}

	.reward__arts::before{
		width:19rem;
		height:19rem;
	}
	.reward__foot{
		top:calc(100% + 2.75rem);
		gap:0.375rem;
	}

	.reward__names{
		padding-bottom:0.3125rem;
	}

	.reward__skin{
		font-size:1.375rem;
		line-height:1.75rem;
	}

	.reward__actions{
		gap:0.25rem;
	}

	.reward__claim,
	.reward__retry{
		padding:0.375rem 1.75rem;
		font-size:0.875rem;
	}
}
@media (min-width: 768px) and (max-width: 1023.98px){
	.case-screen__back{
		top:calc(50% - 11.9375rem);
		left:max(1rem, (100% - 35rem) / 2);
		padding:0.375rem 0.875rem 0.375rem 0.75rem;
	}

	.case-screen__back-icon{
		width:0.875rem;
		height:0.875rem;
	}

	.case-screen__head{
		gap:0.625rem;
	}

	.case-screen__title{
		font-size:1.375rem;
		line-height:1.75rem;
	}

	.case-screen__art{
		width:12.5rem;
		height:8.75rem;
	}

	.case-screen__art-img{
		left:calc(50% + 5px);
		width:12.5rem;
		height:11.75rem;
	}

	.case-screen__ring--outer{
		width:11.25rem;
	}

	.case-screen__ring--inner{
		width:7.875rem;
	}
	.case-screen__cta{
		gap:0.625rem;
		margin-top:2rem;
	}

	.case-screen__btn{
		width:15rem;
		padding:0.5rem 1.5rem;
		font-size:0.9375rem;
	}
	.case-items{
		gap:0.375rem;
		width:min(38rem, 100% - 1.5rem);
		margin-top:0.75rem;
	}

	.case-items>.case-item{
		flex:1 1 0;
		width:auto;
		min-width:0;
	}

	.case-item{
		gap:0.125rem;
		width:6rem;
		padding:0.625rem 0.375rem 0.375rem;
	}

	.case-item__img{
		width:3.5rem;
		height:2.625rem;
	}

	.case-item__name{
		font-size:0.5625rem;
	}

	.case-item__skin{
		font-size:0.625rem;
	}

	.case-item__price{
		top:0.125rem;
		left:auto;
		right:0.25rem;
		padding:0.0625rem 0.5rem;
		font-size:0.625rem;
	}
	.reel{
		--reel-card-w:6rem;
		--reel-gap:0.375rem;

		height:5.375rem;
	}
	.reward__head{
		bottom:calc(100% + 0.625rem);
		width:26rem;
	}

	.reward__title{
		font-size:1.5rem;
		line-height:1.875rem;
	}

	.reward__arts{
		width:10.5rem;
	}

	.reward__arts::before{
		width:16rem;
		height:16rem;
	}
	.reward__foot{
		top:calc(100% + 2rem);
		gap:0.5rem;
	}

	.reward__names{
		width:18rem;
		padding-bottom:0.375rem;
	}

	.reward__weapon{
		font-size:0.8125rem;
		line-height:1rem;
	}

	.reward__skin{
		font-size:1.25rem;
		line-height:1.5rem;
	}

	.reward__actions{
		gap:0.375rem;
	}

	.reward__claim,
	.reward__retry{
		width:11.5rem;
		padding:0.375rem 1.5rem;
		font-size:0.8125rem;
	}
}
@media (max-width: 767.98px){
	.case-screen.show{
		flex:0 0 auto;
		justify-content:flex-start;
		margin-top:clamp(1rem, 2.8vh, 1.875rem);
	}
	.case-screen__back{
		top:0.25rem;
		left:0.75rem;
		gap:0.375rem;
		padding:0.1875rem 0.5rem 0.1875rem 0.4375rem;
		font-size:0.5rem;
	}

	.case-screen__back-icon{
		width:0.625rem;
		height:0.625rem;
	}

	.case-screen__head{
		width:100%;
		margin-top:0.375rem;
		gap:clamp(0.25rem, 1vh, 0.625rem);
	}

	.case-screen__title{
		font-size:clamp(1.25rem, 6.5vw, 1.75rem);
		line-height:1.25;
	}
	.case-screen__art{
		--art-focus-y:50%;
		transform:none;
		width:min(20.625rem, 68vw, calc(46.5vh - 130px));
		height:auto;
		aspect-ratio:330 / 311;
	}

	.case-screen__art-img{
		top:0;
		left:calc(50% + 3%);
		width:100%;
		height:100%;
	}

	.case-screen__ring--outer{
		width:88%;
	}

	.case-screen__ring--inner{
		width:58%;
	}
	.case-screen__cta{
		width:100%;
		margin-top:clamp(0.5rem, 2.2vh, 1.5rem);
		padding-inline:0.75rem;
		gap:clamp(0.375rem, 1.4vh, 0.75rem);
	}

	.case-screen__lead{
		font-size:clamp(0.6875rem, 3.2vw, 0.8125rem);
		line-height:1.45;
	}
	.case-screen__btn{
		width:100%;
		padding:0.625rem 1rem;
		font-size:clamp(0.875rem, 4.2vw, 1.0625rem);
	}
	.reel{
		--reel-card-w:clamp(7rem, 35vw, 9.75rem);
		top:54%;
		--reel-gap:0.25rem;
		--reel-fade:5%;

		width:100vw;
		height:clamp(5.5rem, 27vw, 7.5rem);
	}
	.reel__track{
		height:100%;
	}

	.reel__track .case-item{
		width:var(--reel-card-w);
	}
	.reel__track .case-item__img{
		width:56%;
	}
	.case-items{
		flex-wrap:wrap;
		justify-content:center;
		width:100%;
		margin-top:clamp(0.5rem, 1.6vh, 1rem);
		padding-inline:0.75rem;
		gap:0.375rem;
	}

	.case-items>.case-item{
		flex:0 0 calc((100% - 0.375rem) / 2);
		width:auto;
		min-width:0;
	}

	.case-item{
		gap:0.125rem;
		padding:0.5rem 0.5rem 0.375rem;
	}

	.case-item__img{
		width:68%;
		height:auto;
		aspect-ratio:96 / 72;
	}

	.case-item__name{
		font-size:clamp(0.5rem, 2.4vw, 0.625rem);
	}

	.case-item__skin{
		font-size:clamp(0.75rem, 3.6vw, 0.9375rem);
	}

	.case-item__price{
		top:0.25rem;
		left:auto;
		right:0.375rem;
		padding:0.0625rem 0.375rem;
		font-size:clamp(0.5625rem, 2.8vw, 0.75rem);
	}
}
@media (max-width: 767.98px) and (max-height: 700px){
	.case-screen.show{
		margin-top:clamp(0.625rem, 1.8vh, 1rem);
	}

	.case-screen__lead{
		font-size:clamp(0.625rem, 3vw, 0.75rem);
	}
}
@media (max-width: 767.98px){
	.reward__head{
		bottom:calc(100% + 0.375rem);
		width:100vw;
		padding-inline:0.75rem;
		gap:0.125rem;
	}

	.reward__title{
		font-size:clamp(1.125rem, 6vw, 1.5rem);
		line-height:1.2;
	}

	.reward__lead{
		font-size:clamp(0.5625rem, 2.8vw, 0.6875rem);
		line-height:1.35;
	}
	.reward__arts{
		top:48%;
		width:72%;
	}

	.reward__arts::before{
		width:140%;
		height:140%;
	}
	.reward__foot{
		top:calc(100% + 2px);
		left:50%;
		margin-left:-50vw;
		transform:none;
		width:100vw;
		padding-inline:0.75rem;
		gap:0.5rem;
	}

	.case-screen[data-phase="reward"] .reward__foot{
		animation:reward-block-in-mb 0.45s ease-out backwards;
	}

	.case-screen[data-phase="leaving"] .reward__foot{
		animation:reward-block-out-mb 0.35s ease-in forwards;
	}
	.reward__names{
		width:100%;
		padding-bottom:0.4375rem;
	}

	.reward__weapon{
		font-size:clamp(0.625rem, 3vw, 0.8125rem);
		line-height:1.3;
	}

	.reward__skin{
		font-size:clamp(1rem, 5vw, 1.375rem);
		line-height:1.25;
	}

	.reward__note{
		font-size:clamp(0.5625rem, 2.8vw, 0.6875rem);
		line-height:1.4;
	}

	.reward__actions{
		width:100%;
		gap:0.375rem;
	}
	.reward__claim,
	.reward__retry{
		width:100%;
		padding:0.5rem 1rem;
		font-size:clamp(0.75rem, 3.6vw, 0.9375rem);
	}
	.reward__attempts{
		font-size:clamp(0.625rem, 3.2vw, 0.8125rem);
	}

	.case-screen[data-phase="reward"] .reward__attempts{
		position:fixed;
		z-index:100;
		top:calc(var(--header-h) + var(--feed-h));
		left:0;
		right:0;
		display:flex;
		align-items:center;
		justify-content:center;
		gap:0.3em;
		height:var(--promo-h);
		animation:attempts-in 0.3s ease-out 0.45s backwards;
	}
	.case-screen[data-phase="leaving"] .reward__attempts{
		display:none;
	}
}
@media (max-width: 767.98px) and (max-height: 700px){
	.reward__head{
		bottom:calc(100% + 0.25rem);
		gap:0;
	}

	.reward__title{
		font-size:clamp(1rem, 5vw, 1.25rem);
	}

	.reward__lead{
		font-size:clamp(0.5rem, 2.6vw, 0.625rem);
		line-height:1.2;
	}
	.reward__foot{
		top:calc(100% + 2px);
		gap:0.1875rem;
	}

	.reward__note{
		line-height:1.25;
	}

	.reward__actions{
		gap:0.25rem;
	}

	.reward__claim,
	.reward__retry{
		padding:0.375rem 1rem;
	}
}

.popup-activate{
    display:none;
    position:fixed;
    inset:0;
    z-index:var(--z-popup);
    align-items:center;
    justify-content:center;
    padding:1.5rem;
}

.popup-activate.show{
    display:flex;
}

.popup-activate__overlay{
    position:absolute;
    inset:0;
    background-color:rgba(9, 15, 23, 0.85);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
.popup-activate__modal{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1rem;
    width:min(41.875rem, 92vw);
    padding:2.5rem 3.75rem 3.75rem;
    border:1px solid var(--color-orange-1);
    border-radius:0.3rem;
    background-color:var(--color-black-1);
    overflow:hidden;
    animation:popup-slide-up-activate 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.popup-activate__modal::before,
.popup-activate__modal::after{
    content:"";
    position:absolute;
    width:30rem;
    height:30rem;
    background-image:radial-gradient(circle,
            rgba(240, 122, 63, 0.25) 0%,
            rgba(240, 122, 63, 0.1) 25%,
            transparent 70%);
    pointer-events:none;
}

.popup-activate__modal::before{
    top:-15rem;
    left:-15rem;
}

.popup-activate__modal::after{
    right:-15rem;
    bottom:-15rem;
}
.popup-activate__head,
.popup-activate__sub,
.popup-activate__push,
.popup-activate__btn{
    position:relative;
    z-index:1;
}
.popup-activate__sub{
    display:flex;
    flex-direction:column;
    gap:1rem;
    width:100%;
}

.popup-activate__sub-text,
.popup-activate__check-text{
    font-size:0.9375rem;
    line-height:1.5;
    color:rgba(255, 255, 255, 0.6);
    -webkit-user-select:none;
            user-select:none;
    text-align:left;
}

.popup-activate__sub-text span,
.popup-activate__check-text span{
    color:var(--color-orange-1);
}

.popup-activate__form{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:0.75rem;
    width:100%;
}

.popup-activate__input{
    width:100%;
    padding:0.8125rem 1.5rem;
    border:1px solid rgba(255, 255, 255, 0.16);
    border-radius:6.25rem;
    background-color:rgba(255, 255, 255, 0.04);
    font-family:var(--font-primary);
    font-size:1rem;
    line-height:normal;
    color:var(--color-white-1);
    transition:border-color 0.2s ease, background-color 0.2s ease;
}

.popup-activate__input::placeholder{
    color:rgba(255, 255, 255, 0.4);
}

.popup-activate__input:focus{
    outline:none;
    border-color:var(--color-orange-1);
    background-color:rgba(255, 255, 255, 0.06);
}

.popup-activate__submit{
    padding:0.5rem 2rem;
    font-size:0.9375rem;
    align-self:flex-end;
}
.popup-activate__form.is-invalid .popup-activate__submit{
    opacity:0.4;
    pointer-events:none;
}
.popup-activate__sub-done{
    display:none;
    font-size:0.9375rem;
    line-height:1.5;
    color:var(--color-orange-1);
}
.popup-activate__sub-done span{
        color:var(--color-orange-2);
    }

.popup-activate__sub.is-sent .popup-activate__form{
    display:none;
}

.popup-activate__sub.is-sent .popup-activate__sub-done{
    display:block;
}
.popup-activate__push{
    width:100%;
}

.popup-activate__check{
    display:flex;
    align-items:flex-start;
    gap:0.75rem;
    cursor:pointer;
}
.popup-activate__check-input{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    border:0;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
}

.popup-activate__check-box{
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:1.375rem;
    height:1.375rem;
    margin-top:4px;
    border:1px solid rgba(255, 255, 255, 0.2);
    border-radius:0.375rem;
    background-color:rgba(255, 255, 255, 0.06);
    color:transparent;
    transition:border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.popup-activate__check-input:checked+.popup-activate__check-box{
    border-color:rgba(240, 122, 63, 0.6);
    background-color:rgba(240, 122, 63, 0.16);
    color:var(--color-orange-1);
}

.popup-activate__check-input:focus-visible+.popup-activate__check-box{
    outline:2px solid var(--color-orange-1);
    outline-offset:2px;
}
.popup-activate__head{
    display:flex;
    justify-content:center;    
    align-items:center;
    gap:1rem;
    text-align:center;
    margin-bottom:0.5rem;
}

.popup-activate__title-icon{
    flex-shrink:0;
    width:4rem;
    height:4rem;
    object-fit:contain;
}

.popup-activate__title{
    font-size:4rem;
    line-height:normal;
    font-weight:600;
    color:var(--color-white-1);
    white-space:nowrap;
}

.popup-activate__lead{
    font-size:1.125rem;
    line-height:normal;
    color:rgba(255, 255, 255, 0.6);
}
.popup-activate__btn{
    gap:0.625rem;
    padding:0.75rem 2.5rem;
    border-radius:2.5rem;
    font-size:1.75rem;
    font-weight:500;
    animation:offer-shake-loop 5s ease-in-out infinite;
    margin-top:2.65rem;
}
@media (min-width: 1024px) and (max-width: 1919.98px){
    .popup-activate__modal{
        gap:0.875rem;
        padding:2rem 3rem 2.75rem;
    }

    .popup-activate__head{
        gap:0.875rem;
        margin-bottom:0.375rem;
    }

    .popup-activate__title-icon{
        width:3rem;
        height:3rem;
    }

    .popup-activate__title{
        font-size:3rem;
    }

    .popup-activate__sub{
        gap:0.75rem;
    }

    .popup-activate__form{
        gap:0.625rem;
    }

    .popup-activate__input{
        padding:0.6875rem 1.25rem;
    }

    .popup-activate__btn{
        padding:0.625rem 2.25rem;
        font-size:1.5rem;
        margin-top:1.75rem;
    }
}
@media (max-width: 767.98px){
    .popup-activate{
        padding:1rem;
    }

    .popup-activate__modal{
        gap:0.75rem;
        width:100%;
        padding:1.5rem 1rem 1.75rem;
    }

    .popup-activate__modal::before,
    .popup-activate__modal::after{
        width:18rem;
        height:18rem;
    }

    .popup-activate__modal::before{
        top:-9rem;
        left:-9rem;
    }

    .popup-activate__modal::after{
        right:-9rem;
        bottom:-9rem;
    }

    .popup-activate__head{
        gap:0.625rem;
        margin-bottom:0.25rem;
    }

    .popup-activate__title-icon{
        width:2.25rem;
        height:2.25rem;
    }

    .popup-activate__title{
        font-size:clamp(1.375rem, 7.4vw, 2.25rem);
    }

    .popup-activate__sub{
        gap:0.625rem;
    }

    .popup-activate__sub-text,
    .popup-activate__check-text,
    .popup-activate__sub-done{
        font-size:clamp(0.6875rem, 3.2vw, 0.875rem);
        line-height:1.4;
    }

    .popup-activate__form{
        gap:0.5rem;
    }

    .popup-activate__input{
        padding:0.5625rem 1rem;
        font-size:clamp(0.8125rem, 3.6vw, 0.9375rem);
    }

    .popup-activate__submit{
        padding:0.375rem 1.25rem;
        font-size:clamp(0.75rem, 3.4vw, 0.875rem);
    }

    .popup-activate__check{
        gap:0.5rem;
    }

    .popup-activate__check-box{
        width:1.125rem;
        height:1.125rem;
        margin-top:2px;
    }

    .popup-activate__btn{
        gap:0.5rem;
        padding:0.5rem 1.75rem;
        margin-top:1rem;
        font-size:clamp(1rem, 5vw, 1.5rem);
    }
}