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

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

@font-face{
  font-family:"Unbounded";
  src:url("/fonts/unbounded-v12-latin-600.woff2") format("woff2"), url("/fonts/unbounded-v12-latin-600.woff") format("woff");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"Unbounded";
  src:url("/fonts/unbounded-v12-latin-800.woff2") format("woff2"), url("/fonts/unbounded-v12-latin-800.woff") format("woff");
  font-weight:800;
  font-style:normal;
  font-display:swap;
}


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

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

@font-face{
  font-family:"Roboto";
  src:url("/fonts/roboto-v51-latin-600.woff2") format("woff2"), url("/fonts/roboto-v51-latin-600.woff") format("woff");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

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

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

@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 scene-wall-in{
    0%{
        transform:translate(-50%, -30%);
        opacity:0;
        filter:brightness(1.9);
    }

    40%{
        filter:brightness(1.5);
    }

    100%{
        transform:translate(-50%, -50%);
        opacity:1;
        filter:brightness(1);
    }
}
@keyframes map-choice-unlock{
    to{
        pointer-events:auto;
    }
}
@keyframes map-card-in{
    0%{
        opacity:0;
        filter:brightness(2.6);
    }

    35%{
        opacity:1;
        filter:brightness(2.1);
    }

    100%{
        opacity:1;
        filter:brightness(1);
    }
}
@keyframes map-text-in{
    0%{
        opacity:0;
        transform:translateY(0.75rem);
        filter:brightness(2.4);
    }

    40%{
        opacity:1;
        transform:translateY(0);
        filter:brightness(1.9);
    }

    100%{
        opacity:1;
        transform:translateY(0);
        filter:brightness(1);
    }
}
@keyframes map-smoke-breathe{
    0%{
        scale:1;
    }

    38%{
        scale:1.045;
    }

    69%{
        scale:1.014;
    }

    100%{
        scale:1;
    }
}
@keyframes map-smoke-fade{
    0%{
        opacity:0.84;
    }

    14%{
        opacity:1;
    }

    29%{
        opacity:0.52;
    }

    43%{
        opacity:0.96;
    }

    58%{
        opacity:0.44;
    }

    71%{
        opacity:0.92;
    }

    86%{
        opacity:0.64;
    }

    100%{
        opacity:0.84;
    }
}
@keyframes map-smoke-glow{
    0%{
        filter:brightness(1.15);
    }

    14%{
        filter:brightness(1.85);
    }

    29%{
        filter:brightness(1);
    }

    43%{
        filter:brightness(1.6);
    }

    58%{
        filter:brightness(1.03);
    }

    71%{
        filter:brightness(1.75);
    }

    86%{
        filter:brightness(1.3);
    }

    100%{
        filter:brightness(1.15);
    }
}
@keyframes map-glow-breathe{
    0%{
        transform:translate(-50%, -50%) scale(0.94);
    }

    34%{
        transform:translate(-50.9%, -49.1%) scale(1.24);
    }

    67%{
        transform:translate(-49.2%, -50.8%) scale(1.06);
    }

    100%{
        transform:translate(-50%, -50%) scale(0.94);
    }
}
@keyframes scene-prop-in{
    from{
        transform:translate(calc(-50% + var(--prop-from-x)), calc(-50% + var(--prop-from-y))) rotate(var(--prop-rot));
        opacity:0;
    }

    to{
        transform:translate(-50%, -50%) rotate(var(--prop-rot));
        opacity:1;
    }
}
@keyframes scan-beam{
    0%{
        top:-2%;
        opacity:0;
    }

    5.6%{
        opacity:1;
    }

    38.6%{
        opacity:1;
    }

    44.2%{
        top:102%;
        opacity:0;
    }

    100%{
        top:102%;
        opacity:0;
    }
}
@keyframes scan-status{
    0%{
        opacity:0;
        translate:0 calc(-50% - 0.7rem);
    }

    11.3%{
        opacity:1;
        translate:0 -50%;
    }

    88.7%{
        opacity:1;
        translate:0 -50%;
    }

    100%{
        opacity:0;
        translate:0 calc(-50% - 0.7rem);
    }
}
@keyframes scan-status-final{
    0%{
        opacity:0;
        translate:0 calc(-50% - 0.7rem);
    }

    14.1%{
        opacity:1;
        translate:0 -50%;
    }

    100%{
        opacity:1;
        translate:0 -50%;
    }
}
@keyframes scan-bar{
    0%{
        width:2.114%;
    }

    11%{
        width:36.364%;
    }

    25%{
        width:36.364%;
    }

    36%{
        width:71.247%;
    }

    50%{
        width:71.247%;
    }

    61%{
        width:103.594%;
    }

    100%{
        width:103.594%;
    }
}
@keyframes scan-lines-flicker{
    0%{
        opacity:0.6;
    }

    18%{
        opacity:1;
    }

    34%{
        opacity:0.72;
    }

    52%{
        opacity:0.95;
    }

    68%{
        opacity:0.63;
    }

    83%{
        opacity:0.88;
    }

    100%{
        opacity:0.6;
    }
}
@keyframes scan-tick-appear{
    0%{
        opacity:0;
        scale:0.45;
        filter:brightness(1);
    }

    45.2%{
        opacity:0;
        scale:0.45;
        filter:brightness(3.4);
    }

    56.5%{
        opacity:1;
        scale:1.12;
        filter:brightness(3.4);
    }

    64%{
        filter:brightness(1.7);
    }

    69.7%{
        opacity:1;
        scale:1;
    }

    100%{
        opacity:1;
        scale:1;
        filter:brightness(1);
    }
}
@keyframes scan-tick-fade{
    from{
        opacity:1;
        scale:1;
    }

    to{
        opacity:0;
        scale:0.45;
    }
}
@keyframes scan-tick-found{
    0%{
        opacity:0;
        scale:1;
        filter:brightness(3.4);
    }

    16%{
        opacity:1;
        filter:brightness(3.4);
    }

    29.2%{
        filter:brightness(1.6);
    }

    48%{
        opacity:1;
        scale:1.2;
    }

    100%{
        opacity:1;
        scale:1.2;
        filter:brightness(1);
    }
}
@keyframes scan-map-zoom{
    0%{
        transform:translate(0, 0) scale(1);
    }

    60%{
        transform:translate(var(--map-pan-x), var(--map-pan-y)) scale(2.295);
    }

    100%{
        transform:translate(var(--map-pan-x), var(--map-pan-y)) scale(2.295);
    }
}
@keyframes scan-bar-glint{
    0%{
        translate:-110% 0;
    }

    45%{
        translate:110% 0;
    }

    100%{
        translate:110% 0;
    }
}
@keyframes scan-lines-jitter{

    0%,
    58%{
        translate:0 0;
    }

    60%{
        translate:1px -2px;
    }

    62%{
        translate:-1px 1px;
    }

    64%{
        translate:0 -1px;
    }

    66%{
        translate:1px 1px;
    }

    68%,
    100%{
        translate:0 0;
    }
}
@keyframes map-scan-info-in{
    from{
        opacity:0;
        translate:-1.5rem 0;
    }

    to{
        opacity:1;
        translate:0 0;
    }
}
@keyframes map-scan-device-in{
    0%{
        opacity:0;
        translate:0 -70%;
        rotate:-5deg;
        scale:0.97;
    }

    14%{
        opacity:1;
        translate:0 -65.5%;
    }

    28%{
        translate:0 -51.9%;
    }

    42%{
        translate:0 -29.2%;
    }

    55%{
        translate:0 2.5%;
        rotate:1.4deg;
        scale:1.012;
    }

    70%{
        translate:0 -1.4%;
        rotate:-0.7deg;
        scale:0.997;
    }

    84%{
        translate:0 0.5%;
        rotate:0.25deg;
        scale:1.003;
    }

    93%{
        translate:0 -0.15%;
        rotate:-0.08deg;
    }

    100%{
        opacity:1;
        translate:0 0;
        rotate:0deg;
        scale: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);
    }
}
@keyframes scan-lead-blink{

    0%,
    100%{
        opacity:0.65;
    }

    50%{
        opacity:1;
    }
}
@keyframes scan-bar-flash{
    0%{
        filter:brightness(1);
    }

    16%{
        filter:brightness(2.7);
    }

    34%{
        filter:brightness(1.5);
    }

    55%{
        filter:brightness(2);
    }

    100%{
        filter:brightness(1);
    }
}
@keyframes scan-icon-in{
    0%{
        opacity:0;
    }

    14.1%{
        opacity:1;
    }

    100%{
        opacity:1;
    }
}
@keyframes map-scan-device-shake{
    0%{
        translate:0 0;
        rotate:0deg;
    }

    18%{
        translate:-0.9% 0;
        rotate:-0.45deg;
    }

    38%{
        translate:0.7% 0;
        rotate:0.35deg;
    }

    58%{
        translate:-0.4% 0;
        rotate:-0.2deg;
    }

    78%{
        translate:0.18% 0;
        rotate:0.09deg;
    }

    100%{
        translate:0 0;
        rotate:0deg;
    }
}
@keyframes scan-display-power{
    0%{
        opacity:1;
        scale:1 1;
        background-color:#0A0603;
    }

    42%{
        opacity:1;
        scale:1 1;
        background-color:#0A0603;
    }

    56%{
        opacity:1;
        scale:1 0.06;
        background-color:#FFE3B5;
    }

    72%{
        opacity:0.85;
        scale:1 0.02;
        background-color:#FFF6E4;
    }

    100%{
        opacity:0;
        scale:1 0.01;
        background-color:#FFF6E4;
    }
}
@keyframes phase-fade{
    0%{
        opacity:0;
    }

    26%{
        opacity:1;
    }

    58%{
        opacity:1;
    }

    100%{
        opacity:0;
    }
}
@keyframes phase-hide{
    to{
        opacity:0;
        pointer-events:none;
    }
}
@keyframes map-title-in{
    0%{
        opacity:0;
        filter:blur(14px) brightness(2.6);
        transform:translateY(-1.1rem) scale(1.06);
    }

    45%{
        opacity:1;
        filter:blur(3px) brightness(1.9);
    }

    100%{
        opacity:1;
        filter:blur(0) brightness(1);
        transform:translateY(0) scale(1);
    }
}
@keyframes map-hint-nudge{

    0%,
    86%{
        translate:0 0;
        filter:brightness(1);
    }

    89%{
        translate:-5px 0;
        filter:brightness(1.1);
    }

    92%{
        translate:5px 0;
        filter:brightness(1.1);
    }

    95%{
        translate:-2px 0;
        filter:brightness(1.1);
    }

    97%{
        translate:2px 0;
        filter:brightness(1.1);
    }

    100%{
        translate:0 0;
        filter:brightness(1);
    }
}
@keyframes map-hint-in{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}
@keyframes map-lead-drop{
    0%{
        opacity:0;
        transform:translateY(-2.75rem);
        filter:brightness(2.4);
        animation-timing-function:cubic-bezier(0.55, 0, 0.9, 0.5);
    }
    30%{
        opacity:1;
        transform:translateY(-2rem);
        animation-timing-function:cubic-bezier(0.4, 0, 0.85, 0.5);
    }
    56%{
        transform:translateY(0);
        filter:brightness(1.9);
        animation-timing-function:cubic-bezier(0.25, 0.6, 0.4, 1);
    }

    74%{
        transform:translateY(-0.5rem);
        animation-timing-function:cubic-bezier(0.6, 0, 0.75, 0.45);
    }

    88%{
        transform:translateY(0);
        animation-timing-function:cubic-bezier(0.25, 0.6, 0.4, 1);
    }

    95%{
        transform:translateY(-0.125rem);
        animation-timing-function:cubic-bezier(0.6, 0, 0.75, 0.45);
    }

    100%{
        opacity:1;
        transform:translateY(0);
        filter:brightness(1);
    }
}
@keyframes map-swipe-in{
    from{
        opacity:0;
        transform:translateX(-110%);
    }

    to{
        opacity:1;
        transform:translateX(0);
    }
}
@keyframes map-lead-rise{
    0%{
        opacity:0;
        transform:translateY(2.75rem);
        filter:brightness(2.4);
        animation-timing-function:cubic-bezier(0.55, 0, 0.9, 0.5);
    }

    30%{
        opacity:1;
        transform:translateY(2rem);
        animation-timing-function:cubic-bezier(0.4, 0, 0.85, 0.5);
    }

    56%{
        transform:translateY(0);
        filter:brightness(1.9);
        animation-timing-function:cubic-bezier(0.25, 0.6, 0.4, 1);
    }

    74%{
        transform:translateY(0.5rem);
        animation-timing-function:cubic-bezier(0.6, 0, 0.75, 0.45);
    }

    88%{
        transform:translateY(0);
        animation-timing-function:cubic-bezier(0.25, 0.6, 0.4, 1);
    }

    95%{
        transform:translateY(0.125rem);
        animation-timing-function:cubic-bezier(0.6, 0, 0.75, 0.45);
    }

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

@keyframes case-grid-in{
    from{
        opacity:0;
    }

    to{
        opacity:0.38;
    }
}
@keyframes case-grid-out{
    to{
        opacity:0;
    }
}
@keyframes case-wall-in{
    from{
        opacity:0;
        scale:1.05;
    }

    to{
        opacity:1;
        scale:1;
    }
}
@keyframes case-platform-in{
    from{
        opacity:1;
        translate:0 100%;
    }

    to{
        opacity:1;
        translate:0 0;
    }
}
@keyframes case-text-in{
    from{
        opacity:0;
        translate:-1.75rem 0;
        filter:blur(7px);
        pointer-events:none;
    }

    to{
        opacity:1;
        translate:0 0;
        filter:blur(0);
        pointer-events:auto;
    }
}
@keyframes case-text-out{
    0%{
        opacity:1;
        translate:0 0;
    }
    55%{
        opacity:0.6;
    }

    100%{
        opacity:0;
        translate:-4rem 0;
        display:none;
    }
}
@keyframes case-stack-in{
    from{
        opacity:0;
        translate:0 1.6%;
    }

    to{
        opacity:1;
        translate:0 0;
    }
}
@keyframes case-item-glint-solo{
    0%{
        opacity:0;
        background-position:110% 0;
    }

    2%{
        opacity:1;
    }

    16%{
        opacity:1;
    }

    18%{
        opacity:0;
        background-position:-10% 0;
    }

    100%{
        opacity:0;
        background-position:-10% 0;
    }
}

@keyframes case-hint-in{
    from{
        opacity:0;
        translate:0 -0.5rem;
    }

    to{
        opacity:1;
        translate:0 0;
    }
}
@keyframes case-drop{
    0%{
        opacity:0;
        translate:0 -65.56%;
        scale:1;
        animation-timing-function:cubic-bezier(0.55, 0, 0.95, 0.45);
    }

    8%{
        opacity:1;
        animation-timing-function:cubic-bezier(0.55, 0, 0.95, 0.45);
    }

    44%{
        opacity:1;
        translate:0 0;
        scale:1.035 0.94;
        animation-timing-function:cubic-bezier(0.2, 0, 0.35, 1);
    }

    50%{
        scale:0.985 1.03;
    }

    56%{
        translate:0 -6.4%;
        scale:1;
        animation-timing-function:cubic-bezier(0.6, 0, 0.85, 0.5);
    }

    68%{
        translate:0 0;
        scale:1.015 0.975;
        animation-timing-function:cubic-bezier(0.2, 0, 0.35, 1);
    }

    78%{
        translate:0 -2.2%;
        scale:1;
        animation-timing-function:cubic-bezier(0.6, 0, 0.85, 0.5);
    }

    88%{
        translate:0 0;
        scale:1.008 0.988;
    }

    94%{
        translate:0 -0.6%;
        scale:1;
    }

    100%{
        opacity:1;
        translate:0 0;
        scale:1;
    }
}
@keyframes case-smoke-puff{
    0%{
        opacity:0;
        translate:0 calc(var(--case-smoke-dy) + 3.5%);
    }

    22%{
        opacity:1;
    }

    100%{
        opacity:0.85;
        translate:0 var(--case-smoke-dy);
    }
}
@keyframes case-smoke-breathe{
    0%{
        scale:1;
        filter:brightness(1);
    }

    26%{
        scale:1.035;
        filter:brightness(1.28);
    }

    53%{
        scale:1.012;
        filter:brightness(1.04);
    }

    78%{
        scale:1.028;
        filter:brightness(1.19);
    }

    100%{
        scale:1;
        filter:brightness(1);
    }
}
@keyframes case-smoke-breathe-wide{
    0%{
        scale:1;
        filter:brightness(1) saturate(1);
    }

    26%{
        scale:1.05;
        filter:brightness(1.14) saturate(1.18);
    }

    53%{
        scale:1.016;
        filter:brightness(1.03) saturate(1.04);
    }

    78%{
        scale:1.04;
        filter:brightness(1.09) saturate(1.12);
    }

    100%{
        scale:1;
        filter:brightness(1) saturate(1);
    }
}
@keyframes case-btn-nudge{

    0%,
    88%{
        translate:0 0;
    }

    91%{
        translate:-6px 0;
    }

    94%{
        translate:5px 0;
    }

    97%{
        translate:-2px 0;
    }

    100%{
        translate:0 0;
    }
}
@keyframes case-glint{
    0%{
        opacity:0;
        background-position:110% 0;
    }

    3%{
        opacity:1;
    }

    21%{
        opacity:1;
    }

    24%{
        opacity:0;
        background-position:-10% 0;
    }

    100%{
        opacity:0;
        background-position:-10% 0;
    }
}
@keyframes case-body-rattle{

    0%,
    4%{
        translate:0 0;
        rotate:0deg;
    }

    6%{
        translate:-1.6px 0.5px;
        rotate:-0.2deg;
    }

    9%{
        translate:1.9px -0.7px;
        rotate:0.24deg;
    }

    12%{
        translate:-1.3px 0.5px;
        rotate:-0.16deg;
    }

    15%{
        translate:1.5px -0.4px;
        rotate:0.18deg;
    }

    18%{
        translate:-0.9px 0.2px;
        rotate:-0.1deg;
    }

    21%{
        translate:0.5px -0.1px;
        rotate:0.05deg;
    }

    24%,
    100%{
        translate:0 0;
        rotate:0deg;
    }
}

@keyframes case-fade-out{
    from{
        opacity:1;
    }

    to{
        opacity:0;
    }
}
@keyframes case-lid-off{
    0%{
        opacity:1;
        translate:0 0;
        scale:1;
    }

    100%{
        opacity:0;
        translate:0 -4%;
        scale:1.05;
    }
}
@keyframes case-lid-on{
    0%{
        opacity:0;
        translate:0 1.6%;
        scale:0.97 0.9;
    }

    55%{
        opacity:1;
    }

    100%{
        opacity:1;
        translate:0 0;
        scale:1;
    }
}

@keyframes case-smoke-open{
    0%{
        opacity:0;
        translate:0 calc(var(--case-smoke-open-dy) + 4.5%);
    }

    30%{
        opacity:1;
    }

    100%{
        opacity:0.9;
        translate:0 var(--case-smoke-open-dy);
    }
}
@keyframes case-smoke-burst{
    0%{
        opacity:0;
        scale:0.9;
        translate:0 calc(var(--case-smoke-open-dy) + 4.5%);
    }

    16%{
        opacity:0.72;
    }

    46%{
        opacity:0.6;
    }

    100%{
        opacity:0;
        scale:1.06;
        translate:0 calc(var(--case-smoke-open-dy) - 2%);
    }
}
@keyframes case-flash{
    0%{
        opacity:0;
    }

    18%{
        opacity:0.95;
    }

    100%{
        opacity:0;
    }
}

@keyframes case-slider-in{
    from{
        opacity:0;
        translate:-4% 0;
        scale:0.94;
    }

    to{
        opacity:1;
        translate:0 0;
        scale:1;
    }
}
@keyframes case-slide-fade{
    0%{
        opacity:0;
    }

    1.6%{
        opacity:1;
    }

    18.4%{
        opacity:1;
    }

    19.2%{
        opacity:0;
    }

    100%{
        opacity:0;
    }
}
@keyframes case-slide-move{
    0%{
        translate:0 -22%;
    }

    1.6%{
        translate:0 0;
    }

    18.4%{
        translate:0 0;
    }

    20%{
        translate:0 22%;
    }

    100%{
        translate:0 22%;
    }
}
@keyframes case-name-left{
    0%{
        translate:-2.25rem 0;
    }

    1.6%{
        translate:0 0;
    }

    18.4%{
        translate:0 0;
    }

    19.2%{
        translate:-2.25rem 0;
    }

    100%{
        translate:-2.25rem 0;
    }
}

@keyframes case-name-right{
    0%{
        translate:2.25rem 0;
    }

    1.6%{
        translate:0 0;
    }

    18.4%{
        translate:0 0;
    }

    19.2%{
        translate:2.25rem 0;
    }

    100%{
        translate:2.25rem 0;
    }
}
@keyframes case-card-pulse{
    0%{
        opacity:1;
    }

    26%{
        opacity:0;
    }

    100%{
        opacity:0;
    }
}
@keyframes case-halo-in{
    from{
        opacity:0;
    }

    to{
        opacity:var(--halo-op);
    }
}
@keyframes case-scene-flash{
    0%{
        opacity:0;
        scale:0.86;
    }

    12%{
        opacity:0.85;
        scale:1;
    }

    100%{
        opacity:0;
        scale:1.14;
    }
}
@keyframes case-item-glint{

    0%,
    3%{
        opacity:0;
        background-position:110% 0;
    }

    3.6%{
        opacity:1;
    }

    8.4%{
        opacity:1;
    }

    9%{
        opacity:0;
        background-position:-10% 0;
    }

    100%{
        opacity:0;
        background-position:-10% 0;
    }
}
.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:#24FF91;
      transform:rotate(45deg);
      animation:loader-pulse 1.2s infinite ease-in-out;
      box-shadow:0 0 15px #277441;
      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: 1023.98px){
    .loader{
        gap:1.5rem;
    }

    .loader__rhombus{
        width:1.5rem !important;
        height:1.5rem !important;
    }
}
.loader.hide .loader__rhombus{
    animation-play-state:paused !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:"Roboto", sans-serif;
    --font-secondary:"Unbounded", 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:#0E1016;
    --color-black-2:#202534;

    --color-blue-1:#313E66;
    --color-green-1:#24FF91;
    --color-green-2:#92FFAF;
    --color-green-3:#41D7A7;

    --color-orange-1:#FF8820;

    --color-yellow-1:#FFD446;

    --color-map-mirage-1:#916D33;
    --color-map-mirage-2:#FFCE7E;
    --color-map-mirage-3:#FFDA96;

    --color-map-inferno-1:#9F3D1F;
    --color-map-inferno-2:#FF7348;
    --color-map-inferno-3:#FF6536;

    --color-map-dust2-1:#A48E6B;
    --color-map-dust2-2:#FFE7C3;
    --color-map-dust2-3:#FFCE7E;
    --color-map-mirage-bg:#16110E;
    --color-map-inferno-bg:#160E0F;
    --color-map-dust2-bg:#16120E;
    --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);
}
.main{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    flex:1;
    width:100%;
    min-height:0;
    z-index:var(--z-content);
}

.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-screen{
        overflow:visible;
    }
}

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;
    }
}
@media (min-width: 1024px) and (max-width: 1919.98px){
    html{
        font-size:min(0.8333vw, 1.4815vh);
    }
}
@media (max-width: 767.98px){
    html{
        font-size:min(3.6364vw, 1.6736vh);
    }
    body{
        height:100vh;
        height:100dvh;
        overflow:hidden;
    }
}
@media (min-width: 768px) and (max-width: 1023.98px){
    html{
        font-size:min(2.6042vw, 1.9531vh);
    }
}

.text-title{

}

:root{
    --scene-glow:var(--color-blue-1);
    --scene-deep:var(--color-black-1);
    --theme-accent:var(--color-green-1);
}
body:has(.map-card--mirage:hover){
    --scene-glow:var(--color-map-mirage-1);
    --scene-deep:var(--color-map-mirage-bg);
    --theme-accent:var(--color-map-mirage-2);
}

body:has(.map-card--inferno:hover){
    --scene-glow:var(--color-map-inferno-1);
    --scene-deep:var(--color-map-inferno-bg);
    --theme-accent:var(--color-map-inferno-2);
}

body:has(.map-card--dust2:hover){
    --scene-glow:var(--color-map-dust2-1);
    --scene-deep:var(--color-map-dust2-bg);
    --theme-accent:var(--color-map-dust2-2);
}
.scene-bg{
    position:fixed;
    inset:0;
    z-index:-1;
    overflow:hidden;
    pointer-events:none;

    background-color:var(--scene-deep);
    transition:background-color 0.45s ease;
}
.scene-bg::before{
    content:"";
    position:absolute;
    inset:0;

    background-color:var(--scene-glow);
    transition:background-color 0.45s ease;

    -webkit-mask-image:radial-gradient(64.88% 41.48% at 50% 32.22%, #000 3.6%, transparent 100%);
    mask-image:radial-gradient(64.88% 41.48% at 50% 32.22%, #000 3.6%, transparent 100%);
}
.scene-bg__grid{
    position:absolute;
    left:50%;
    top:50%;
    width:100.52%;
    height:104.63%;
    transform:translate(-50%, -50%);

    background-image:url("/images/default/bg/bg-grid-1.avif");
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;

    mix-blend-mode:screen;
    opacity:0.15;
}
.scene-bg__grid--case{
    background-image:var(--case-grid);
    opacity:0;
}
.scene-bg__wall{
    position:absolute;
    left:50%;
    top:var(--wall-y);
    width:var(--wall-w);
    height:auto;
    max-width:none;
    transform:translate(-50%, -47.5%);
    opacity:0;
    transition:opacity 0.55s ease, transform 0.55s cubic-bezier(0.33, 1, 0.68, 1);
    will-change:transform, opacity;
}

.scene-bg__wall--default{
    --wall-w:105.573%;
    --wall-y:49.954%;
}

.scene-bg__wall--mirage{
    --wall-w:96.667%;
    --wall-y:56.111%;
}

.scene-bg__wall--inferno{
    --wall-w:101.875%;
    --wall-y:47.315%;
}

.scene-bg__wall--dust2{
    --wall-w:97.396%;
    --wall-y:55.139%;
}
body.show .scene-bg__wall--default{
    transform:translate(-50%, -50%);
    opacity:1;
    animation:scene-wall-in 2.2s cubic-bezier(0.16, 1, 0.3, 1) 0.15s backwards;
}

body:has(.map-card--mirage:hover) .scene-bg__wall--default,
body:has(.map-card--inferno:hover) .scene-bg__wall--default,
body:has(.map-card--dust2:hover) .scene-bg__wall--default{
    transform:translate(-50%, -47.5%);
    opacity:0;
}

body:has(.map-card--mirage:hover) .scene-bg__wall--mirage,
body:has(.map-card--inferno:hover) .scene-bg__wall--inferno,
body:has(.map-card--dust2:hover) .scene-bg__wall--dust2{
    transform:translate(-50%, -50%);
    opacity:1;
}
body.theme-mirage,
body:has(.activate-mark--mirage.show){
    --scene-glow:var(--color-map-mirage-1);
    --scene-deep:var(--color-map-mirage-bg);
    --theme-accent:var(--color-map-mirage-2);
    --scan-device:url("/images/mirage/tablet/device.avif");
    --scan-lines:url("/images/mirage/tablet/display-lines.avif");
    --scan-map:url("/images/mirage/tablet/map.avif");
    --scan-tick:url("/images/mirage/icons/location-point-mirage.svg");

    --map-w:114.223%;
    --map-h:118.373%;
    --map-x:-7.112%;
    --map-y:-9.187%;
    --tick1-x:25.665%;
    --tick1-y:27.925%;
    --tick2-x:45.817%;
    --tick2-y:69.657%;
    --tick3-x:60.171%;
    --tick3-y:42.811%;
    --tick-w:8.460%;
    --map-pan-x:-23.343%;
    --map-pan-y:16.498%;
    --bar-a:#FFC15C;
    --bar-b:#D78C41;
    --bar-glow:255, 193, 92;
    --bar-inset:#FFE0AD;
    --status-a:#FFE2B2;
    --status-b:#FFCC99;
    --status-glow:255, 193, 92;
    --status-shadow:#FFC15C;
    --prop-a:url("/images/mirage/stuff/3.avif");
    --prop-a-x:81.935%;
    --prop-a-y:40.129%;
    --prop-a-w:40.625%;
    --prop-a-ar:780 / 807;
    --prop-a-rot:-16.01deg;
    --prop-a-flip:1;
    --prop-b:url("/images/mirage/stuff/4.avif");
    --prop-b-x:12.815%;
    --prop-b-y:102.699%;
    --prop-b-w:40.401%;
    --prop-b-ar:775.7 / 741.253;
    --prop-b-rot:18.41deg;
    --prop-b-flip:1;
    --prop-c:url("/images/mirage/stuff/5.avif");
    --prop-c-x:97.948%;
    --prop-c-y:90.183%;
    --prop-c-w:22.135%;
    --prop-c-ar:425 / 532;
    --prop-c-rot:33.27deg;
    --prop-c-flip:1;
    --prop-d:url("/images/mirage/stuff/2.avif");
    --prop-d-x:25.219%;
    --prop-d-y:-16.920%;
    --prop-d-w:36.073%;
    --prop-d-ar:692.6 / 731.657;
    --prop-d-rot:16.79deg;
    --prop-d-flip:1;
    --prop-e:url("/images/mirage/stuff/1.avif");
    --prop-e-x:-4.342%;
    --prop-e-y:7.295%;
    --prop-e-w:27.708%;
    --prop-e-ar:532 / 562;
    --prop-e-rot:-30.94deg;
    --prop-e-flip:1;
    --case-grid:url("/images/mirage/bg/bg-grid-2.avif");
    --case-bg-left:url("/images/mirage/bg/bg-left.avif");
    --case-bg-right:url("/images/mirage/bg/bg-right.avif");
    --case-platform:url("/images/mirage/case/platform-2.avif");
    --case-closed:url("/images/mirage/case/case-closed-2.avif");
    --case-opened:url("/images/mirage/case/case-opened-2.avif");
    --case-shadow:url("/images/mirage/case/case-shadow-2.avif");
    --case-shadow-open:url("/images/mirage/case/case-shadow-3.avif");
    --case-smoke:url("/images/mirage/case/case-smoke-2.avif");
    --case-smoke-open:url("/images/mirage/case/case-smoke-3.avif");
    --case-hint-icon:url("/images/mirage/icons/info-mirage.svg");
    --case-card:url("/images/mirage/items/item-card.avif");
    --case-left-x:-1.042%;
    --case-left-y:0%;
    --case-left-w:16.615%;
    --case-left-h:100%;
    --case-right-x:38.698%;
    --case-right-y:0%;
    --case-right-w:61.302%;
    --case-right-h:100%;
    --case-plat-x:42.656%;
    --case-plat-y:35.093%;
    --case-plat-y-open:42.5%;
    --case-plat-w:57.344%;
    --case-plat-h:66.481%;
    --case-box-x:48.104%;
    --case-box-y:4.315%;
    --case-box-y-open:11.722%;
    --case-box-w:46.083%;
    --case-box-ar:1354 / 1101;
    --case-lid-top:31.706%;
    --case-smoke-dy:5.5%;
    --case-smoke-open-dy:7.5%;

    --case-card-x:36.094%;
    --case-card-y:22.963%;
    --case-card-w:22.448%;
    --case-card-ar:1724 / 1276;

    --case-hint-x:75.052%;
    --case-hint-y:25.093%;

    --case-btn-ink:#FFDEA8;
    --case-btn-edge:#FFDEA8;
    --case-item-ink:#FFE2B3;
    --case-item-glow:#FFCE7E;
    --case-title-w-closed:30.3125rem;
    --case-title-w-open:21.4375rem;
    --case-lead-w-closed:20.25rem;
    --case-lead-w-open:24.1875rem;

}
body.theme-inferno,
body:has(.activate-mark--inferno.show){
    --scene-glow:var(--color-map-inferno-1);
    --scene-deep:var(--color-map-inferno-bg);
    --theme-accent:var(--color-map-inferno-2);
    --scan-device:url("/images/inferno/tablet/device.avif");
    --scan-lines:url("/images/inferno/tablet/display-lines.avif");
    --scan-map:url("/images/inferno/tablet/map.avif");
    --scan-tick:url("/images/inferno/icons/location-point-inferno.svg");

    --map-w:100.000%;
    --map-h:111.747%;
    --map-x:0.000%;
    --map-y:-6.024%;
    --tick1-x:41.748%;
    --tick1-y:23.248%;
    --tick2-x:32.845%;
    --tick2-y:60.983%;
    --tick3-x:71.173%;
    --tick3-y:60.176%;
    --tick-w:9.663%;
    --map-pan-x:-48.592%;
    --map-pan-y:-23.354%;
    --bar-a:#FF7348;
    --bar-b:#DD3400;
    --bar-glow:255, 115, 72;
    --bar-inset:#FF7348;
    --status-a:#FF9372;
    --status-b:#FF7348;
    --status-glow:255, 147, 114;
    --status-shadow:#FF9372;
    --prop-a:url("/images/inferno/stuff/5.avif");
    --prop-a-x:95.828%;
    --prop-a-y:118.325%;
    --prop-a-w:42.767%;
    --prop-a-ar:821.136 / 850.362;
    --prop-a-rot:-163.99deg;
    --prop-a-flip:-1;
    --prop-b:url("/images/inferno/stuff/3.avif");
    --prop-b-x:81.366%;
    --prop-b-y:43.761%;
    --prop-b-w:42.292%;
    --prop-b-ar:812 / 859;
    --prop-b-rot:-19.32deg;
    --prop-b-flip:1;
    --prop-c:url("/images/inferno/stuff/2.avif");
    --prop-c-x:29.845%;
    --prop-c-y:-10.316%;
    --prop-c-w:31.094%;
    --prop-c-ar:597 / 608;
    --prop-c-rot:25.79deg;
    --prop-c-flip:1;
    --prop-d:url("/images/inferno/stuff/1.avif");
    --prop-d-x:7.029%;
    --prop-d-y:3.299%;
    --prop-d-w:22.604%;
    --prop-d-ar:434 / 614;
    --prop-d-rot:67.31deg;
    --prop-d-flip:1;
    --prop-e:url("/images/inferno/stuff/4.avif");
    --prop-e-x:12.612%;
    --prop-e-y:98.814%;
    --prop-e-w:34.688%;
    --prop-e-ar:666 / 535;
    --prop-e-rot:30.01deg;
    --prop-e-flip:1;
    --case-grid:url("/images/inferno/bg/bg-grid-2.avif");
    --case-bg-left:url("/images/inferno/bg/bg-left.avif");
    --case-bg-right:url("/images/inferno/bg/bg-right.avif");
    --case-platform:url("/images/inferno/case/platform-2.avif");
    --case-closed:url("/images/inferno/case/case-closed-2.avif");
    --case-opened:url("/images/inferno/case/case-opened-2.avif");
    --case-shadow:url("/images/inferno/case/case-shadow-2.avif");
    --case-shadow-open:url("/images/inferno/case/case-shadow-3.avif");
    --case-smoke:url("/images/inferno/case/case-smoke-2.avif");
    --case-smoke-open:url("/images/inferno/case/case-smoke-3.avif");
    --case-hint-icon:url("/images/inferno/icons/info-inferno.svg");
    --case-card:url("/images/inferno/items/item-card.avif");
    --case-left-x:-0.521%;
    --case-left-y:20.37%;
    --case-left-w:18.854%;
    --case-left-h:79.63%;
    --case-right-x:33.177%;
    --case-right-y:0%;
    --case-right-w:66.823%;
    --case-right-h:100%;
    --case-plat-x:42.656%;
    --case-plat-y:35.093%;
    --case-plat-y-open:42.5%;
    --case-plat-w:57.344%;
    --case-plat-h:66.481%;
    --case-box-x:48.104%;
    --case-box-y:4.315%;
    --case-box-y-open:11.722%;
    --case-box-w:46.083%;
    --case-box-ar:1354 / 1101;
    --case-lid-top:31.706%;
    --case-smoke-dy:5.5%;
    --case-smoke-open-dy:7.5%;

    --case-card-x:36.094%;
    --case-card-y:22.963%;
    --case-card-w:22.448%;
    --case-card-ar:1724 / 1276;

    --case-hint-x:75.052%;
    --case-hint-y:25.093%;

    --case-btn-ink:#fc9474;
    --case-btn-edge:#FFABA3;
    --case-item-ink:#FF7348;
    --case-item-glow:#FF7348;
    --case-title-w-closed:30.3125rem;
    --case-title-w-open:22.375rem;
    --case-lead-w-closed:20.75rem;
    --case-lead-w-open:24.1875rem;

}
body.theme-dust2,
body:has(.activate-mark--dust2.show){
    --scene-glow:var(--color-map-dust2-1);
    --scene-deep:var(--color-map-dust2-bg);
    --theme-accent:var(--color-map-dust2-2);
    --scan-device:url("/images/dust2/tablet/device.avif");
    --scan-lines:url("/images/dust2/tablet/display-lines.avif");
    --scan-map:url("/images/dust2/tablet/map.avif");
    --scan-tick:url("/images/dust2/icons/location-point-dust2.svg");

    --map-w:101.955%;
    --map-h:113.855%;
    --map-x:-0.977%;
    --map-y:-7.079%;
    --tick1-x:21.459%;
    --tick1-y:21.495%;
    --tick2-x:41.800%;
    --tick2-y:48.215%;
    --tick3-x:67.891%;
    --tick3-y:63.294%;
    --tick-w:9.478%;
    --map-pan-x:-41.061%;
    --map-pan-y:-30.509%;
    --bar-a:#E0C6A0;
    --bar-b:#9C8562;
    --bar-glow:224, 198, 160;
    --bar-inset:#E0C6A0;
    --status-a:#FFE7C3;
    --status-b:#CDAE81;
    --status-glow:255, 231, 195;
    --status-shadow:#FFE7C3;
    --prop-a:url("/images/dust2/stuff/5.avif");
    --prop-a-x:89.647%;
    --prop-a-y:116.109%;
    --prop-a-w:42.767%;
    --prop-a-ar:821.136 / 850.362;
    --prop-a-rot:120.29deg;
    --prop-a-flip:-1;
    --prop-b:url("/images/dust2/stuff/3.avif");
    --prop-b-x:29.845%;
    --prop-b-y:-10.316%;
    --prop-b-w:31.094%;
    --prop-b-ar:597 / 608;
    --prop-b-rot:25.79deg;
    --prop-b-flip:1;
    --prop-c:url("/images/dust2/stuff/1.avif");
    --prop-c-x:11.890%;
    --prop-c-y:-6.899%;
    --prop-c-w:33.463%;
    --prop-c-ar:642.493 / 611.203;
    --prop-c-rot:-18.71deg;
    --prop-c-flip:1;
    --prop-d:url("/images/dust2/stuff/4.avif");
    --prop-d-x:15.086%;
    --prop-d-y:92.633%;
    --prop-d-w:31.120%;
    --prop-d-ar:597.513 / 406.505;
    --prop-d-rot:24.99deg;
    --prop-d-flip:1;
    --prop-e:url("/images/dust2/stuff/2.avif");
    --prop-e-x:78.534%;
    --prop-e-y:39.988%;
    --prop-e-w:42.339%;
    --prop-e-ar:812.9 / 827.878;
    --prop-e-rot:-22.74deg;
    --prop-e-flip:1;
    --case-grid:url("/images/dust2/bg/bg-grid-2.avif");
    --case-bg-left:url("/images/dust2/bg/bg-left.avif");
    --case-bg-right:url("/images/dust2/bg/bg-right.avif");
    --case-platform:url("/images/dust2/case/platform-2.avif");
    --case-closed:url("/images/dust2/case/case-closed-2.avif");
    --case-opened:url("/images/dust2/case/case-opened-2.avif");
    --case-shadow:url("/images/dust2/case/case-shadow-2.avif");
    --case-shadow-open:url("/images/dust2/case/case-shadow-3.avif");
    --case-smoke:url("/images/dust2/case/case-smoke-2.avif");
    --case-smoke-open:url("/images/dust2/case/case-smoke-3.avif");
    --case-hint-icon:url("/images/dust2/icons/info-dust2.svg");
    --case-card:url("/images/dust2/items/item-card.avif");
    --case-left-x:-0.417%;
    --case-left-y:36.852%;
    --case-left-w:31.25%;
    --case-left-h:63.148%;
    --case-right-x:37.135%;
    --case-right-y:0%;
    --case-right-w:62.865%;
    --case-right-h:100%;
    --case-plat-x:42.656%;
    --case-plat-y:35.093%;
    --case-plat-y-open:42.5%;
    --case-plat-w:57.344%;
    --case-plat-h:66.481%;
    --case-box-x:48.104%;
    --case-box-y:4.315%;
    --case-box-y-open:11.722%;
    --case-box-w:46.083%;
    --case-box-ar:1354 / 1101;
    --case-lid-top:31.706%;
    --case-smoke-dy:5.5%;
    --case-smoke-open-dy:7.5%;

    --case-card-x:36.094%;
    --case-card-y:22.963%;
    --case-card-w:22.448%;
    --case-card-ar:1724 / 1276;

    --case-hint-x:75.052%;
    --case-hint-y:25.093%;

    --case-btn-ink:#FFDEA8;
    --case-btn-edge:#FFFFFF;
    --case-item-ink:#FFDEA8;
    --case-item-glow:#FFCE86;
    --case-title-w-closed:30.3125rem;
    --case-title-w-open:22.375rem;
    --case-lead-w-closed:20.75rem;
    --case-lead-w-open:24.1875rem;

}
body.theme-mirage .scene-bg__wall--default,
body.theme-inferno .scene-bg__wall--default,
body.theme-dust2 .scene-bg__wall--default{
    transform:translate(-50%, -47.5%);
    opacity:0;
}

body.theme-mirage .scene-bg__wall--mirage,
body.theme-inferno .scene-bg__wall--inferno,
body.theme-dust2 .scene-bg__wall--dust2{
    transform:translate(-50%, -50%);
    opacity:1;
}
body.is-scanning .scene-bg__wall{
    transform:translate(-50%, -41.5%);
    opacity:0;
    transition:opacity 0.45s cubic-bezier(0.65, 0, 0.85, 0.35), transform 0.45s cubic-bezier(0.55, 0, 0.85, 0.45);
}
body.is-scanning .scene-bg::before{
    -webkit-mask-image:radial-gradient(69.35% 50.09% at 56.77% 50.88%, #000 3.6%, transparent 100%);
    mask-image:radial-gradient(69.35% 50.09% at 56.77% 50.88%, #000 3.6%, transparent 100%);
}

.scene-bg__prop{
    position:absolute;
    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat;
    transform:translate(-50%, -50%) rotate(var(--prop-rot)) scaleY(var(--prop-flip));
    filter:var(--prop-shadow) brightness(0.55);

    opacity:0;
    transition:opacity 0.5s ease;
    pointer-events:none;
}
body.is-scanning .scene-bg__prop{
    opacity:1;
    animation:scene-prop-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}
body.is-scanning .scene-bg__props{
    animation:phase-hide 0.01s linear calc(var(--scan-end) + 0.75s) forwards;
}

.scene-bg__prop--a{
    left:var(--prop-a-x);
    top:var(--prop-a-y);
    width:var(--prop-a-w);
    aspect-ratio:var(--prop-a-ar);
    --prop-rot:var(--prop-a-rot);
    --prop-flip:var(--prop-a-flip);
    --prop-from-x:40%;
    --prop-from-y:6%;
    --prop-shadow:drop-shadow(-3px 50px 50px rgba(22, 17, 14, 0.58)) drop-shadow(-1px 12px 25px rgba(22, 17, 14, 0.95));
    background-image:var(--prop-a);
}

body.is-scanning .scene-bg__prop--a{
    animation-delay:0.1s;
}

.scene-bg__prop--b{
    left:var(--prop-b-x);
    top:var(--prop-b-y);
    width:var(--prop-b-w);
    aspect-ratio:var(--prop-b-ar);
    --prop-rot:var(--prop-b-rot);
    --prop-flip:var(--prop-b-flip);
    --prop-from-x:-8%;
    --prop-from-y:42%;
    --prop-shadow:drop-shadow(-3px 50px 50px rgba(22, 17, 14, 0.58)) drop-shadow(-1px 12px 25px rgba(22, 17, 14, 0.95));
    background-image:var(--prop-b);
}

body.is-scanning .scene-bg__prop--b{
    animation-delay:0.25s;
}

.scene-bg__prop--c{
    left:var(--prop-c-x);
    top:var(--prop-c-y);
    width:var(--prop-c-w);
    aspect-ratio:var(--prop-c-ar);
    --prop-rot:var(--prop-c-rot);
    --prop-flip:var(--prop-c-flip);
    --prop-from-x:34%;
    --prop-from-y:26%;
    --prop-shadow:drop-shadow(-3px 50px 50px rgba(22, 17, 14, 0.58)) drop-shadow(-1px 12px 25px rgba(22, 17, 14, 0.95));
    background-image:var(--prop-c);
}

body.is-scanning .scene-bg__prop--c{
    animation-delay:0.4s;
}

.scene-bg__prop--d{
    left:var(--prop-d-x);
    top:var(--prop-d-y);
    width:var(--prop-d-w);
    aspect-ratio:var(--prop-d-ar);
    --prop-rot:var(--prop-d-rot);
    --prop-flip:var(--prop-d-flip);
    --prop-from-x:6%;
    --prop-from-y:-42%;
    --prop-shadow:drop-shadow(-3px 50px 50px rgba(22, 17, 14, 0.58)) drop-shadow(-1px 12px 25px rgba(22, 17, 14, 0.95));
    background-image:var(--prop-d);
}

body.is-scanning .scene-bg__prop--d{
    animation-delay:0.55s;
}

.scene-bg__prop--e{
    left:var(--prop-e-x);
    top:var(--prop-e-y);
    width:var(--prop-e-w);
    aspect-ratio:var(--prop-e-ar);
    --prop-rot:var(--prop-e-rot);
    --prop-flip:var(--prop-e-flip);
    --prop-from-x:-40%;
    --prop-from-y:-10%;
    --prop-shadow:drop-shadow(-3px 50px 50px rgba(22, 17, 14, 0.58)) drop-shadow(-1px 12px 25px rgba(22, 17, 14, 0.95));
    background-image:var(--prop-e);
}

body.is-scanning .scene-bg__prop--e{
    animation-delay:0.7s;
}
.phase-fade{
    position:fixed;
    inset:0;
    z-index:1;
    background-color:#000;
    opacity:0;
    pointer-events:none;
}

body.is-scanning .phase-fade{
    animation:phase-fade 1.9s ease-in-out var(--scan-end) both;
}
@media (min-width: 1024px) and (max-width: 1919.98px){

    body.theme-mirage,
    body:has(.activate-mark--mirage.show){
        --prop-a-w:36.179%;
        --prop-c-w:20.364%;
    }

    body.theme-inferno,
    body:has(.activate-mark--inferno.show){
        --prop-b-w:37.664%;
        --prop-a-w:39.346%;
    }

    body.theme-dust2,
    body:has(.activate-mark--dust2.show){
        --prop-e-w:48.690%;
        --prop-b-w:24.079%;
        --prop-a-w:39.346%;
    }
}
@media (max-width: 1023.98px){
    .scene-bg__wall{
        transform:translate(-50%, -50%);
    }
    body.is-scanning .scene-bg__wall{
        transform:translate(-50%, -44%);
    }

    .scene-bg__wall--default{
        --wall-w:333.864%;
        --wall-y:55.910%;
    }

    .scene-bg__wall--mirage{
        --wall-w:240%;
        --wall-y:56.276%;
    }

    .scene-bg__wall--inferno{
        --wall-w:349.091%;
        --wall-y:50%;
    }

    .scene-bg__wall--dust2{
        --wall-w:248.864%;
        --wall-y:55.701%;
    }
}
@media (max-width: 1023.98px){

    body.theme-mirage,
    body:has(.activate-mark--mirage.show){
        --prop-a-x:66.42%;
        --prop-a-y:79.65%;
        --prop-a-w:80.45%;
        --prop-a-rot:-30.28deg;

        --prop-b-x:-15.83%;
        --prop-b-y:95.48%;
        --prop-b-w:73.92%;
        --prop-b-rot:18.41deg;

        --prop-c-x:87.03%;
        --prop-c-y:97.58%;
        --prop-c-w:43.85%;
        --prop-c-rot:33.27deg;

        --prop-d-x:-8.58%;
        --prop-d-y:52.67%;
        --prop-d-w:71.47%;
        --prop-d-rot:53.04deg;

        --prop-e-x:95.77%;
        --prop-e-y:43.66%;
        --prop-e-w:70.53%;
        --prop-e-rot:-30.94deg;
    }

    body.theme-inferno,
    body:has(.activate-mark--inferno.show){
        --prop-a-x:98.96%;
        --prop-a-y:54.03%;
        --prop-a-w:81.95%;
        --prop-a-rot:-100.1deg;
        --prop-a-flip:-1;

        --prop-b-x:61.98%;
        --prop-b-y:75.14%;
        --prop-b-w:71.56%;
        --prop-b-rot:-19.32deg;

        --prop-c-x:-0.61%;
        --prop-c-y:44.57%;
        --prop-c-w:51.79%;
        --prop-c-rot:29.48deg;

        --prop-d-x:-9.81%;
        --prop-d-y:91.06%;
        --prop-d-w:47.89%;
        --prop-d-rot:101.31deg;

        --prop-e-x:87.72%;
        --prop-e-y:94.99%;
        --prop-e-w:60.4%;
        --prop-e-rot:-145.55deg;
    }

    body.theme-dust2,
    body:has(.activate-mark--dust2.show){
        --prop-a-x:99.93%;
        --prop-a-y:40.08%;
        --prop-a-w:71.02%;
        --prop-a-rot:-100.1deg;
        --prop-a-flip:-1;

        --prop-b-x:5.84%;
        --prop-b-y:47.06%;
        --prop-b-w:63.51%;
        --prop-b-rot:25.79deg;
        --prop-c-x:68.15%;
        --prop-c-y:74.86%;
        --prop-c-w:73.73%;
        --prop-c-ar:324.393 / 343.295;
        --prop-c-rot:-19.32deg;

        --prop-d-x:9.81%;
        --prop-d-y:89.45%;
        --prop-d-w:40.06%;
        --prop-d-rot:-19.68deg;

        --prop-e-x:82.44%;
        --prop-e-y:105.74%;
        --prop-e-w:71.82%;
        --prop-e-rot:29.48deg;
    }
}
@media (max-width: 1023.98px){
    body.theme-mirage,
    body.theme-inferno,
    body.theme-dust2,
    body:has(.activate-mark--mirage.show),
    body:has(.activate-mark--inferno.show),
    body:has(.activate-mark--dust2.show){
        --case-plat-x:-14.623%;
        --case-plat-y:49.115%;
        --case-plat-y-open:61.667%;
        --case-plat-w:129.169%;
        --case-plat-h:75.211%;
        --case-box-x:-2.655%;
        --case-box-y:27.324%;
        --case-box-y-open:39.876%;
        --case-box-w:105.611%;
        --case-card-x:18.409%;
        --case-card-y:23.536%;
        --case-card-w:63.409%;
    }

    body.theme-mirage,
    body:has(.activate-mark--mirage.show){
        --case-platform:url("/images/mirage/case/platform-1.avif");
        --case-left-x:0%;
        --case-left-y:0%;
        --case-left-w:64.182%;
        --case-left-h:100%;
        --case-right-x:38.864%;
        --case-right-y:0%;
        --case-right-w:236.795%;
        --case-right-h:100%;
    }

    body.theme-inferno,
    body:has(.activate-mark--inferno.show){
        --case-platform:url("/images/inferno/case/platform-1.avif");
        --case-left-x:-39.773%;
        --case-left-y:0%;
        --case-left-w:91.455%;
        --case-left-h:100%;

        --case-right-x:50%;
        --case-right-y:0%;
        --case-right-w:258.114%;
        --case-right-h:100%;
    }

    body.theme-dust2,
    body:has(.activate-mark--dust2.show){
        --case-platform:url("/images/dust2/case/platform-1.avif");
        --case-left-x:0%;
        --case-left-y:0%;
        --case-left-w:191.159%;
        --case-left-h:100%;

        --case-right-x:32.5%;
        --case-right-y:0%;
        --case-right-w:242.818%;
        --case-right-h:100%;
    }
}
@media (min-width: 768px) and (max-width: 1023.98px){

    body.theme-mirage,
    body.theme-inferno,
    body.theme-dust2,
    body:has(.activate-mark--mirage.show),
    body:has(.activate-mark--inferno.show),
    body:has(.activate-mark--dust2.show){
        --case-plat-x:-0.365%;
        --case-plat-y:46.006%;
        --case-plat-y-open:61.943%;
        --case-plat-w:100.65%;
        --case-plat-h:95.5%;
        --case-box-x:9.01%;
        --case-box-y:18.34%;
        --case-box-y-open:34.277%;
        --case-box-w:82.29%;
        --case-card-x:25.42%;
        --case-card-y:27.34%;
        --case-card-w:49.4%;
    }
}
@media (max-width: 1023.98px){
    .scene-bg__wall{
        will-change:auto;
    }
}

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

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

.header__logo{
	display:inline-flex;
	align-items:center;
	filter:drop-shadow(1px 1px 0 #000000);
	padding:1rem;
}

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

body.show .header{
	opacity:1;
}
@media (max-width: 1023.98px){
	.header{
		padding:0 1.25rem;
	}

	.header__logo{
		padding:0;
	}

	.header__logo-img{
		height:1.75rem;
	}
}
@media (min-width: 768px) and (max-width: 1023.98px){
	.header{
		padding:0 2.5rem;
	}
}

.footer{
    position:relative;
    z-index:2;
    flex-shrink:0;
    display:flex;
    align-items:center;
    width:100%;
    height:3.375rem;
    padding:0 15rem;
    padding-bottom:env(safe-area-inset-bottom, 0px);

    border-radius:1.25rem 1.25rem 0 0;
    background-color:var(--color-black-2);
    -webkit-user-select:none;
            user-select:none;
    transform:translateY(100%);
    opacity:0;
}

.footer.show{
        animation:footer-rise 0.7s ease-out 0.2s forwards;
    }

.footer .footer__content{
        display:flex;
        align-items:center;
        width:100%;
    }

.footer .footer__logo{
        display:inline-flex;
        align-items:center;
        flex-shrink:0;
        filter:drop-shadow(1px 1px 0 #000000);
    }

.footer .footer__logo-img{
        width:auto;
        height:1.75rem;
    }

.footer .footer__copy{
        display:flex;
        flex-direction:column;
        gap:0.375rem;
        margin-left:3.1875rem;

        font-size:0.5625rem;
        line-height:1;
        text-transform:uppercase;
        color:var(--color-grey-2);
        font-weight:400;
    }

.footer .footer__copy-row{
        display:flex;
        align-items:center;
        gap:0.625rem;
    }

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

:is(.footer .footer__copy-row) b{
            font-weight:500;
        }

:is(.footer .footer__copy-row) a{
            transition:color 0.2s ease;
            color:var(--color-white-1);
        }

:is(:is(.footer .footer__copy-row) a):hover{
                color:var(--color-green-1);
            }

.footer .footer__terms{
        display:flex;
        align-items:center;
        gap:2rem;
        margin-left:auto;

        font-size:1rem;
        line-height:1;
        text-align:center;
        color:var(--color-white-1);
    }

: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-green-1);
            }
@media (min-width: 1024px) and (max-width: 1919.98px){
    .footer{
        height:54px;
    }

        .footer .footer__logo-img{
            height:28px;
        }

        .footer .footer__copy{
            gap:6px;
            margin-left:51px;
            font-size:9px;
        }

        .footer .footer__copy-row{
            gap:10px;
        }

        .footer .footer__terms{
            gap:32px;
            font-size:16px;
        }
}
@media (max-width: 1023.98px){
    .footer{
        height:4.5rem;
        align-items:stretch;
        padding:0.75rem 0.9375rem;
        border-radius:1.25rem 1.25rem 0 0;
    }

        .footer .footer__content{
            display:flex;
            flex-direction:column;
            align-items:stretch;
            justify-content:space-between;
            height:100%;
        }
        .footer .footer__logo{
            display:none;
        }
.footer .footer__terms{
            order:-1;
            flex-wrap:wrap;
            justify-content:center;
            gap:0.25rem 0.75rem;
            margin-left:0;
            font-size:1.0625rem;
            line-height:1.2;
            text-align:center;
        }
        .footer .footer__copy{
            flex-direction:row;
            align-items:center;
            justify-content:space-between;
            gap:0.5rem;
            margin-left:0;
            font-size:0.5625rem;
        }
        .footer .footer__copy-row{
            flex-wrap:nowrap;
            white-space:nowrap;
            gap:0.1875rem;
        }
}
@media (min-width: 768px) and (max-width: 1023.98px){
    .footer{
        padding:0.9rem 1.5rem;
    }

        .footer .footer__terms{
            font-size:1.1rem;
            gap:0.3rem 1rem;
        }

        .footer .footer__copy{
            font-size:0.75rem;
        }

        .footer .footer__copy-row{
            gap:0.3rem;
        }
}
.btn{

}
.coockie-banner{
    position:fixed;
    --banner-edge:1rem;
    --footer-h:3.2rem;
    right:var(--banner-edge);
    bottom:calc(var(--footer-h) + var(--banner-edge));
    z-index:var(--z-consent);
    box-sizing:border-box;
    width:clamp(220px, 42%, 400px);
    padding:1.1rem clamp(1.25rem, 1.5vw, 1.6rem);
    border-radius:0.45rem;
    background-color:var(--color-black-2);
    border:1px solid var(--color-green-1);
    box-shadow:0 0 18px rgba(36, 255, 145, 0.22), 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(5.25rem + 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:calc(4.5rem + var(--banner-edge));
}
    }

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

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

.coockie-banner__inner h3{
        font-family:var(--font-secondary);
        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, var(--color-green-2) 0%, var(--color-green-3) 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-2);
    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.8125rem;
}
    }

.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;
}

@media (max-width: 767.98px){

.coockie-banner__link{
        font-size:0.8125rem;
}
    }

.coockie-banner__link:hover{
        color:var(--color-green-1);
    }
.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, var(--color-green-2) 0%, var(--color-green-3) 100%);
    box-shadow:0 2px 12px rgba(36, 255, 145, 0.2), 0 0 20px rgba(36, 255, 145, 0.22);
    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:500;
        color:var(--color-black-2);
    }
@media (max-width: 767.98px){
.coockie-banner__btn span{
            font-size:0.8rem;
    }
        }
@media (min-width: 1024px) and (max-width: 1919.98px){
    .coockie-banner{
        --banner-edge:16px;
        --footer-h:51.2px;

        padding:17.6px 25.6px;
        border-radius:7.2px;
    }

    .coockie-banner__inner{
        gap:11.2px;
    }

        .coockie-banner__inner h3{
            font-size:16px;
            margin-bottom:8px;
        }

    .coockie-banner__text,
    .coockie-banner__link{
        font-size:12.8px;
    }

    .coockie-banner__btn{
        margin-top:6.4px;
        padding:8.8px 23.2px;
        border-radius:24px;
    }

        .coockie-banner__btn span{
            font-size:14px;
        }
}
.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 var(--color-green-1);
  border-radius:0.52vw;
  box-shadow:0 0 40px rgba(36, 255, 145, 0.3), 0 0 25px rgba(36, 255, 145, 0.36), inset 0 0 4px rgba(36, 255, 145, 0.18);
  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:rgba(36, 255, 145, 0.07);
  border:1px solid var(--color-green-1);
  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:rgba(36, 255, 145, 0.28);
  border-color:var(--color-green-2);
  color:var(--color-white-1);
}
.terms{
  width:100%;
  max-width:70vw;
  margin:0 auto;
  padding:3vw 3vw 5vw;
  color:var(--color-grey-2);
  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-secondary);
  font-size:2.5vw;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:0.04em;

  background:linear-gradient(94deg, var(--color-green-2) 0%, var(--color-green-3) 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%, var(--color-green-2) 50%, transparent 100%);
  border:none;
  margin:1rem auto 2.5rem;
}

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

  background:linear-gradient(94deg, var(--color-green-2) 0%, var(--color-green-3) 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-secondary);
  font-size:1.2vw;
  font-weight:700;
  line-height:1.2;

  background:linear-gradient(94deg, var(--color-green-2) 0%, var(--color-green-3) 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:6vw;
  }

  .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;
  }
}
@media (max-width: 1023.98px){
  .popup-terms-wrap.show{
    animation:none;
  }
}

.map-card{
    position:relative;
    flex:0 0 auto;
    width:28.375rem;
    height:28.375rem;
    --card-hover-scale:1.1372;

    transform:scale(1);
    transition:transform 0.35s ease;
    will-change:transform;
}
.map-card:hover,
.map-card.is-active{
    transform:scale(var(--card-hover-scale));
    z-index:2;
}
.map-card::before,
.map-card::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    opacity:0;
    transition:opacity 0.35s ease;
    pointer-events:none;
}

.map-card::before{
    z-index:-2;
    width:168%;
    height:168%;
    background-image:radial-gradient(closest-side,
            color-mix(in srgb, var(--card-glow-color) 80%, transparent) 0%,
            color-mix(in srgb, var(--card-glow-color) 30%, transparent) 45%,
            transparent 72%);
}

.map-card::after{
    z-index:-1;
    width:118%;
    height:118%;
    background-image:radial-gradient(closest-side,
            var(--card-glow-color) 0%,
            color-mix(in srgb, var(--card-glow-color) 45%, transparent) 55%,
            transparent 78%);
}
.map-card:hover::before,
.map-card.is-active::before{
    opacity:var(--card-glow-op1, 0.7);
    animation:map-glow-breathe 5.6s ease-in-out infinite;
    will-change:transform;
}

.map-card:hover::after,
.map-card.is-active::after{
    opacity:var(--card-glow-op2, 0.55);
    animation:map-glow-breathe 3.9s ease-in-out infinite reverse;
    will-change:transform;
}
.map-card__smoke{
    position:absolute;
    translate:-50% -50%;
    rotate:var(--smoke-rot0);
    mix-blend-mode:screen;
    opacity:0;
    transition:opacity 0.35s ease;
    pointer-events:none;
}

.map-card__smoke-body{
    position:absolute;
    inset:0;

    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat;
}

.map-card__smoke--1{
    left:calc(50% + var(--card-smoke1-x));
    top:calc(50% + var(--card-smoke1-y));
    width:140%;
    height:140%;
    --smoke-rot0:0deg;
}
:root{
    --card-smoke1-shared:url("/images/default/map/map-smoke-1.avif");
}

.map-card__smoke--1 .map-card__smoke-body{
    background-image:var(--card-smoke1-img);
}
.map-card__smoke--2{
    left:calc(50% + var(--card-smoke2-x));
    top:calc(50% + var(--card-smoke2-y));
    width:186%;
    height:186%;
    --smoke-rot0:180deg;

    mix-blend-mode:normal;
}

.map-card__smoke--2 .map-card__smoke-body{
    background-image:var(--card-smoke2-img), radial-gradient(closest-side,
            var(--card-tint) 0%,
            var(--card-tint) 58%,
            transparent 100%);
    background-size:contain, 50% 50%;
    background-position:center center, center center;
    background-repeat:no-repeat, no-repeat;
}
.map-card:hover .map-card__smoke--1,
.map-card.is-active .map-card__smoke--1{
	opacity:1;
}

.map-card:hover .map-card__smoke--2,
.map-card.is-active .map-card__smoke--2{
	opacity:0.6;
}

.map-card:hover .map-card__smoke--1 .map-card__smoke-body,
.map-card.is-active .map-card__smoke--1 .map-card__smoke-body{
	animation:map-smoke-fade 9s ease-in-out var(--card-smoke1-delay) infinite, map-smoke-glow 9s ease-in-out var(--card-smoke1-delay) infinite, map-smoke-breathe 6.3s ease-in-out var(--card-smoke1-delay) infinite;
	will-change:opacity, filter, scale;
}

.map-card:hover .map-card__smoke--2 .map-card__smoke-body,
.map-card.is-active .map-card__smoke--2 .map-card__smoke-body{
	animation:map-smoke-fade 12.5s ease-in-out var(--card-smoke2-delay) infinite, map-smoke-glow 12.5s ease-in-out var(--card-smoke2-delay) infinite, map-smoke-breathe 8.1s ease-in-out var(--card-smoke2-delay) infinite;
	will-change:opacity, filter, scale;
}
.map-card__screen{
    position:absolute;
    left:50%;
    top:1.875rem;
    width:var(--card-screen-w);
    height:16.5rem;
    transform:translateX(-50%);
    overflow:hidden;

    background-color:var(--color-black-1);
    pointer-events:none;
}
.map-card__screen::after{
    content:"";
    position:absolute;
    inset:0;
    box-shadow:inset 0 12px 18px -8px #57310F, inset 12px 0 18px -8px #57310F, inset -12px 0 18px -8px #57310F;
    pointer-events:none;
}
.map-card__screen-img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(var(--card-zoom));
    transition:transform 0.45s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.35s ease;
}

.map-card:hover .map-card__screen-img,
.map-card.is-active .map-card__screen-img{
    transform:scale(var(--card-zoom-hover));
}
.map-card__frame{
    position:absolute;
    inset:0;
    transition:filter 0.35s ease;
    pointer-events:none;
    will-change:filter;
}

.map-card__frame-img{
    position:absolute;
    left:50%;
    top:50%;
    width:102.5%;
    height:auto;
    max-width:none;
    transform:translate(-50%, -50%);
    filter:var(--card-glow);
    transition:filter 0.35s ease;
    will-change:filter;
}

.map-card:hover .map-card__frame-img,
.map-card.is-active .map-card__frame-img{
    filter:var(--card-glow-hover);
}
.map-card__plate{
    position:absolute;
    top:20.0625rem;
    height:5rem;
    display:flex;
    align-items:center;
    overflow:hidden;
    transition:filter 0.35s ease;
    pointer-events:none;
}

.map-card__plate--name{
    left:var(--card-name-x);
    width:11.875rem;
    justify-content:center;
}
.map-card__plate--desc{
    left:var(--card-desc-x);
    width:var(--card-desc-w);
    justify-content:flex-start;
    padding-left:1.5rem;
}
.map-card__name,
.map-card__desc{
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
}

.map-card__name{
    position:relative;
    font-family:var(--font-primary);
    font-weight:900;
    font-size:2.75rem;
    line-height:1.2;
    text-align:center;
    white-space:nowrap;
    background-image:var(--card-name-grad);
}
.map-card__name::after{
    content:attr(data-text);
    position:absolute;
    inset:0;
    background-image:var(--card-name-grad-hover);
    background-clip:text;
    -webkit-background-clip:text;
    color:transparent;
    text-shadow:var(--card-name-shadow-hover);
    opacity:0;
    transition:opacity 0.35s ease;
}

.map-card:hover .map-card__name::after,
.map-card.is-active .map-card__name::after{
    opacity:1;
}

.map-card__desc{
    width:var(--card-desc-text-w);
    font-family:var(--font-primary);
    font-weight:500;
    font-size:1.125rem;
    line-height:1.1;
    text-align:left;
    background-image:var(--card-desc-grad);

    transition:opacity 0.35s ease, filter 0.35s ease, text-shadow 0.35s ease;
}
:is(.map-choice__list:has(.map-card:hover) .map-card:not(:hover),.map-choice__list:has(.map-card.is-active) .map-card:not(.is-active)) .map-card__screen-img{
        opacity:0.2;
    }
:is(.map-choice__list:has(.map-card:hover) .map-card:not(:hover),.map-choice__list:has(.map-card.is-active) .map-card:not(.is-active)) .map-card__frame{
        filter:saturate(0.53) brightness(0.47);
    }
:is(.map-choice__list:has(.map-card:hover) .map-card:not(:hover),.map-choice__list:has(.map-card.is-active) .map-card:not(.is-active)) .map-card__frame-img{
        filter:none;
    }
:is(.map-choice__list:has(.map-card:hover) .map-card:not(:hover),.map-choice__list:has(.map-card.is-active) .map-card:not(.is-active)) .map-card__plate{
        filter:saturate(0.2) brightness(0.45);
    }

.map-card--mirage{
    --card-hover-scale:1.1372;
    --card-screen-w:24.5rem;
    --card-zoom:1.03;
    --card-zoom-hover:1.12;

    --card-name-x:2.3125rem;
    --card-desc-x:14.8125rem;
    --card-desc-w:11.0625rem;
    --card-desc-text-w:8.125rem;

    --card-name-grad:linear-gradient(9.76deg, #BF7237 6.54%, #7D4219 111.68%);
    --card-name-grad-hover:linear-gradient(9.98deg, #FFFFF5 6.54%, #FFE7A5 111.68%);
    --card-name-shadow-hover:0 0 20px #FFC567;
    --card-desc-grad:linear-gradient(13.44deg, #FFD5A2 6.54%, #894D18 111.68%);

    --card-smoke1-x:-7%;
    --card-smoke1-y:-5%;
    --card-smoke2-x:4.5%;
    --card-smoke2-y:3.5%;
    --card-smoke1-delay:0s;
    --card-smoke2-delay:-4s;

    --card-smoke1-img:var(--card-smoke1-shared);
    --card-smoke2-img:url("/images/mirage/map/map-smoke-2.avif");
    --card-tint:color-mix(in srgb, var(--color-map-mirage-1) 38%, transparent);
    --card-glow-color:#FFC567;
    --card-glow:drop-shadow(0 0 10px rgba(255, 224, 174, 0.2));
    --card-glow-hover:drop-shadow(0 0 14px rgba(255, 197, 103, 0.75)) drop-shadow(0 2px 36px rgba(255, 197, 103, 0.95));
}

.map-card--inferno{
    --card-hover-scale:1.1396;
    --card-screen-w:24.4375rem;
    --card-zoom:1.03;
    --card-zoom-hover:1.12;

    --card-name-x:2.6875rem;
    --card-desc-x:15.1875rem;
    --card-desc-w:10.6875rem;
    --card-desc-text-w:8.125rem;

    --card-name-grad:linear-gradient(15.96deg, #70321E 6.54%, #270C04 111.68%);
    --card-name-grad-hover:linear-gradient(15.87deg, #FFDEB2 6.54%, #FF9C66 111.68%);
    --card-name-shadow-hover:0 0 20px #DE582F;
    --card-desc-grad:linear-gradient(19.73deg, #FFD2B9 6.54%, #A2461F 111.68%);

    --card-smoke1-x:8%;
    --card-smoke1-y:5%;
    --card-smoke2-x:-5%;
    --card-smoke2-y:-2.5%;
    --card-smoke1-delay:-3.5s;
    --card-smoke2-delay:-9s;

    --card-smoke1-img:var(--card-smoke1-shared);
    --card-smoke2-img:url("/images/inferno/map/map-smoke-2.avif");
    --card-tint:color-mix(in srgb, var(--color-map-inferno-1) 38%, transparent);
    --card-glow-color:#FF6A3C;
    --card-glow-op1:0.95;
    --card-glow-op2:0.8;
    --card-glow:drop-shadow(0 0 10px rgba(255, 106, 60, 0.24));
    --card-glow-hover:drop-shadow(0 0 14px rgba(255, 106, 60, 0.85)) drop-shadow(0 2px 36px rgba(255, 106, 60, 1));
}

.map-card--dust2{
    --card-hover-scale:1.1222;
    --card-screen-w:24.4375rem;
    --card-zoom:1.03;
    --card-zoom-hover:1.12;

    --card-name-x:2.125rem;
    --card-desc-x:15.1875rem;
    --card-desc-w:10.6875rem;
    --card-desc-text-w:7.1875rem;

    --card-name-grad:linear-gradient(10.57deg, #BF9565 6.54%, #583E25 111.68%);
    --card-name-grad-hover:linear-gradient(10.62deg, #FFF8EB 6.54%, #FFEBC7 111.68%);
    --card-name-shadow-hover:0 0 2.8rem rgba(255, 231, 195, 0.4);
    --card-desc-grad:linear-gradient(15.12deg, #FFE7C3 6.54%, #6B4C31 111.68%);

    --card-smoke1-x:-4%;
    --card-smoke1-y:7.5%;
    --card-smoke2-x:5%;
    --card-smoke2-y:-4%;
    --card-smoke1-delay:-7s;
    --card-smoke2-delay:-13s;

    --card-smoke1-img:var(--card-smoke1-shared);
    --card-smoke2-img:url("/images/dust2/map/map-smoke-2.avif");
    --card-tint:color-mix(in srgb, var(--color-map-dust2-1) 38%, transparent);
    --card-glow-color:#FFE7C3;
    --card-glow:drop-shadow(0 0 10px rgba(255, 231, 195, 0.2));
    --card-glow-hover:drop-shadow(0 0 14px rgba(255, 231, 195, 0.75)) drop-shadow(0 2px 36px rgba(255, 231, 195, 0.95));
}
@media (min-width: 1024px) and (max-width: 1919.98px){
    .map-card{
        zoom:1.145;
    }
}
@media (max-width: 1023.98px){
    .map-card{
        zoom:0.663;
    }
    .map-card:hover,
    .map-card.is-active{
        transform:none;
    }
}
@media (min-width: 768px) and (max-width: 1023.98px){
    .map-card{
        zoom:0.7577;
    }
}
@media (max-width: 1023.98px){

    .map-card,
    .map-card__frame,
    .map-card__frame-img{
        will-change:auto;
    }

    .map-card:hover::before,
    .map-card.is-active::before,
    .map-card:hover::after,
    .map-card.is-active::after{
        will-change:auto;
    }

    .map-card:hover .map-card__smoke--1 .map-card__smoke-body,
    .map-card.is-active .map-card__smoke--1 .map-card__smoke-body,
    .map-card:hover .map-card__smoke--2 .map-card__smoke-body,
    .map-card.is-active .map-card__smoke--2 .map-card__smoke-body{
        will-change:auto;
    }
    .map-card__screen-img{
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;
    }
}
.main-screen{
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:100%;
	overflow-x:clip;
	overflow-y:visible;
}

.main-screen.show{
	display:flex;
	flex-direction:column;
	align-items:center;
}
.map-choice{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	padding:2.65rem 15rem 0;
}
.map-choice__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1.25rem;
	width:100%;
	-webkit-user-select:none;
	        user-select:none;
}

.map-choice__title{
	font-family:var(--font-secondary);
	font-weight:800;
	font-size:4.625rem;
	line-height:1.2;
	white-space:nowrap;
	color:var(--color-white-1);
}
.map-choice__title-accent{
	color:var(--theme-accent);
	transition:color 0.45s ease;
}
.map-choice__lead{
	position:relative;
	flex:0 0 auto;
	width:27.6875rem;
	padding:1.25rem 1.875rem;
	border:1px solid var(--theme-accent);
	border-radius:0.625rem;
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(6px);

	font-family:var(--font-primary);
	font-weight:500;
	font-size:1.75rem;
	line-height:1.2;
	color:var(--color-white-1);

	transition:border-color 0.45s ease;
}

.map-choice__lead::before{
	content:"";
	position:absolute;
	inset:0;
	border-radius:inherit;

	background-color:var(--theme-accent);
	transition:background-color 0.45s ease;

	-webkit-mask-image:radial-gradient(89.3% 125.6% at 50% 121.7%, #000 0%, rgba(0, 0, 0, 0.2) 100%);
	mask-image:radial-gradient(89.3% 125.6% at 50% 121.7%, #000 0%, rgba(0, 0, 0, 0.2) 100%);
}
.map-choice__lead-text{
	position:relative;
}
.map-choice__swipe{
	display:none;
}
.map-choice__list{
	display:flex;
	align-items:flex-start;
	justify-content:center;
	gap:2.5rem;
	margin-top:4.375rem;
	pointer-events:none;
}
.map-choice__hint{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	height:2.75rem;
	margin-top:3.125rem;
	padding:0.625rem 1.25rem;
	border:1px solid var(--color-orange-1);
	border-radius:0.625rem;
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(6px);
}

.map-choice__hint::before{
	content:"";
	position:absolute;
	inset:0;
	border-radius:inherit;
	background-color:var(--color-orange-1);

	-webkit-mask-image:radial-gradient(89.3% 125.6% at 50% 121.7%, #000 0%, rgba(0, 0, 0, 0.3) 100%);
	mask-image:radial-gradient(89.3% 125.6% at 50% 121.7%, #000 0%, rgba(0, 0, 0, 0.3) 100%);
}
.map-choice__hint-icon{
	position:relative;
	flex-shrink:0;
	width:24px;
	height:24px;
}

.map-choice__hint-text{
	position:relative;
	font-family:var(--font-primary);
	font-weight:500;
	font-size:1.25rem;
	line-height:1.2;
	white-space:nowrap;

	background-image:linear-gradient(180deg, var(--color-map-mirage-2) 0%, var(--color-yellow-1) 100%);
	background-clip:text;
	-webkit-background-clip:text;
	color:transparent;
	-webkit-user-select:none;
	        user-select:none;
}
body.show .map-card{
	animation:map-card-in 0.95s ease-out backwards;
}
body.show .map-card:nth-child(1){
	animation-delay:0.75s;
}

body.show .map-card:nth-child(2){
	animation-delay:0.9s;
}

body.show .map-card:nth-child(3){
	animation-delay:1.05s;
}
body.show .map-choice__title{
	animation:map-title-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) 1.35s backwards;
}
body.show .map-choice__lead{
	animation:map-lead-drop 0.95s linear 1.55s backwards;
}
body.show .map-choice__list{
	animation:map-choice-unlock 0.01s linear 2.05s forwards;
}
body.show .map-choice__hint{
	animation:map-hint-in 0.8s ease-out 2.1s backwards, map-hint-nudge 4s ease-in-out 3.65s infinite;
}
@media (min-width: 1024px) and (max-width: 1919.98px){
	.map-choice{
		padding-left:8rem;
		padding-right:8rem;
	}
	.map-choice__head{
		justify-content:center;
		gap:2.5rem;
	}

	.map-choice__title{
		font-size:5.25rem;
	}
	.map-choice__hint-text{
		font-size:max(1.25rem, 16px);
	}
	.map-choice__hint{
		height:3.25rem;
	}
	.map-choice__hint-icon{
		width:1.75rem;
		height:1.75rem;
	}
}
@media (max-width: 1023.98px){

	.map-choice{
		align-items:stretch;
		padding:0 1.25rem;
	}
	.map-choice__head{
		flex-direction:column;
		align-items:stretch;
		gap:0.8125rem;
	}

	.map-choice__title{
		font-size:3.465rem;
		line-height:1.2;
		white-space:normal;
	}
	.map-choice__title-accent{
		display:block;
	}
	.map-choice__lead-text{
		display:block;
		max-width:15.1875rem;
	}

	.map-choice__lead{
		width:100%;
		height:3.75rem;
		display:flex;
		align-items:center;
		justify-content:center;
		padding:0.625rem 1.25rem;
		font-size:1.125rem;
		text-align:center;
	}
	.map-choice__swipe{
		display:flex;
		align-items:center;
		gap:0.75rem;
		width:100%;
		margin-top:1.125rem;
		-webkit-user-select:none;
		        user-select:none;
	}
	body.show .map-choice__swipe{
		animation:map-swipe-in 1.2s cubic-bezier(0.22, 1, 0.36, 1) 2.1s backwards;
	}
	body.show .map-choice__lead{
		animation:map-lead-rise 0.95s linear 1.55s backwards;
	}

	.map-choice__swipe-text{
		flex-shrink:0;
		font-family:var(--font-primary);
		font-weight:500;
		font-size:1.125rem;
		line-height:1.2;
		white-space:nowrap;

		background-image:linear-gradient(180deg, var(--color-orange-1) 0%, var(--color-yellow-1) 100%);
		background-clip:text;
		-webkit-background-clip:text;
		color:transparent;
	}
	.map-choice__swipe-arrow{
		position:relative;
		flex:1 1 auto;
		height:1px;
		background-color:var(--color-orange-1);
	}

	.map-choice__swipe-arrow::after{
		content:"";
		position:absolute;
		right:0;
		top:50%;
		width:0.5rem;
		height:0.5rem;
		border-top:1px solid var(--color-orange-1);
		border-right:1px solid var(--color-orange-1);
		transform:translateY(-50%) rotate(45deg);
	}
	.map-choice__list{
		--strip-step:20.0625rem;

		width:calc(100% + 2.5rem);
		margin-inline:-1.25rem;
		margin-top:3.5625rem;
		gap:1.25rem;
		justify-content:center;
		overflow:visible;

		transform:translateX(var(--strip-shift, 0px));
		transition:transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
	}
	body.theme-mirage .map-choice__list{
		--strip-shift:var(--strip-step);
	}

	body.theme-dust2 .map-choice__list{
		--strip-shift:calc(var(--strip-step) * -1);
	}
	.map-choice__list .map-card{
		pointer-events:auto;
	}
	.map-choice__list.is-locked .map-card{
		pointer-events:none;
	}
	.map-choice__hint{
		align-self:center;
		height:2.625rem;
		margin-top:3.75rem;
		gap:0.5rem;
		padding:0.625rem 1.25rem;
	}

	.map-choice__hint-icon{
		width:1.375rem;
		height:1.375rem;
	}

	.map-choice__hint-text{
		font-size:1.125rem;
	}
}
@media (min-width: 768px) and (max-width: 1023.98px){
	.map-choice{
		padding:0 2.5rem;
	}
	.map-choice__title{
		font-size:3rem;
	}

	.map-choice__lead{
		height:3.4rem;
	}

	.map-choice__swipe{
		margin-top:0.9rem;
	}
	.map-choice__list{
		--strip-step:22.75rem;
		margin-top:1.75rem;
	}

	.map-choice__hint{
		margin-top:2rem;
	}
}
:root{
	--scan-step:1.7s;
	--scan-lead:2.45s;
	--scan-end:calc(var(--scan-lead) + var(--scan-step) * 4 - 0.1s);
}

.map-scan{

	position:relative;
	display:none;
	align-items:center;
	width:100%;
	height:100%;
	padding-left:15rem;
}

.main-screen.is-scan .map-scan{
	display:flex;
	animation:phase-hide 0.01s linear calc(var(--scan-end) + 0.75s) forwards;
}

.main-screen.is-scan .map-choice{
	display:none;
}
.map-scan__info{
	position:relative;
	z-index:2;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:2.5rem;
	width:34.6875rem;
	margin-bottom:7.875rem;
}
.main-screen.is-scan .map-scan__info{
	animation:map-scan-info-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.7s both;
}

.main-screen.is-scan .map-scan__device{
	animation:map-scan-device-in 0.95s linear 0.85s both, map-scan-device-shake 0.5s ease-out calc(var(--scan-lead) + var(--scan-step) * 3) forwards;
}
.map-scan__status{
	position:relative;
	display:flex;
	align-items:center;
	gap:0.75rem;
	height:1.75rem;
	-webkit-user-select:none;
	        user-select:none;
}

.map-scan__status-icon{
	position:relative;
	flex-shrink:0;
	width:1.8125rem;
	height:1.75rem;
	opacity:0;
}

.main-screen.is-scan .map-scan__status-icon{
	animation:scan-icon-in var(--scan-step) linear var(--scan-lead) both;
}
.map-scan__status-icon--found{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
}

.map-scan__status-lines{
	position:relative;
	flex:1 1 auto;
	height:100%;
}

.map-scan__status-line{
	position:absolute;
	left:0;
	top:50%;
	translate:0 -50%;
	white-space:nowrap;

	font-family:var(--font-primary);
	font-weight:500;
	font-size:1.5rem;
	line-height:1.4;

	background-image:linear-gradient(90deg, var(--status-a) 0%, var(--status-b) 100%);
	background-clip:text;
	-webkit-background-clip:text;
	color:transparent;
	text-shadow:0 0 20px rgba(var(--status-glow), 0.6), 0 0 10px var(--status-shadow);

	opacity:0;
}
.map-scan__status-line--found{
	background-image:linear-gradient(90deg, var(--color-green-1) 0%, #92FFAF 100%);
	text-shadow:0 0 20px rgba(36, 255, 145, 0.6), 0 0 10px var(--color-green-1);
}
.map-scan__title{
	margin:-0.84375rem 0;
	font-family:var(--font-secondary);
	font-weight:800;
	font-size:4.625rem;
	line-height:1.1;
	color:var(--color-white-1);
	-webkit-user-select:none;
	        user-select:none;
}

.map-scan__title-accent{
	color:var(--theme-accent);
}
.map-scan__lead{
	position:relative;
	display:flex;
	align-items:center;
	width:29.6875rem;
	height:4.3125rem;
	padding:0 1.8125rem;
	border:1px solid color-mix(in srgb, var(--theme-accent) 20%, transparent);
	border-radius:0.625rem;
	overflow:hidden;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}

.map-scan__lead::before{
	content:"";
	position:absolute;
	inset:0;
	background-color:var(--theme-accent);

	-webkit-mask-image:radial-gradient(89.3% 125.6% at 50% 121.7%, #000 0%, rgba(0, 0, 0, 0.2) 100%);
	mask-image:radial-gradient(89.3% 125.6% at 50% 121.7%, #000 0%, rgba(0, 0, 0, 0.2) 100%);
}
.map-scan__bar{
	position:absolute;
	left:-1rem;
	top:0;
	width:2.114%;
	height:100%;
	border:1px solid var(--theme-accent);
	border-radius:0.625rem;
	overflow:hidden;

	background-image:radial-gradient(closest-side, var(--bar-a) 0%, var(--bar-b) 100%);
	box-shadow:0 0 5px 0 var(--bar-a), 0 0 10px 0 rgba(var(--bar-glow), 0.6), 0 2px 20px 0 rgba(var(--bar-glow), 0.4), 0 2px 30px 0 rgba(var(--bar-glow), 0.2), inset 0 0 10px 0 var(--bar-inset);
	-webkit-user-select:none;
	        user-select:none;
}
.map-scan__bar::after{
	content:"";
	position:absolute;
	inset:0;
	background-image:linear-gradient(100deg,
			transparent 38%,
			rgba(255, 255, 255, 0.85) 50%,
			transparent 62%);
	translate:-110% 0;
}
.main-screen.is-scan .map-scan__bar{
	animation:scan-bar calc(var(--scan-step) * 4) linear var(--scan-lead) both, scan-bar-flash 0.7s ease-out calc(var(--scan-lead) + var(--scan-step) * 3) both;
}

.main-screen.is-scan .map-scan__bar::after{
	animation:scan-bar-glint 2s ease-in-out var(--scan-lead) infinite;
}
.main-screen.is-scan .map-scan__lead-text{
	animation:scan-lead-blink 1.8s ease-in-out infinite;
}

.map-scan__lead-text{
	position:relative;
	font-family:var(--font-primary);
	font-weight:500;
	font-size:1.75rem;
	line-height:1.2;
	white-space:nowrap;
	color:var(--color-white-1);
	-webkit-user-select:none;
	        user-select:none;
}
.map-scan__device{
	position:absolute;
	left:64.69%;
	top:44.9%;
	width:56.765rem;
	height:44.14rem;
	transform:translate(-50%, -50%) rotate(4.93deg);
}
.map-scan__device-img{
	position:absolute;
	inset:0;
	background-image:var(--scan-device);
	background-size:100% 100%;
	background-repeat:no-repeat;
	filter:drop-shadow(-8px 48px 56px rgba(22, 17, 14, 0.9)) drop-shadow(-4px 20px 26px rgba(22, 17, 14, 0.95)) drop-shadow(-1px 6px 9px rgba(11, 8, 6, 0.9));
}
.map-scan__display{
	position:absolute;
	left:10.95%;
	top:13.43%;
	width:78.01%;
	height:72.27%;
	border-radius:1.1875rem;
	overflow:hidden;
	background-color:#241005;
}
.map-scan__display::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background-color:#0A0603;
	pointer-events:none;
}

.main-screen.is-scan .map-scan__display::before{
	animation:scan-display-power 1.2s ease-out 0.85s both;
}
.map-scan__display::after{
	content:"";
	position:absolute;
	inset:0;
	border-radius:inherit;
	box-shadow:inset 0 0 34px 6px rgba(11, 6, 3, 0.55);
	pointer-events:none;
}
.map-scan__map{
	position:absolute;
	left:var(--map-x);
	top:var(--map-y);
	width:var(--map-w);
	height:var(--map-h);
}

.map-scan__map-img{
	width:100%;
	height:100%;
	background-image:var(--scan-map);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}
.map-scan__tick{
	position:absolute;
	width:var(--tick-w);
	aspect-ratio:209 / 214;
	translate:-50% -50%;

	background-image:var(--scan-tick);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;

	opacity:0;
}

.map-scan__tick--1{
	left:var(--tick1-x);
	top:var(--tick1-y);
}

.map-scan__tick--2{
	left:var(--tick2-x);
	top:var(--tick2-y);
}

.map-scan__tick--3{
	left:var(--tick3-x);
	top:var(--tick3-y);
}
.map-scan__tick--found{
	left:var(--tick3-x);
	top:var(--tick3-y);
	background-image:url("/images/default/icons/location-point-3.svg");
	opacity:0;
}
.map-scan__beam{
	position:absolute;
	left:50%;
	top:0;
	width:105.97%;
	height:0.5625rem;
	transform:translate(-50%, -50%);
	opacity:0;
	pointer-events:none;
}

.map-scan__beam::before,
.map-scan__beam::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:50%;
	border-radius:0.481875rem;
	filter:blur(0.144563rem);

	background-image:linear-gradient(90deg,
			#F0B452 0%,
			#F8CC84 26%,
			#FFE3B5 52%,
			#F8CC84 76%,
			#F0B452 100%);
	box-shadow:0 0 7.71px 0 #FFE3B5, 0 0 15.42px 0 rgba(255, 227, 181, 0.6), 0 0 23.13px 0 rgba(255, 227, 181, 0.4), 0 0 30.84px 0 rgba(255, 227, 181, 0.2), inset 0 0 1.542px 0 #FFE3B5;
}

.map-scan__beam::before{
	height:0.57825rem;
	margin-top:-0.289125rem;
	mix-blend-mode:lighten;
}

.map-scan__beam::after{
	height:0.3855rem;
	margin-top:-0.19275rem;
	mix-blend-mode:screen;
}
.map-scan__lines{
	position:absolute;
	inset:0;
	background-image:var(--scan-lines);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	mix-blend-mode:color-dodge;
	opacity:0.6;
	filter:blur(0.386px);
	pointer-events:none;
}
.main-screen.is-scan .map-scan__lines{
	animation:scan-lines-flicker 2.6s ease-in-out var(--scan-lead) infinite, scan-lines-jitter 3.1s steps(1, end) var(--scan-lead) infinite;
}
.main-screen.is-scan .map-scan__beam{
	animation:scan-beam var(--scan-step) linear var(--scan-lead) 4;
}
.main-screen.is-scan .map-scan__status-line--1{
	animation:scan-status var(--scan-step) linear var(--scan-lead) both;
}

.main-screen.is-scan .map-scan__status-line--2{
	animation:scan-status var(--scan-step) linear calc(var(--scan-lead) + var(--scan-step)) both;
}

.main-screen.is-scan .map-scan__status-line--3{
	animation:scan-status var(--scan-step) linear calc(var(--scan-lead) + var(--scan-step) * 2) both;
}

.main-screen.is-scan .map-scan__status-line--found{
	animation:scan-status-final var(--scan-step) linear calc(var(--scan-lead) + var(--scan-step) * 3) both;
}

.main-screen.is-scan .map-scan__status-icon--found{
	animation:scan-icon-in var(--scan-step) linear calc(var(--scan-lead) + var(--scan-step) * 3) both;
}
.main-screen.is-scan .map-scan__tick--1{
	animation:scan-tick-appear var(--scan-step) ease-out var(--scan-lead) both, scan-tick-fade var(--scan-step) ease-out calc(var(--scan-lead) + var(--scan-step) * 3) forwards;
}

.main-screen.is-scan .map-scan__tick--2{
	animation:scan-tick-appear var(--scan-step) ease-out calc(var(--scan-lead) + var(--scan-step)) both, scan-tick-fade var(--scan-step) ease-out calc(var(--scan-lead) + var(--scan-step) * 3) forwards;
}

.main-screen.is-scan .map-scan__tick--3{
	animation:scan-tick-appear var(--scan-step) ease-out calc(var(--scan-lead) + var(--scan-step) * 2) both, scan-tick-fade var(--scan-step) ease-out calc(var(--scan-lead) + var(--scan-step) * 3) forwards;
}

.main-screen.is-scan .map-scan__tick--found{
	animation:scan-tick-found var(--scan-step) cubic-bezier(0.22, 1, 0.36, 1) calc(var(--scan-lead) + var(--scan-step) * 3) both;
}
.main-screen.is-scan .map-scan__map{
	animation:scan-map-zoom var(--scan-step) cubic-bezier(0.22, 1, 0.36, 1) calc(var(--scan-lead) + var(--scan-step) * 3) both;
}
@media (min-width: 1024px) and (max-width: 1919.98px){
	.map-scan__device{
		width:65.28rem;
		height:50.761rem;
	}
	.map-scan__status{
		height:2rem;
	}

	.map-scan__status-icon{
		width:2.125rem;
		height:2.052rem;
	}

	.map-scan__status-line{
		font-size:1.75rem;
	}
}
@media (max-width: 1023.98px){
	.map-scan{
		flex-direction:column;
		align-items:stretch;
		justify-content:flex-start;
		padding:0 1.25rem;
	}
	.map-scan__info{
		width:100%;
		gap:1.125rem;
		margin-bottom:0;
	}
	.map-scan__status{
		height:1.375rem;
		gap:0.625rem;
	}

	.map-scan__status-icon{
		width:1.4375rem;
		height:1.375rem;
	}

	.map-scan__status-line{
		font-size:1.25rem;
	}
	.map-scan__title{
		margin:-0.5rem 0;
		font-size:4.0625rem;
		line-height:1;
	}
	.map-scan__lead{
		width:100%;
		height:4.3125rem;
		margin-top:0.5rem;
		padding:0 1.25rem;
		justify-content:center;
	}

	.map-scan__lead-text{
		font-size:1.4375rem;
		text-align:center;
	}
	.map-scan__device{
		left:50%;
		top:34.2375rem;
		width:31.054rem;
		height:24.148rem;
		transform:translate(calc(-50% + 0.581rem), -50%) rotate(4.93deg);
	}
}
@media (min-width: 768px) and (max-width: 1023.98px){
	.map-scan{
		padding:0 2.5rem;
	}
	.map-scan__title{
		font-size:3rem;
	}

	.map-scan__device{
		transform:translate(-50%, -50%) rotate(4.93deg);
		top:27.4rem;
	}
}

.case-scene{
	--t-bg:calc(var(--scan-end) + 0.55s);
	--t-platform:calc(var(--t-bg) + 0.85s);
	--t-text:calc(var(--t-platform) + 0.35s);
	--t-case:calc(var(--t-platform) + 1.75s);
	--t-cta:calc(var(--t-case) + 0.75s);
	position:fixed;
	inset:0;
	display:none;
	overflow:hidden;
	pointer-events:none;
}

.main-screen.is-scan .case-scene{
	display:block;
}
body.is-scanning .scene-bg__grid{
	animation:case-grid-out 0.7s ease-out calc(var(--scan-end) + 0.55s) both;
}

body.is-scanning .scene-bg__grid--case{
	animation:case-grid-in 0.7s ease-out calc(var(--scan-end) + 0.55s) both;
}
.case-scene__bg{
	position:absolute;
	inset:0;
	overflow:hidden;
	pointer-events:none;
}
.case-scene__wall{
	position:absolute;
	left:var(--wall-cx);
	top:var(--wall-cy);
	width:var(--wall-w);
	height:var(--wall-h);

	background-position:center center;
	background-size:100% 100%;
	background-repeat:no-repeat;

	opacity:0;
}

.case-scene__wall--left{
	--wall-cx:var(--case-left-x);
	--wall-cy:var(--case-left-y);
	--wall-w:var(--case-left-w);
	--wall-h:var(--case-left-h);
	background-image:var(--case-bg-left);
}

.case-scene__wall--right{
	--wall-cx:var(--case-right-x);
	--wall-cy:var(--case-right-y);
	--wall-w:var(--case-right-w);
	--wall-h:var(--case-right-h);
	background-image:var(--case-bg-right);
}
.case-scene__flash{
	position:absolute;
	inset:0;
	background-image:radial-gradient(46% 50% at 62% 46%,
			var(--color-white-1) 0%,
			color-mix(in srgb, var(--theme-accent) 78%, transparent) 24%,
			color-mix(in srgb, var(--theme-accent) 24%, transparent) 56%,
			transparent 100%);
	mix-blend-mode:screen;
	opacity:0;
	pointer-events:none;
}

.case-scene__platform{
	position:absolute;
	left:var(--case-plat-x);
	top:var(--case-plat-y);
	width:var(--case-plat-w);
	height:var(--case-plat-h);

	background-image:var(--case-platform);
	background-position:left top;
	background-size:cover;
	background-repeat:no-repeat;

	opacity:0;
	transition:top 1.1s cubic-bezier(0.33, 1, 0.68, 1);
	pointer-events:none;
}

.main-screen.is-open .case-scene__platform{
	top:var(--case-plat-y-open);
}
.case-stack{
	position:absolute;
	left:var(--case-box-x);
	top:var(--case-box-y);
	width:var(--case-box-w);
	aspect-ratio:var(--case-box-ar);

	opacity:0;
	transition:top 1.1s cubic-bezier(0.33, 1, 0.68, 1);
	pointer-events:none;
}

.main-screen.is-open .case-stack{
	top:var(--case-box-y-open);
}
.case-stack__layer{
	position:absolute;
	inset:0;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}

.case-stack__layer--shadow,
.case-stack__layer--smoke,
.case-stack__layer--body{
	top:var(--case-lid-top);
}
.case-stack__layer--shadow,
.case-stack__layer--shadow-open{
	filter:brightness(0.62) contrast(1.18);
}

.case-stack__layer--shadow{
	background-image:var(--case-shadow);
	mix-blend-mode:multiply;
}

.case-stack__layer--smoke{
	background-image:var(--case-smoke);
	mix-blend-mode:screen;
	opacity:0;
}
.case-stack__layer--smoke,
.case-stack__layer--smoke-under{
	will-change:scale, filter;
}

.case-stack__layer--body{
	background-image:var(--case-closed);
}
.case-stack__halo{
	position:absolute;
	background-color:var(--halo-tone);

	-webkit-mask-size:contain;
	mask-size:contain;
	-webkit-mask-position:center center;
	mask-position:center center;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;

	filter:blur(20px);
	mix-blend-mode:screen;
	opacity:0;
	pointer-events:none;
}

.case-stack__halo--open{
	--halo-tone:color-mix(in srgb, var(--theme-accent) 70%, var(--scene-glow));
	--halo-op:0.5;
	inset:0;
	-webkit-mask-image:var(--case-opened);
	mask-image:var(--case-opened);
}
.case-stack__layer--shadow-open{
	background-image:var(--case-shadow-open);
	mix-blend-mode:multiply;
	opacity:0;
}
.case-stack__layer--smoke-open{
	background-image:var(--case-smoke-open);
	mix-blend-mode:screen;
	opacity:0;
}
.case-stack__layer--smoke-under{
	inset:-5%;
	background-image:var(--case-smoke-open);
	mix-blend-mode:screen;
	opacity:0;
}

.case-stack__layer--body-open{
	background-image:var(--case-opened);
	opacity:0;
}
.case-stack__glint{
	position:absolute;
	inset:var(--case-lid-top) 0 0;
	background-image:linear-gradient(105deg,
			transparent 42%,
			rgba(255, 255, 255, 0.85) 50%,
			transparent 58%);
	background-size:260% 100%;
	background-repeat:no-repeat;

	-webkit-mask-image:var(--case-closed);
	mask-image:var(--case-closed);
	-webkit-mask-size:contain;
	mask-size:contain;
	-webkit-mask-position:center center;
	mask-position:center center;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;

	mix-blend-mode:screen;
	opacity:0;
}
.case-stack::after{
	content:"";
	position:absolute;
	inset:0;
	background-color:var(--color-white-1);

	-webkit-mask-image:var(--case-opened);
	mask-image:var(--case-opened);
	-webkit-mask-size:contain;
	mask-size:contain;
	-webkit-mask-position:center center;
	mask-position:center center;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;

	mix-blend-mode:screen;
	opacity:0;
	pointer-events:none;
}
.main-screen.is-open .case-stack__glint{
	top:0;
	-webkit-mask-image:var(--case-opened);
	mask-image:var(--case-opened);
}
.case-scene__hint{
	position:absolute;
	left:var(--case-hint-x);
	top:var(--case-hint-y);
	display:flex;
	align-items:center;
	gap:10px;

	opacity:0;
	pointer-events:none;
}
.case-scene__hint-icon{
	flex-shrink:0;
	width:36px;
	height:35px;

	background-image:var(--case-hint-icon);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}

.case-scene__hint-text{
	font-family:var(--font-primary);
	font-weight:500;
	font-size:1.875rem;
	line-height:1.4;
	white-space:nowrap;

	background-image:linear-gradient(90deg, var(--status-a) 0%, var(--status-b) 100%);
	background-clip:text;
	-webkit-background-clip:text;
	color:transparent;
	text-shadow:0 0 20px rgba(var(--status-glow), 0.6), 0 0 10px var(--status-shadow);
}
.case-scene__info{
	position:absolute;
	left:15rem;
	top:25.093%;
}
.case-scene__title{
	position:absolute;
	left:0;
	top:-0.794rem;
	font-family:var(--font-secondary);
	font-weight:800;
	font-size:4.625rem;
	line-height:1.1;
	color:var(--color-white-1);
	-webkit-user-select:none;
	        user-select:none;
}

.case-scene__title--closed{
	width:var(--case-title-w-closed);
}

.case-scene__title--opened{
	width:var(--case-title-w-open);
}

.case-scene__lead{
	position:absolute;
	left:0;
	top:15.6375rem;
	font-family:var(--font-primary);
	font-weight:500;
	font-size:1.75rem;
	line-height:1.2;
	color:var(--color-white-1);
	-webkit-user-select:none;
	        user-select:none;
}

.case-scene__lead--closed{
	width:var(--case-lead-w-closed);
}

.case-scene__lead--opened{
	width:var(--case-lead-w-open);
}

.case-scene__accent{
	color:var(--theme-accent);
}
.case-scene__map{
	display:none;
}

body.theme-mirage .case-scene__map--mirage,
body.theme-inferno .case-scene__map--inferno,
body.theme-dust2 .case-scene__map--dust2,
body:has(.activate-mark--mirage.show) .case-scene__map--mirage,
body:has(.activate-mark--inferno.show) .case-scene__map--inferno,
body:has(.activate-mark--dust2.show) .case-scene__map--dust2{
	display:inline;
}
.case-scene__title--opened,
.case-scene__lead--opened,
.case-scene__info .case-btn--steam{
	display:none;
}

.main-screen.is-open .case-scene__title--opened,.main-screen.is-open .case-scene__lead--opened{
		display:block;
	}

.main-screen.is-open .case-scene__info .case-btn--steam{
		display:inline-flex;
	}
.case-btn{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	height:5rem;
	padding:1.25rem 3.75rem;
	border:1px solid var(--theme-accent);
	border-radius:0.625rem;

	opacity:0;
	pointer-events:none;
	transition:border-color 0.25s ease, box-shadow 0.25s ease, transform 0.18s ease;
}

.case-btn::before{
	content:"";
	position:absolute;
	inset:0;
	border-radius:inherit;

	background-color:var(--theme-accent);
	transition:background-color 0.45s ease, filter 0.25s ease;

	-webkit-mask-image:radial-gradient(89.3% 125.6% at 50% 121.7%,
			#000 0%, rgba(0, 0, 0, 0.82) 25%, rgba(0, 0, 0, 0.635) 50%,
			rgba(0, 0, 0, 0.455) 75%, rgba(0, 0, 0, 0.361) 87.5%,
			rgba(0, 0, 0, 0.271) 100%);
	mask-image:radial-gradient(89.3% 125.6% at 50% 121.7%,
			#000 0%, rgba(0, 0, 0, 0.82) 25%, rgba(0, 0, 0, 0.635) 50%,
			rgba(0, 0, 0, 0.455) 75%, rgba(0, 0, 0, 0.361) 87.5%,
			rgba(0, 0, 0, 0.271) 100%);
}
.case-btn:hover{
	border-color:var(--case-btn-edge);
	transform:translateY(-2px);
	box-shadow:0 8px 26px color-mix(in srgb, var(--theme-accent) 38%, transparent), 0 0 14px color-mix(in srgb, var(--theme-accent) 28%, transparent);
}
.case-btn:hover::before{
	filter:brightness(1.1) saturate(1.2);
}

.case-btn:hover .case-btn__text{
	text-shadow:0 0 16px color-mix(in srgb, var(--theme-accent) 60%, transparent);
}

.case-btn:active{
	transform:translateY(1px);
}
.case-scene__info .case-btn{
	position:absolute;
	left:0;
	top:21.9375rem;
}
.case-btn__icon{
	position:relative;
	flex-shrink:0;
	width:40px;
	height:40px;
}

.case-btn__text{
	position:relative;
	transition:text-shadow 0.25s ease;
	font-family:var(--font-primary);
	font-weight:700;
	font-size:2rem;
	line-height:1.2;
	text-transform:uppercase;
	white-space:nowrap;
	color:var(--case-btn-ink);
	-webkit-user-select:none;
	        user-select:none;
}
.case-slider{
	position:absolute;
	left:var(--case-card-x);
	top:var(--case-card-y);
	width:var(--case-card-w);
	aspect-ratio:var(--case-card-ar);

	opacity:0;
	pointer-events:none;
}
.case-slider::before{
	content:"";
	position:absolute;
	z-index:1;
	inset:0;
	background-image:radial-gradient(60% 55% at 50% 46%,
			color-mix(in srgb, var(--theme-accent) 26%, transparent) 0%,
			color-mix(in srgb, var(--theme-accent) 10%, transparent) 52%,
			transparent 82%);
	pointer-events:none;
}
.case-slider__panel{
	position:absolute;
	z-index:0;
	inset:0;
	background-image:var(--case-card);
	background-position:center center;
	background-size:100% 100%;
	background-repeat:no-repeat;
	filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-white-1) 62%, var(--theme-accent))) drop-shadow(0 0 20px color-mix(in srgb, var(--theme-accent) 62%, transparent)) drop-shadow(0 0 52px color-mix(in srgb, var(--theme-accent) 24%, transparent));
	will-change:filter;
}
.case-slider__flare{
	position:absolute;
	z-index:-1;
	inset:0;
	background-image:var(--case-card);
	background-position:center center;
	background-size:100% 100%;
	background-repeat:no-repeat;

	filter:drop-shadow(0 0 11px var(--color-white-1)) drop-shadow(0 0 34px color-mix(in srgb, var(--theme-accent) 88%, transparent)) drop-shadow(0 0 76px color-mix(in srgb, var(--theme-accent) 40%, transparent));
	opacity:0;
	pointer-events:none;
}

.case-slider__track{
	position:absolute;
	z-index:2;
	inset:0;
	overflow:hidden;
	border-radius:0.6875rem;
}
.case-slider__set{
	position:absolute;
	inset:0;
	display:none;
}

body.theme-mirage .case-slider__set--mirage,
body.theme-inferno .case-slider__set--inferno,
body.theme-dust2 .case-slider__set--dust2,
body:has(.activate-mark--mirage.show) .case-slider__set--mirage,
body:has(.activate-mark--inferno.show) .case-slider__set--inferno,
body:has(.activate-mark--dust2.show) .case-slider__set--dust2{
	display:block;
}

.case-slide{
	position:absolute;
	inset:0;
	opacity:0;
}
.case-slide__item{
	position:absolute;
	left:13.226%;
	top:9.405%;
	width:73.669%;
	height:74.65%;

	background-image:var(--item-img);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	filter:drop-shadow(0 -2px 7px var(--case-item-glow)) drop-shadow(0 -2px 28px var(--case-item-glow)) drop-shadow(0 -2px 55px color-mix(in srgb, var(--case-item-glow) 80%, transparent));
}
.case-slide__item::after{
	content:"";
	position:absolute;
	inset:0;
	background-image:linear-gradient(102deg,
			transparent 43%,
			rgba(255, 255, 255, 0.92) 50%,
			transparent 57%);
	background-size:260% 100%;
	background-repeat:no-repeat;

	-webkit-mask-image:var(--item-img);
	mask-image:var(--item-img);
	-webkit-mask-size:contain;
	mask-size:contain;
	-webkit-mask-position:center center;
	mask-position:center center;
	-webkit-mask-repeat:no-repeat;
	mask-repeat:no-repeat;

	mix-blend-mode:screen;
	opacity:0;
}

.case-slide__name{
	position:absolute;
	top:79.937%;
	font-family:var(--font-primary);
	font-weight:500;
	font-size:1.75rem;
	line-height:1.2;
	white-space:nowrap;
	color:var(--case-item-ink);
}

.case-slide__name--weapon{
	left:6.961%;
	color:var(--color-white-1);
	font-family:var(--font-secondary);
	font-size:1.675rem;
}

.case-slide__name--skin{
	right:6.961%;
	text-align:right;
}
.main-screen.is-scan .case-scene__wall--left{
		animation:case-wall-in 0.7s ease-out var(--t-bg) both;
	}
.main-screen.is-scan .case-scene__wall--right{
		animation:case-wall-in 0.7s ease-out calc(var(--t-bg) + 0.1s) both;
	}
.main-screen.is-scan .case-scene__platform{
		animation:case-platform-in 2s cubic-bezier(0.19, 0.9, 0.28, 1) var(--t-platform) both;
	}
.main-screen.is-scan .case-scene__title--closed{
		animation:case-text-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) var(--t-text) both;
	}
.main-screen.is-scan .case-scene__lead--closed{
		animation:case-text-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) calc(var(--t-text) + 0.18s) both;
	}
.main-screen.is-scan .case-stack{
		animation:case-drop 0.85s linear var(--t-case) both;
	}
.main-screen.is-scan .case-stack__layer--smoke{
		animation:case-smoke-puff 1.6s ease-out calc(var(--t-case) + 0.42s) both, case-smoke-breathe 7.4s ease-in-out calc(var(--t-case) + 1.2s) infinite;
	}
.main-screen.is-scan .case-stack__glint{
		animation:case-glint 3.5s linear calc(var(--t-case) + 1.4s) infinite, case-body-rattle 3.5s linear calc(var(--t-case) + 1.4s) infinite;
	}
.main-screen.is-scan .case-stack__layer--body{
		animation:case-body-rattle 3.5s linear calc(var(--t-case) + 1.4s) infinite;
	}
.main-screen.is-scan .case-btn--open{
		animation:case-text-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) var(--t-cta) both, case-btn-nudge 3.5s ease-in-out calc(var(--t-cta) + 2.4s) infinite;
	}
.main-screen.is-scan .case-scene__hint{
		animation:case-hint-in 0.9s ease-out var(--t-cta) both;
	}
.main-screen.is-open{
	--o-open:0.55s;
	--o-text:1.35s;
	--o-slider:1.85s;
}
.main-screen.is-open .case-scene__hint{
		animation:case-fade-out 0.35s ease-in both;
	}
.main-screen.is-open .case-scene__title--closed,.main-screen.is-open .case-scene__lead--closed,.main-screen.is-open .case-btn--open{
		animation:case-text-out 0.55s cubic-bezier(0.5, 0, 0.75, 0.4) both;
	}
.main-screen.is-open .case-stack__layer--body{
		animation:case-lid-off 0.45s cubic-bezier(0.36, 0, 0.66, -0.56) var(--o-open) both;
	}
.main-screen.is-open .case-stack__layer--smoke,.main-screen.is-open .case-stack__layer--shadow{
		animation:case-fade-out 0.4s ease-in var(--o-open) both;
	}
.main-screen.is-open .case-stack__layer--body-open,.main-screen.is-open .case-stack__layer--shadow-open{
		animation:case-lid-on 0.55s cubic-bezier(0.22, 1, 0.36, 1) calc(var(--o-open) + 0.16s) both;
	}
.main-screen.is-open .case-stack__layer--smoke-open{
		animation:case-smoke-burst 3.4s ease-out calc(var(--o-open) + 0.1s) both;
	}
.main-screen.is-open .case-stack__layer--smoke-under{
		animation:case-smoke-open 1.8s ease-out calc(var(--o-open) + 0.1s) both, case-smoke-breathe-wide 9.1s ease-in-out calc(var(--o-open) + 1.4s) infinite;
	}
.main-screen.is-open .case-stack::after{
		animation:case-flash 0.5s ease-out calc(var(--o-open) + 0.08s) both;
	}
.main-screen.is-open .case-scene__flash{
		animation:case-scene-flash 1.15s ease-out calc(var(--o-open) + 0.02s) both;
	}
.main-screen.is-open .case-stack__halo--open{
		animation:case-halo-in 0.9s ease-out calc(var(--o-open) + 0.2s) both;
	}
.main-screen.is-open .case-stack__glint{
		animation:case-fade-out 0.3s linear var(--o-open) both;
	}
.main-screen.is-open .case-scene__title--opened{
		animation:case-text-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) var(--o-text) both;
	}
.main-screen.is-open .case-scene__lead--opened{
		animation:case-text-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) calc(var(--o-text) + 0.18s) both;
	}
.main-screen.is-open .case-btn--steam{
		animation:case-text-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) calc(var(--o-text) + 0.36s) both, case-btn-nudge 3.5s ease-in-out calc(var(--o-text) + 1.76s) infinite;
	}
.main-screen.is-open .case-slider{
		animation:case-slider-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) var(--o-slider) both;
	}
.main-screen.is-open .case-slider__flare{
		animation:case-card-pulse 3s ease-out calc(var(--o-slider) + 0.5s) infinite;
	}
.main-screen.is-open .case-slide{
		animation:case-slide-fade 15s linear calc(var(--o-slider) + 0.5s) infinite both;
	}
.main-screen.is-open .case-slide__item{
		animation:case-slide-move 15s linear calc(var(--o-slider) + 0.5s) infinite both;
	}
.main-screen.is-open .case-slide__item::after{
		animation:case-item-glint 15s linear calc(var(--o-slider) + 0.5s) infinite both;
	}
.main-screen.is-open .case-slide__name--weapon{
		animation:case-name-left 15s linear calc(var(--o-slider) + 0.5s) infinite both;
	}
.main-screen.is-open .case-slide__name--skin{
		animation:case-name-right 15s linear calc(var(--o-slider) + 0.5s) infinite both;
	}
.main-screen.is-open .case-slide:nth-child(2),.main-screen.is-open .case-slide:nth-child(2) *,.main-screen.is-open .case-slide:nth-child(2) .case-slide__item::after{
		animation-delay:calc(var(--o-slider) + 3.5s);
	}
.main-screen.is-open .case-slide:nth-child(3),.main-screen.is-open .case-slide:nth-child(3) *,.main-screen.is-open .case-slide:nth-child(3) .case-slide__item::after{
		animation-delay:calc(var(--o-slider) + 6.5s);
	}
.main-screen.is-open .case-slide:nth-child(4),.main-screen.is-open .case-slide:nth-child(4) *,.main-screen.is-open .case-slide:nth-child(4) .case-slide__item::after{
		animation-delay:calc(var(--o-slider) + 9.5s);
	}
.main-screen.is-open .case-slide:nth-child(5),.main-screen.is-open .case-slide:nth-child(5) *,.main-screen.is-open .case-slide:nth-child(5) .case-slide__item::after{
		animation-delay:calc(var(--o-slider) + 12.5s);
	}
@media (min-width: 1024px) and (max-width: 1919.98px){
	.case-scene__hint-text{
		font-size:max(2.125rem, 24px);
	}
	.case-scene__hint{
		gap:0.75rem;
	}
	.case-scene__hint-icon{
		width:2.55rem;
		height:2.479rem;
	}

	.case-btn__icon{
		width:2.875rem;
		height:2.875rem;
	}
	.case-scene__platform,
	.case-stack,
	.case-slider{
		margin-top:-2.5vh;
	}
	.case-scene__title{
		font-size:5rem;
	}

	.case-scene__lead{
		font-size:2rem;
	}
	.case-scene__title--closed{
		width:calc(var(--case-title-w-closed) * 1.081);
	}

	.case-scene__title--opened{
		width:calc(var(--case-title-w-open) * 1.081);
	}

	.case-scene__lead--closed{
		width:calc(var(--case-lead-w-closed) * 1.143);
	}

	.case-scene__lead--opened{
		width:calc(var(--case-lead-w-open) * 1.143);
	}
	.case-scene__lead{
		top:16.873rem;
	}

	.case-scene__info .case-btn{
		top:23.771rem;
	}
	.case-btn{
		height:6.25rem;
		padding:1.55rem 2.5rem;
		gap:0.75rem;
	}

	.case-btn__text{
		font-size:2.375rem;
	}
}
@media (max-width: 1023.98px){
	.case-scene__platform{
		transform:scaleX(-1);
	}
	.case-scene__info{
		left:1.25rem;
		top:7.531%;
	}
	.case-scene__title{
		top:-0.48rem;
		font-size:4.0625rem;
		line-height:1;
	}
	.case-scene__title--closed,
	.case-scene__title--opened{
		width:25rem;
	}
	.case-scene__title--opened{
		top:-0.2881rem;
		font-size:2.4375rem;
	}
	.case-scene__lead{
		top:12.6375rem;
	}
	.case-scene__lead--opened{
		top:3.2625rem;
	}
	.case-btn{
		background-color:#000;
	}
	.case-scene__info .case-btn{
		top:40.3125rem;
		width:calc(100vw - 2.5rem);
	}

	.case-btn__icon{
		width:2.375rem;
		height:2.375rem;
	}
	.case-scene__hint{
		left:auto;
		right:1.25rem;
		top:42.232%;
		gap:0.625rem;
	}

	.case-scene__hint-icon{
		width:1.725rem;
		height:1.65rem;
	}

	.case-scene__hint-text{
		font-size:1.5rem;
	}
	.case-slider__track{
		border-radius:0.445rem;
	}

	.case-slide__name{
		font-size:1.133rem;
	}

	.case-slide__name--weapon{
		font-size:1.084rem;
	}
}
@media (min-width: 768px) and (max-width: 1023.98px){
	.case-scene__info{
		left:2.5rem;
		top:8.789%;
	}
	.case-scene__title--closed{
		font-size:3.5rem;
	}

	.case-scene__title--closed,
	.case-scene__title--opened{
		width:calc(100vw - 5rem);
	}
	.case-scene__lead{
		top:7.32rem;
	}

	.case-scene__lead--opened{
		top:3.015rem;
	}

	.case-scene__hint{
		right:2.5rem;
		top:37.803%;
	}

	.case-scene__info .case-btn{
		top:35.09rem;
		width:calc(100vw - 5rem);
	}
	.case-slider__track{
		border-radius:0.4845rem;
	}

	.case-slide__name{
		font-size:1.2325rem;
	}

	.case-slide__name--weapon{
		font-size:1.179rem;
	}
}
@media (max-width: 1023.98px){

	.case-stack__layer--smoke,
	.case-stack__layer--smoke-under,
	.case-slider__panel{
		will-change:auto;
	}
}
.popup-auth{
	display:none;
	position:fixed;
	inset:0;
	z-index:var(--z-popup);
	align-items:center;
	justify-content:center;
	padding:1.5rem;

	background-color:rgba(6, 5, 4, 0.75);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
}

.popup-auth.show{
	display:flex;
	animation:popup-fade-in 0.25s ease;
}
.popup-auth__overlay{
	position:absolute;
	inset:0;
}
.popup-auth__modal{
	position:relative;
	width:min(55rem, 92vw);
	aspect-ratio:880 / 420;
	border:1px solid var(--scene-glow);
	border-radius:0.625rem;
	overflow:hidden;

	background-image:radial-gradient(51.36% 105.4% at 64.8% 52%,
			var(--scene-glow) 3.6%,
			var(--scene-deep) 100%);

	box-shadow:0 0 90px color-mix(in srgb, var(--theme-accent) 30%, transparent), 0 0 70px color-mix(in srgb, var(--theme-accent) 40%, transparent), 0 0 50px color-mix(in srgb, var(--theme-accent) 50%, transparent), 0 0 30px var(--theme-accent), inset 0 0 10px var(--theme-accent);

	animation:popup-slide-up-auth 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.popup-auth__grid{
	position:absolute;
	left:50%;
	top:50%;
	width:123.636%;
	height:151.671%;
	transform:translate(-50%, -50%);

	background-image:var(--case-grid);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;

	mix-blend-mode:screen;
	opacity:0.6;
	pointer-events:none;
}
.popup-auth__close{
	position:absolute;
	z-index:2;
	top:3.333%;
	right:1.593%;
	width:2rem;
	height:2rem;
	border:1px solid color-mix(in srgb, var(--theme-accent) 45%, transparent);
	border-radius:0.375rem;
	background-color:color-mix(in srgb, var(--theme-accent) 8%, transparent);
	transition:border-color 0.2s ease, background-color 0.2s ease;
}
.popup-auth__close::before,
.popup-auth__close::after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:0.875rem;
	height:1px;
	background-color:var(--theme-accent);
	translate:-50% -50%;
}

.popup-auth__close::before{
	rotate:45deg;
}

.popup-auth__close::after{
	rotate:-45deg;
}

.popup-auth__close:hover{
	border-color:var(--theme-accent);
	background-color:color-mix(in srgb, var(--theme-accent) 22%, transparent);
}
.popup-auth__case{
	position:absolute;
	left:49.713%;
	top:-2.703%;
	width:70.273%;
	aspect-ratio:var(--case-box-ar);
	pointer-events:none;
}

.popup-auth__case-layer{
	position:absolute;
	inset:0;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}
.popup-auth__case-layer--shadow{
	background-image:var(--case-shadow-open);
	mix-blend-mode:multiply;
	filter:brightness(0.62) contrast(1.18);
}

.popup-auth__case-layer--smoke{
	background-image:var(--case-smoke-open);
	mix-blend-mode:screen;
	opacity:0.75;
}

.popup-auth__case-layer--body{
	background-image:var(--case-opened);
}
.popup-auth__title{
	position:absolute;
	left:6.818%;
	top:18.286%;
	width:47.955%;

	font-family:var(--font-primary);
	font-weight:700;
	font-size:2.625rem;
	line-height:1.2;
	color:var(--color-white-1);
	-webkit-user-select:none;
	        user-select:none;
}

.popup-auth__accent{
	color:var(--theme-accent);
}
.popup-auth__btn{
	position:absolute;
	left:6.818%;
	top:64.762%;
	margin-top:0;

	opacity:1;
	pointer-events:auto;
}
@media (max-width: 1023.98px){
	.popup-auth{
		padding:1.25rem;
	}
	.popup-auth__modal{
		width:min(25rem, calc(100vw - 2.5rem));
		aspect-ratio:400 / 509;
	}

	.popup-auth__grid{
		width:200.5%;
		height:100.86%;
	}
	.popup-auth__close{
		top:2.751%;
		right:3.5%;
	}
	.popup-auth__case{
		left:4.57%;
		top:31.114%;
		width:90.812%;
	}
	.popup-auth__title{
		left:10%;
		top:11.095%;
		width:80%;
		font-size:1.9375rem;
	}

	.popup-auth__btn{
		left:10%;
		top:76.228%;
		width:80%;
	}
}
@media (min-width: 768px) and (max-width: 1023.98px){
	.popup-auth{
		padding:2.5rem;
	}

	.popup-auth__modal{
		width:min(35rem, calc(100vw - 5rem));
	}

	.popup-auth__title{
		font-size:2.59rem;
	}
}
@media (max-width: 1023.98px){
	.popup-auth.show{
		animation:none;
	}
}
@media (max-width: 1023.98px){
	body:has(.popup-auth.show) *,
	body:has(.popup-auth.show) *::before,
	body:has(.popup-auth.show) *::after,
	body:has(.popup-terms-wrap.show) *,
	body:has(.popup-terms-wrap.show) *::before,
	body:has(.popup-terms-wrap.show) *::after{
		animation-play-state:paused !important;
	}
	body:has(.popup-auth.show) .popup-auth,
	body:has(.popup-auth.show) .popup-auth *,
	body:has(.popup-auth.show) .popup-auth *::before,
	body:has(.popup-auth.show) .popup-auth *::after,
	body:has(.popup-terms-wrap.show) .popup-terms-wrap,
	body:has(.popup-terms-wrap.show) .popup-terms-wrap *,
	body:has(.popup-terms-wrap.show) .popup-terms,
	body:has(.popup-terms-wrap.show) .popup-terms *{
		animation-play-state:running !important;
	}
}
@media (max-width: 1023.98px){

	.popup-auth{
		backdrop-filter:none;
		-webkit-backdrop-filter:none;
		background-color:rgba(6, 5, 4, 0.88);
	}

	.popup-auth__modal{
		isolation:isolate;
	}
}

.activate-screen{
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:100%;
	overflow-x:clip;
	overflow-y:visible;
}
.activate-mark{
	display:none;
}
.activate-screen.show .case-scene--final{
	display:block;
}

.case-scene--final{
	--f-bg:0.15s;
	--f-platform:calc(var(--f-bg) + 0.85s);
	--f-text:calc(var(--f-platform) + 0.35s);
	--f-case:calc(var(--f-platform) + 1.75s);
	--f-card:calc(var(--f-case) + 0.55s);
	--f-cta:calc(var(--f-case) + 0.75s);
	--case-card-x:37.656%;
}

.case-scene--final .case-scene__platform{
		top:var(--case-plat-y-open);
	}

.case-scene--final .case-stack{
		top:var(--case-box-y-open);
	}

:is(.activate-screen.show .case-scene--final) .case-scene__wall--left{
		animation:case-wall-in 0.7s ease-out var(--f-bg) both;
	}

:is(.activate-screen.show .case-scene--final) .case-scene__wall--right{
		animation:case-wall-in 0.7s ease-out calc(var(--f-bg) + 0.1s) both;
	}

:is(.activate-screen.show .case-scene--final) .case-scene__platform{
		animation:case-platform-in 2s cubic-bezier(0.19, 0.9, 0.28, 1) var(--f-platform) both;
	}

:is(.activate-screen.show .case-scene--final) .case-scene__hint--lead{
		animation:case-text-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) var(--f-text) both;
	}

:is(.activate-screen.show .case-scene--final) .case-scene__title--final{
		animation:case-text-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) calc(var(--f-text) + 0.18s) both;
	}

:is(.activate-screen.show .case-scene--final) .case-scene__lead--final{
		animation:case-text-in 0.8s cubic-bezier(0.22, 1, 0.36, 1) calc(var(--f-text) + 0.36s) both;
	}

:is(.activate-screen.show .case-scene--final) .case-stack{
		animation:case-stack-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) var(--f-case) both;
	}

:is(.activate-screen.show .case-scene--final) .case-stack__layer--shadow-open,:is(.activate-screen.show .case-scene--final) .case-stack__layer--body-open{
		animation:case-lid-on 0.55s cubic-bezier(0.22, 1, 0.36, 1) calc(var(--f-case) + 0.16s) both;
	}

:is(.activate-screen.show .case-scene--final) .case-stack__halo--open{
		animation:case-halo-in 0.9s ease-out calc(var(--f-case) + 0.2s) both;
	}

:is(.activate-screen.show .case-scene--final) .case-stack__layer--smoke-under{
		animation:case-smoke-open 1.8s ease-out calc(var(--f-case) + 0.1s) both, case-smoke-breathe-wide 9.1s ease-in-out calc(var(--f-case) + 1.4s) infinite;
	}

:is(.activate-screen.show .case-scene--final) .case-slider{
		animation:case-slider-in 0.9s cubic-bezier(0.22, 1, 0.36, 1) var(--f-card) both;
	}

:is(.activate-screen.show .case-scene--final) .case-slider__flare{
		animation:case-card-pulse 3s ease-out var(--f-card) both;
	}

:is(.activate-screen.show .case-scene--final) .case-slider__label{
		animation:case-text-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) calc(var(--f-card) + 0.2s) both;
	}

:is(.activate-screen.show .case-scene--final) .case-slide{
		opacity:1;
	}

:is(.activate-screen.show .case-scene--final) .case-slide__item::after{
		animation:case-item-glint-solo 5s linear calc(var(--f-card) + 0.9s) infinite both;
	}

:is(.activate-screen.show .case-scene--final) .case-btn--claim{
		animation:case-text-in 0.7s cubic-bezier(0.22, 1, 0.36, 1) var(--f-cta) both, case-btn-nudge 3.5s ease-in-out calc(var(--f-cta) + 1.4s) infinite;
	}
body:has(.activate-screen.show) .scene-bg__wall{
	animation:none;
	opacity:0;
}
body:has(.activate-screen.show) .scene-bg__grid{
	opacity:0;
}

body:has(.activate-screen.show) .scene-bg__grid--case{
	animation:case-grid-in 0.7s ease-out 0.15s both;
}
.case-slider__label{
	position:absolute;
	left:50%;
	top:-1.619rem;
	transform:translateX(-50%);

	font-family:var(--font-primary);
	font-weight:500;
	font-size:1.25rem;
	line-height:1.4;
	white-space:nowrap;

	background-image:linear-gradient(90deg, var(--status-a) 0%, var(--status-b) 100%);
	background-clip:text;
	-webkit-background-clip:text;
	color:transparent;
	text-shadow:0 0 20px rgba(var(--status-glow), 0.6), 0 0 10px var(--status-shadow);
	pointer-events:none;
}
.case-scene__info--final{
	top:23.49%;
}
.case-scene__hint--lead{
	left:0;
	top:0;
	opacity:1;
}

.case-scene__title--final{
	top:3.725rem;
	width:26.875rem;
	display:block;
}

.case-scene__lead--final{
	top:20.156rem;
	width:24.938rem;
	display:block;
}

.case-scene__info--final .case-btn--claim{
	top:24.331rem;
}
@media (min-width: 1024px) and (max-width: 1919.98px){
	.case-scene__title--final{
		top:4.075rem;
		width:29.05rem;
	}

	.case-scene__lead--final{
		top:21.84rem;
		width:28.5rem;
	}

	.case-scene__info--final .case-btn--claim{
		top:26.5rem;
	}
	.case-slider__label{
		font-size:max(1.5rem, 17px);
		top:-1.795rem;
	}
}
@media (max-width: 1023.98px){

	.case-scene--final{
		--case-plat-y-open:65.328%;
		--case-box-y-open:43.538%;
		--case-card-x:18.409%;
		--case-card-y:29.498%;
	}
	.case-scene__info--final{
		top:6.925%;
	}
	.case-scene__hint--lead{
		right:auto;
	}
	.case-scene__title--final{
		top:2.699rem;
		width:20.4375rem;
		font-size:2.4375rem;
	}
	.case-scene__lead--final{
		top:8.6875rem;
		width:26.25rem;
	}
	.case-slider__label{
		top:-1.357rem;
		font-size:1rem;
	}
	.case-scene__info--final .case-btn--claim{
		top:40.675rem;
	}
	.case-btn--claim .case-btn__text{
		font-size:1.75rem;
	}
}
@media (min-width: 768px) and (max-width: 1023.98px){

	.case-scene--final{
		--case-plat-y-open:69.664%;
		--case-box-y-open:42%;
		--case-card-x:25.42%;
		--case-card-y:34.424%;
	}
	.case-scene__info--final{
		top:8.081%;
	}
	.case-scene__info--final .case-btn--claim{
		top:35.45rem;
	}
	.case-btn--claim .case-btn__text{
		font-size:2rem;
	}
	.case-slider__label{
		top:-1.503rem;
		font-size:1.088rem;
	}
}