@font-face{
  font-family:"IBM Plex Mono";
  src:url("/fonts/ibm-plex-mono-v20-latin-regular.woff2") format("woff2"), url("/fonts/ibm-plex-mono-v20-latin-regular.woff") format("woff");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"IBM Plex Mono";
  src:url("/fonts/ibm-plex-mono-v20-latin-500.woff2") format("woff2"), url("/fonts/ibm-plex-mono-v20-latin-500.woff") format("woff");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"IBM Plex Mono";
  src:url("/fonts/ibm-plex-mono-v20-latin-600.woff2") format("woff2"), url("/fonts/ibm-plex-mono-v20-latin-600.woff") format("woff");
  font-weight:600;
  font-style:normal;
  font-display:swap;
}

@font-face{
  font-family:"IBM Plex Mono";
  src:url("/fonts/ibm-plex-mono-v20-latin-700.woff2") format("woff2"), url("/fonts/ibm-plex-mono-v20-latin-700.woff") format("woff");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

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

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

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

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

@keyframes loader-0{

    0%{
        opacity:0;
    }

    100%{
        opacity:0.9;
    }
}

@keyframes loader-1{

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

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

@keyframes loader-2{

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

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

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

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

@keyframes popup-appear{
    0%{ opacity:0; transform:scale(0.92); filter:brightness(1.8); }
    60%{ opacity:1; transform:scale(1.01); filter:brightness(1.1); }
    100%{ opacity:1; transform:scale(1);    filter:brightness(1); }
}

@keyframes t-power-on{
    0%{ opacity:0; filter:brightness(0); }
    40%{ opacity:0.6; filter:brightness(2); }
    70%{ opacity:0.9; filter:brightness(1.2); }
    100%{ opacity:1; filter:brightness(1); }
}

@keyframes t-fade-in{
    from{ opacity:0; }
    to{ opacity:1; }
}

@keyframes t-slide-down{
    from{ opacity:0; transform:translateY(-0.75rem); }
    to{ opacity:1; transform:translateY(0); }
}

@keyframes t-slide-up{
    from{ opacity:0; transform:translateY(0.625rem); }
    to{ opacity:1; transform:translateY(0); }
}

@keyframes t-scan-in{
    from{ opacity:0; clip-path:inset(0 100% 0 0); }
    to{ opacity:1; clip-path:inset(0 0 0 0); }
}

@keyframes t-scan-out{
    0%{ opacity:1; clip-path:inset(0 0 0 0); filter:brightness(1); }
    40%{ opacity:1; filter:brightness(1.6); }
    100%{ opacity:0; clip-path:inset(0 0 0 100%); filter:brightness(0.5); }
}

@keyframes weapon-auth-out{
    0%{ opacity:1; transform:scale(1); filter:brightness(1) drop-shadow(0 0 0.5rem rgba(120, 190, 255, 0.8)); }
    30%{ opacity:1; transform:scale(1.03); filter:brightness(1.8) drop-shadow(0 0 2rem rgba(120, 190, 255, 1)); }
    100%{ opacity:0; transform:scale(0.85); filter:brightness(0.3) drop-shadow(0 0 0 transparent); }
}

@keyframes t-scale-in{
    from{ opacity:0; transform:scale(0.96); }
    to{ opacity:1; transform:scale(1); }
}

@keyframes t-scanline{
    0%{ opacity:0; clip-path:inset(48% 0 48% 0); filter:brightness(2); }
    50%{ opacity:1; clip-path:inset(0 0 0 0); filter:brightness(1.4); }
    100%{ opacity:1; clip-path:inset(0 0 0 0); filter:brightness(1); }
}

@keyframes t-scope-in{
    0%{ opacity:0;  filter:blur(8px) brightness(0.5); }
    100%{ opacity:1;  filter:blur(0) brightness(1); }
}

@keyframes skin-float{
    0%, 100%{ transform:translateY(0); }
    50%{ transform:translateY(-0.3rem); }
}

@keyframes skin-glow-pulse{
    0%, 100%{
        filter:drop-shadow(0 0 0.25rem rgba(120, 190, 255, 1)) drop-shadow(0 0 0.5rem rgba(100, 170, 255, 0.9)) drop-shadow(0 0 1rem rgba(100, 160, 255, 0.35)) drop-shadow(0 0 2.5rem rgba(80, 130, 220, 0.2));
    }
    50%{
        filter:drop-shadow(0 0 0.25rem rgba(120, 190, 255, 1)) drop-shadow(0 0 0.5rem rgba(100, 170, 255, 0.9)) drop-shadow(0 0 1.5rem rgba(100, 160, 255, 0.65)) drop-shadow(0 0 3.5rem rgba(80, 130, 220, 0.45));
    }
}

@keyframes blink{
    0%, 100%{ opacity:1; }
    50%{ opacity:0.5; }
}

@keyframes msg-appear{
    0%{
        opacity:0;
        transform:translateX(-0.625rem);
        filter:blur(2px);
    }
    100%{
        opacity:1;
        transform:translateX(0);
        filter:blur(0);
    }
}

@keyframes btn-border-spin{
    to{ transform:translate(-50%, -50%) rotate(360deg); }
}

@keyframes btn-shimmer{
    0%{ background-position:200% center, 0 0; }
    50%{ background-position:-100% center, 0 0; }
    100%{ background-position:200% center, 0 0; }
}

@keyframes t-dealer-in{
    0%{ opacity:0; transform:translateX(3rem) scale(0.92); }
    100%{ opacity:1; transform:translateX(0) scale(1); }
}

@keyframes preview-ready-flash{
    0%{
        background:linear-gradient(300deg,
            rgba(70, 180, 110, 0.4) 0%,
            rgba(50, 140, 80, 0.06) 60%,
            transparent 100%);
    }
    100%{
        background:linear-gradient(300deg,
            rgba(70, 110, 180, 0.4) 0%,
            rgba(50, 80, 140, 0.06) 60%,
            transparent 100%);
    }
}

@keyframes preview-deal-flash-hell{
    0%{
        background:linear-gradient(300deg,
            rgba(210, 70, 30, 0.4) 0%,
            rgba(160, 50, 20, 0.06) 60%,
            transparent 100%);
    }
    20%, 45%{
        background:linear-gradient(300deg,
            rgba(70, 180, 110, 0.5) 0%,
            rgba(50, 140, 80, 0.1) 60%,
            transparent 100%);
    }
    100%{
        background:linear-gradient(300deg,
            rgba(210, 70, 30, 0.4) 0%,
            rgba(160, 50, 20, 0.06) 60%,
            transparent 100%);
    }
}

@keyframes preview-deal-flash-key{
    0%{
        background:linear-gradient(300deg,
            rgba(212, 160, 23, 0.4) 0%,
            rgba(160, 120, 15, 0.06) 60%,
            transparent 100%);
    }
    20%, 45%{
        background:linear-gradient(300deg,
            rgba(70, 180, 110, 0.5) 0%,
            rgba(50, 140, 80, 0.1) 60%,
            transparent 100%);
    }
    100%{
        background:linear-gradient(300deg,
            rgba(212, 160, 23, 0.4) 0%,
            rgba(160, 120, 15, 0.06) 60%,
            transparent 100%);
    }
}

@keyframes preview-deal-flash-club{
    0%{
        background:linear-gradient(300deg,
            rgba(120, 70, 210, 0.4) 0%,
            rgba(90, 50, 160, 0.06) 60%,
            transparent 100%);
    }
    20%, 45%{
        background:linear-gradient(300deg,
            rgba(70, 180, 110, 0.5) 0%,
            rgba(50, 140, 80, 0.1) 60%,
            transparent 100%);
    }
    100%{
        background:linear-gradient(300deg,
            rgba(120, 70, 210, 0.4) 0%,
            rgba(90, 50, 160, 0.06) 60%,
            transparent 100%);
    }
}

@keyframes t-label-flash{
    0%{
        filter:brightness(2);
        opacity:0.6;
    }
    40%{
        filter:brightness(1.4);
        opacity:1;
    }
    100%{
        filter:brightness(1);
        opacity:1;
    }
}

@keyframes offer-card-in{
    0%{ opacity:0; transform:translateY(8px) scale(0.96); }
    100%{ opacity:1; transform:translateY(0) scale(1); }
}

@keyframes steam-logo-appear{
    0%{
        opacity:0;
        transform:translate(-50%, -50%) scale(0.8);
        filter:brightness(3) drop-shadow(0 0 3rem rgba(var(--vendor-rgb), 0.9));
    }
    50%{
        opacity:1;
        transform:translate(-50%, -50%) scale(1.03);
        filter:brightness(1.5) drop-shadow(0 0 2.5rem rgba(var(--vendor-rgb), 0.6));
    }
    100%{
        opacity:1;
        transform:translate(-50%, -50%) scale(1);
        filter:brightness(1) drop-shadow(0 0 1rem rgba(var(--vendor-rgb), 0.3));
    }
}

@keyframes scope-slow-spin{
    from{ transform:translate(-50%, -50%) rotate(var(--scope-angle, 0deg)); }
    to{ transform:translate(-50%, -50%) rotate(calc(var(--scope-angle, 0deg) + 360deg)); }
}

@keyframes steam-logo-glow{
    0%, 100%{
        filter:drop-shadow(0 0 1rem rgba(var(--vendor-rgb), 0.5)) drop-shadow(0 0 2.5rem rgba(var(--vendor-rgb), 0.3)) drop-shadow(0 0 4rem rgba(var(--vendor-rgb), 0.15));
    }
    50%{
        filter:drop-shadow(0 0 1.5rem rgba(var(--vendor-rgb), 0.7)) drop-shadow(0 0 3.5rem rgba(var(--vendor-rgb), 0.5)) drop-shadow(0 0 6rem rgba(var(--vendor-rgb), 0.3));
    }
}

@keyframes btn-preview-glow{
    0%{ border-color:#eb831a; color:#eb831a; text-shadow:0 0 8px rgba(235,131,26,0.35); }
    2.5%{ border-color:#c75252; }
    5%{ border-color:#c77339; }
    7.5%{ border-color:#c7a93b; }
    10%{ border-color:#5fa85f; }
    12.5%{ border-color:#4f8db5; }
    15%{ border-color:#8d6bb5; }
    17.5%{ border-color:#b5609d; }
    20%{ border-color:#c75252; }
    22.5%{ border-color:#c77339; }
    25%{ border-color:#c7a93b; }
    27.5%{ border-color:#5fa85f; }
    30%{ border-color:#4f8db5; }
    32.5%{ border-color:#8d6bb5; }
    35%{ border-color:#b5609d; color:#eb831a; text-shadow:0 0 8px rgba(235,131,26,0.35); }
    40%, 100%{ border-color:#eb831a; color:#eb831a; text-shadow:0 0 8px rgba(235,131,26,0.35); }
}

@keyframes btn-preview-pulse{
    0%{ transform:translateZ(0) scale(1); }
    17%{ transform:translateZ(0) scale(1.025); }
    35%, 100%{ transform:translateZ(0) scale(1); }
}

@keyframes btn-vendor-pulse{
    0%, 100%{ transform:scale(1); }
    50%{ transform:scale(1.022); }
}

@keyframes t-slide-up-dealer{
    from{ opacity:0; transform:translateY(0.75rem); }
    to{ opacity:1; transform:translateY(0); }
}

@keyframes btn-deal-pulse-accept{
    0%, 100%{ box-shadow:0 0 0.5rem rgba(37, 227, 92, 0.25), 0 0 1rem rgba(37, 227, 92, 0.15); }
    50%{ box-shadow:0 0 0.9rem rgba(37, 227, 92, 0.55), 0 0 2rem rgba(37, 227, 92, 0.35); }
}

@keyframes btn-deal-pulse-reject{
    0%, 100%{ box-shadow:0 0 0.5rem rgba(227, 75, 37, 0.25), 0 0 1rem rgba(227, 75, 37, 0.15); }
    50%{ box-shadow:0 0 0.9rem rgba(227, 75, 37, 0.55), 0 0 2rem rgba(227, 75, 37, 0.35); }
}

@keyframes btn-auth-glow{
    0%, 100%{
        box-shadow:0 0 0.5rem rgba(50, 233, 111, 0.35), 0 0 1.25rem rgba(50, 233, 111, 0.2);
    }
    50%{
        box-shadow:0 0 1rem rgba(50, 233, 111, 0.65), 0 0 2.25rem rgba(50, 233, 111, 0.4);
    }
}

@keyframes btn-auth-sway{
    0%, 100%{ transform:translateX(0); }
    25%{ transform:translateX(-1px); }
    75%{ transform:translateX(1px); }
}

@keyframes header-logo-spin{
    from{ transform:rotate(0deg); }
    to{ transform:rotate(360deg); }
}

.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%, #343442 0%, #0E1016 100%);
}

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

@media (max-width: 1023px){

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

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

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

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

}

@media (min-width: 1024px) and (max-width: 1919px){
    html{
        font-size:clamp(0.640625rem, 0.222rem + 0.6417vw, 1rem) !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px){
    html{
        font-size:clamp(1.25rem, 0.55rem + 1.47vw, 1.625rem) !important;
    }
}

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:"IBM Plex Mono", sans-serif;
    --font-secondary:"Orbitron", sans-serif;
    --color-bg:#0E1016;
    --color-bg-lighter:#1a1d26;

    --color-white-1:#FFFFFF;
    --color-white-2:#B9C0D4;
    --color-white-3:#E2EFFF;



    --color-gray-1:#6b7280;
    --color-gray-2:#4a5060;

    --color-black-1:#0E1016;
    --color-black-2:#1A1E27;
    --color-black-3:#202534;
    --color-black-4:#22252B;


    --color-orange-1:#EB831A;

    --color-yellow-1:#FFD900;

    --color-blue-1:#66A8FF;

    --color-red-1:#E63415;

    --color-beige-1:#FFCB77;

    --color-violet-1:#8976FF;

    --color-green-1:#25E35C;
    --terminal-border:rgba(86, 105, 163, 0.45);
    --terminal-bg:rgba(14, 16, 22, 0.85);
    --terminal-inner-bg:rgba(20, 24, 34, 0.9);
    --terminal-inner-border:#65769E;
    --terminal-header-bg:rgba(30, 35, 50, 0.8);
    --terminal-header-border:rgba(100, 116, 160, 0.2);
    --terminal-footer-bg:rgba(30, 35, 50, 0.8);
    --terminal-footer-border:rgba(100, 116, 160, 0.2);
    --panel-bg:rgba(25, 30, 42, 0.6);
    --panel-border:rgba(100, 116, 160, 0.15);
    --panel-label-color:var(--color-gray-1);
    --dot-color:rgba(52, 52, 66, 0.6);
    --dot-size:3px;
    --dot-gap:40px;
    --vendor-primary:#5b7aaf;
    --vendor-glow:rgba(91, 122, 175, 0.3);
    --vendor-accent:#5b7aaf;

    --footer-height-dk:75px;
    --footer-height-mb:70px;
    --z-consent:10000;
    --z-logo:9000;
    --z-overlay:8000;
    --z-popup:7000;
    --z-content:1;
}

body{
    position:relative;
    font-family:var(--font-primary);
    color:var(--color-white-1);
    background:radial-gradient(ellipse 60% 55% at 50% 50%, #181b26 0%, #0e1016 60%);
    min-height:100vh;
    min-height:100dvh;
    display:flex;
    flex-direction:column;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

body::before{
        content:"";
        position:fixed;
        inset:0;
        background-image:radial-gradient(circle,
                rgba(90, 95, 115, 0.75) var(--dot-size),
                transparent var(--dot-size));
        background-size:var(--dot-gap) var(--dot-gap);
        pointer-events:none;
        z-index:0;
    }

body::after{
        content:"";
        position:fixed;
        inset:0;
        background-image:radial-gradient(circle,
                rgba(8, 10, 16, 0.95) var(--dot-size),
                transparent var(--dot-size));
        background-size:var(--dot-gap) var(--dot-gap);
        pointer-events:none;
        z-index:0;
        mask-image:radial-gradient(ellipse 130% 110% at 50% 50%,
                black 0%,
                black 25%,
                rgba(0, 0, 0, 0.5) 60%,
                transparent 85%);
        -webkit-mask-image:radial-gradient(ellipse 130% 110% at 50% 50%,
                black 0%,
                black 25%,
                rgba(0, 0, 0, 0.5) 60%,
                transparent 85%);
    }

.main{
    position:relative;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex:1;
    min-height:0;
    z-index:var(--z-content);
}

@media (max-width: 1023px){

.main{
        overflow:hidden;
}
    }

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

@media (max-width: 1023px){

.content{
        overflow:hidden;
}
    }

.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: 1023px){
    .dk{
        display:none;
    }

    .mb{
        display:block;
    }
}

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

.text-terminal-logo{
    color:var(--color-white-3);
    font-family:var(--font-secondary);
    font-size:clamp(1.125rem, 0.388vw + 1.034rem, 1.5rem);
    font-style:normal;
    font-weight:700;
    line-height:1.4;
    text-transform:uppercase;
}

.text-terminal-nav-link{
    color:var(--color-gray-1);
    font-family:var(--font-primary);
    font-size:clamp(1rem, 0.259vw + 0.939rem, 1.25rem);
    font-style:normal;
    font-weight:400;
    line-height:1.4; 
}

.text-terminal-casual{
    color:var(--color-gray-1);
    font-family:var(--font-primary);
    font-size:clamp(0.875rem, 0.259vw + 0.814rem, 1.125rem);
    font-style:normal;
    font-weight:400;
    line-height:1.4; 
}

.text-chat-default{
    color:var(--color-white-1);
    font-size:clamp(1rem, 0.259vw + 0.939rem, 1.25rem);
    font-family:var(--font-primary);
    font-style:normal;
    font-weight:400;
    line-height:1.4;
}

.text-chat-deal{
    color:var(--color-black-4);
    font-size:clamp(1rem, 0.259vw + 0.939rem, 1.25rem);
    font-family:var(--font-primary);
    font-style:normal;
    font-weight:400;
    line-height:1.4;
}

.text-preview-title{
    color:var(--color-white-3);
    font-size:clamp(1.5rem, 1.294vw + 1.197rem, 2.75rem);
    font-family:var(--font-secondary);
    font-style:normal;
    font-weight:700;
    line-height:1.1;
    text-transform:uppercase;
    text-shadow:0 0 5px rgba(255, 255, 255, 0.486);
}

.text-preview-gun-info{
    color:var(--color-white-1);
    font-size:clamp(1rem, 1.036vw + 0.757rem, 2rem);
    font-family:var(--font-primary);
    font-style:normal;
    font-weight:400;
    line-height:1.4;
    text-transform:uppercase;
}

.text-finish-title{
    color:var(--color-white-1);
    font-size:clamp(1.563rem, 2.006vw + 1.092rem, 3.5rem);
    font-family:var(--font-secondary);
    font-style:normal;
    font-weight:700;
    line-height:1.2;
    text-transform:uppercase;
}

.text-uppercase{
    text-transform:uppercase;
}

.text-white-1{
    color:var(--color-white-1);
}

.text-orange-1{
    color:var(--color-orange-1);
}

.text-blue-1{
    color:var(--color-blue-1);
}

.text-red-1{
    color:var(--color-red-1);
}

.text-beige-1{
    color:var(--color-beige-1);
}

.text-violet-1{
    color:var(--color-violet-1);
}

.text-black-4{
    color:var(--color-black-4);
}

.text-green-1{
    color:var(--color-green-1);
}

.btn-preview{
    display:inline-flex;
    align-items:center;
    justify-content:center;
 
    height:6rem;
    padding:1.5rem 2.5rem;
    border:2px solid #eb831a;
    border-radius:0.375rem;
    background:transparent;
    color:#eb831a;
    font-family:var(--font-primary);
    font-size:clamp(1.875rem, 0.62vw + 1.7rem, 2.5rem);
    font-weight:400;
    line-height:1.4;
    text-transform:uppercase;
    white-space:nowrap;
    cursor:pointer;
    -webkit-user-select:none;
            user-select:none;
    transition:border-color 0.25s ease-out, color 0.25s ease-out, box-shadow 0.25s ease-out, text-shadow 0.25s ease-out, transform 0.25s ease-out;
    animation:btn-preview-glow 4s ease-in-out infinite, btn-preview-pulse 4s ease-in-out infinite;
    will-change:transform;
    backface-visibility:hidden;
    transform:translateZ(0);
}

@media (max-width: 1023px){

.btn-preview{
        height:clamp(2.25rem, 8vw, 3.5rem);
        padding:clamp(0.4rem, 1.6vw, 0.75rem) clamp(0.75rem, 3vw, 1.25rem);
        font-size:clamp(0.875rem, 3.4vw, 1.25rem) !important;
        border:1px solid #eb831a;
}
    }

@media (hover: hover){
    .btn-preview:hover{
        animation:none;
        border-color:#FFD900;
        color:#FFD900;
        box-shadow:0 0 15px #ffd90056;
        text-shadow:0 0 25px #ffd900af;
    }

        .btn-preview:hover .btn-preview__dices{
            filter:saturate(1) drop-shadow(0 0 25px #ffd9007e);
            transform:scale(1.1) translateX(3px);
        }
}

@media (hover: none){
    .btn-preview:active{
        animation:none;
        border-color:#FFD900;
        color:#FFD900;
        box-shadow:0 0 15px #ffd90056;
        text-shadow:0 0 25px #ffd900af;
    }

        .btn-preview:active .btn-preview__dices{
            filter:saturate(1) drop-shadow(0 0 25px #ffd9007e);
            transform:scale(1.1) translateX(3px);
        }
}

.btn-preview:active{
    animation:none;
    transform:translateY(3px);
    transition:none;
}

.btn-preview__dices{
    width:2.25rem;
    height:2.25rem;
    object-fit:contain;
    transition:filter 0.25s ease-out, transform 0.25s ease-out;
    margin-left:12px;
}

@media (max-width: 1023px){

.btn-preview__dices{
        width:clamp(1.1rem, 4vw, 1.75rem);
        height:clamp(1.1rem, 4vw, 1.75rem);
        margin-left:0.4rem;
}
    }

.btn-enter{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:6rem;
    padding:1.25rem 2rem;
    border:none;
    border-radius:0.375rem;
    background:none;
    color:var(--color-wihite-1);
    font-family:var(--font-primary);
    font-size:2.25rem;
    font-weight:500;
    line-height:1.4;
    text-transform:uppercase;
    white-space:nowrap;
    cursor:pointer;
    -webkit-user-select:none;
            user-select:none;
    overflow:hidden;
    z-index:0;
    transition:box-shadow 0.25s ease-out, filter 0.25s ease-out;
}

@media (max-width: 1023px){

.btn-enter{
        height:clamp(2.75rem, 10vw, 3.75rem);
        padding:clamp(0.5rem, 2vw, 1rem) clamp(1rem, 4vw, 1.75rem);
        font-size:clamp(1.1rem, 4.3vw, 1.6rem);
}
    }

.btn-enter::before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:300%;
    aspect-ratio:1;
    transform:translate(-50%, -50%);
    background:conic-gradient(
        #eb831a,
        #ffd900,
        #eb521a,
        #ff6b35,
        #d4461a,
        #ffc107,
        #eb831a
    );
    animation:btn-border-spin 3.5s linear infinite;
    will-change:transform;
    z-index:-2;
}

.btn-enter::after{
    content:"";
    position:absolute;
    inset:3px;
    border-radius:0.25rem;
    background:linear-gradient(110deg, transparent 25%, rgba(255, 230, 180, 0.12) 37%, rgba(255, 255, 255, 0.18) 42%, transparent 55%), linear-gradient(111.76deg, #eb831a 0%, #eb521a 100%);
    background-size:300% 100%, 100% 100%;
    animation:btn-shimmer 5s ease-in-out infinite;
    will-change:background-position;
    z-index:-1;
}

@media (max-width: 1023px){

.btn-enter::after{
        inset:2px;
}
    }

.btn-enter:hover{
    box-shadow:0 0 0.5rem #ffd9007a, 0 0 2.5rem #ff3c007c, inset 0 0 3.75rem #ffd90077, inset 0 0 1.25rem #ffd90060;
}

.btn-vendor{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:7.125rem;
    padding:1.25rem 1.875rem;
    border:2px solid var(--terminal-border);
    border-radius:0.375rem;
    background-color:#22252B;
    color:var(--color-white-1);
    font-family:var(--font-primary);
    font-size:clamp(2.5rem, 0.518vw + 2.379rem, 4rem);
    font-weight:400;
    line-height:1.4;
    text-transform:uppercase;
    white-space:nowrap;
    cursor:pointer;
    -webkit-user-select:none;
            user-select:none;
    overflow:hidden;
    transition:background-color 0.3s ease-out, border-color 0.3s ease-out, color 0.3s ease-out, box-shadow 0.3s ease-out, transform 0.3s ease-out;
}

.btn-vendor span{
        pointer-events:none;
    }

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

.btn-vendor{
        flex:1 1 0;
        height:auto;
        min-height:0;
        padding:0.75rem 1.5rem;
        font-size:clamp(2.5rem, 1.4vw + 1.25rem, 4rem);
}
    }

@media (min-width: 1920px){

.btn-vendor{
        flex:1 1 0;
        height:auto;
        min-height:0;
}
    }

@media (max-width: 1023px){

.btn-vendor{
        flex:1 1 0;
        height:auto;
        min-height:0;
        padding:0.25rem 0.75rem;
        font-size:clamp(0.65rem, 3.8cqh, 2rem) !important;
        border-width:1px;
        border-radius:0.25rem;
        container-type:size;
}
    }

.btn-vendor::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, 0.07) 37%, rgba(255, 255, 255, 0.11) 42%, transparent 55%);
    background-size:300% 100%;
    animation:btn-shimmer 8s ease-in-out infinite;
    will-change:background-position;
    pointer-events:none;
    z-index:1;
}

.btn-vendor--hell::before{ animation-delay:0s; }

.btn-vendor--key::before{ animation-delay:-2.7s; }

.btn-vendor--club::before{ animation-delay:-5.3s; }

.btn-vendor::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    opacity:0;
    transition:opacity 0.3s ease-out;
    pointer-events:none;
    z-index:0;
}

.btn-vendor:hover::after{
    opacity:1;
}

.btn-vendor span{
    position:relative;
    z-index:1;
}

.btn-vendor--hell{
    background:radial-gradient(ellipse 100% 900% at center, rgba(230, 63, 21, 0.7) 0%, rgba(181, 56, 27, 0.5) 25%, rgba(132, 50, 32, 0.3) 50%, rgba(34, 37, 43, 0) 100%), #22252B;
}

.btn-vendor--hell::after{
    background:linear-gradient(113.92deg, #FFA81B 0%, #E63415 100%);
    box-shadow:inset 0 0 1.25rem #ffd900;
}

.btn-vendor--hell:hover{
    border-color:rgba(255, 38, 0, 1);
    box-shadow:0 0 0.625rem rgba(255, 38, 0, 0.6), 0 0 1.25rem rgba(255, 38, 0, 0.5), 0 0 2.5rem rgba(255, 38, 0, 0.4), 0 0 3.75rem rgba(255, 38, 0, 0.5);
}

.btn-vendor--key{
    background:radial-gradient(ellipse 100% 900% at center, rgba(255, 203, 119, 0.7) 0%, rgba(200, 162, 100, 0.5) 25%, rgba(145, 120, 81, 0.3) 50%, rgba(89, 79, 62, 0.15) 75%, rgba(34, 37, 43, 0) 100%), #22252B;
}

.btn-vendor--key::after{
    background:linear-gradient(113.92deg, #ffcb77d3 0%, #FF9D00 100%);
    box-shadow:inset 0 0 1.25rem #ffcb77;
}

.btn-vendor--key:hover{
    border-color:rgba(255, 203, 119, 1);
    box-shadow:0 0 0.625rem rgba(255, 203, 119, 0.3), 0 0 1.25rem rgba(255, 203, 119, 0.45), 0 0 2.5rem rgba(255, 203, 119, 0.4), 0 0 3.75rem rgba(255, 203, 119, 0.5);
}

.btn-vendor--club{
    background:radial-gradient(ellipse 100% 900% at center, rgba(90, 67, 232, 0.7) 0%, rgba(76, 59, 185, 0.5) 25%, rgba(62, 52, 137, 0.3) 50%, rgba(34, 37, 43, 0) 100%), #22252B;
}

.btn-vendor--club::after{
    background:linear-gradient(113.92deg, #5C49D0 0%, #3623A7 100%);
    box-shadow:inset 0 0 1.25rem rgba(162, 147, 255, 0.82);
}

.btn-vendor--club:hover{
    border-color:rgb(97, 78, 221);
    box-shadow:0 0 0.625rem rgba(92, 73, 208, 0.8), 0 0 1.25rem rgba(92, 73, 208, 0.7), 0 0 2.5rem rgba(92, 73, 208, 0.6), 0 0 3.75rem rgba(92, 73, 208, 0.8);
}

.terminal.terminal--vendor .btn-vendor.btn-vendor--hell{
    animation:t-slide-down 0.4s ease-out 0.15s both, btn-vendor-pulse 3s ease-in-out 0.6s infinite;
}

.terminal.terminal--vendor .btn-vendor.btn-vendor--key{
    animation:t-slide-down 0.4s ease-out 0.30s both, btn-vendor-pulse 3s ease-in-out 1.7s infinite;
}

.terminal.terminal--vendor .btn-vendor.btn-vendor--club{
    animation:t-slide-down 0.4s ease-out 0.45s both, btn-vendor-pulse 3s ease-in-out 2.8s infinite;
}

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

@media (max-width: 1023px){

.header{
		padding:0.6rem 0.6rem;
}
	}

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

.header{
		padding:1.5rem;
}
	}

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

.header{
		padding:1.25rem;
}
	}

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

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

.header__logo{
		padding:0rem 0.3rem;
}
	}

@media (max-width: 767px){

.header__logo{
		padding:0.8rem 1.2rem;
}
	}

.header__logo-img{
	height:3.2rem;
	filter:invert(35%) sepia(77%) saturate(458%) hue-rotate(350deg) brightness(110%) contrast(109%) grayscale(15%);


	transition:filter 0.125s ease-out, transform 0.125s ease-out;
}

@media (max-width: 1023px){

.header__logo-img{
		height:1.4rem;
		transition:none;
}
	}

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

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

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

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

@media (min-width: 2560px){

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

@media (min-width: 3840px){

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

.header__logo-img:hover{
		transform:translateX(1%);
		filter:invert(35%) sepia(77%) saturate(458%) hue-rotate(350deg) brightness(170%) contrast(109%) grayscale(5%);
	}

@media (max-width: 1023px){

.header__logo-img:hover{
			transform:none;
	}
		}

body.show .header{
	opacity:1;
}

.footer{
    position:relative;
    z-index:5001;
    width:100%;
    height:var(--footer-height-dk);
    font-family:var(--font-secondary);
    font-size:clamp(0.875rem, 0.259vw + 0.814rem, 1.125rem);
    font-weight:400;
    color:var(--color-white-2);
    background:linear-gradient(90deg, #191b20 0%, rgba(34, 37, 43, 0.00) 100%), #22252B;
    border-top:1px solid var(--terminal-border);
    padding:1.7rem clamp(2rem, 9vw, 9.3rem);
    box-shadow:0 -10px 25px -10px rgba(0, 0, 0, 0.25);
    border-radius:0.375rem;
}

@media (max-width: 1023px){

.footer{
        height:auto;
        min-height:var(--footer-height-mb);
        transform:translateY(calc(var(--footer-height-mb) * 2));
        padding:clamp(0.5rem, 2vw, 0.75rem) clamp(0.75rem, 3vw, 1.25rem);
        font-size:clamp(0.65rem, 2.8vw, 0.8rem);
        display:flex;
        align-items:center;
        justify-content:center;
}
    }

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

.footer{
        height:auto;
        min-height:var(--footer-height-tb);
        padding:1rem clamp(1.5rem, 4vw, 4rem);
        display:flex;
        align-items:center;
        font-size:clamp(0.65rem, 1.3vw, 0.85rem);
}
    }

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

.footer{
        height:auto;
        min-height:var(--footer-height-lp);
        padding:1rem clamp(1.5rem, 4vw, 4rem);
        display:flex;
        align-items:center;
}
    }

.footer .footer__content{

        display:flex;
        align-items:center;
    }

@media (max-width: 1023px){

.footer .footer__content{
            flex-wrap:wrap;
            justify-content:center;
            align-content:center;
            min-height:100%;
            gap:clamp(0.2rem, 1vw, 0.4rem);
    }
        }

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

.footer .footer__content{
            display:grid;
            grid-template-columns:auto 1fr;
            grid-template-rows:auto auto;
            align-items:center;
            gap:0.3rem 1.5rem;
            width:100%;
    }
        }

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

.footer .footer__content{
            display:grid;
            grid-template-columns:auto 1fr;
            grid-template-rows:auto auto;
            align-items:center;
            gap:0.4rem 2rem;
            width:100%;
    }
        }

:is(.footer .footer__content) .footer__lang{
            display:none !important;
        }

:is(.footer .footer__content) .footer__steam{
            display:flex;
            align-items:center;
            gap:1.5rem;
            -webkit-user-select:none;
                    user-select:none;
        }

@media (max-width: 1023px){

:is(.footer .footer__content) .footer__steam{
                gap:clamp(0.5rem, 2vw, 1rem);
                order:2;
        }
            }

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

:is(.footer .footer__content) .footer__steam{
                grid-column:1;
                grid-row:2;
                gap:clamp(0.4rem, 1vw, 1rem);
        }
            }

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

:is(.footer .footer__content) .footer__steam{
                grid-column:1;
                grid-row:2;
                gap:clamp(0.5rem, 1vw, 1.5rem);
        }
            }

:is(:is(.footer .footer__content) .footer__steam) span{
                color:#b9c0d479;
                font-size:calc(clamp(0.875rem, 0.259vw + 0.814rem, 1.125rem) - 0.575rem);
            }

@media (max-width: 1023px){

:is(:is(.footer .footer__content) .footer__steam) span{
                    font-size:clamp(0.5rem, 2.2vw, 0.65rem);
            }
                }

:is(:is(:is(.footer .footer__content) .footer__steam) span) a{
                    color:var(--color-white-2);
                    transition:color 0.2s ease;
                }

:is(:is(:is(:is(.footer .footer__content) .footer__steam) span) a):hover{
                        color:var(--color-blue-1);
                    }

:is(.footer .footer__content) .footer__copy{
            margin:0 auto;
            display:flex;
            align-items:center;
            gap:2.25rem;
            -webkit-user-select:none;
                    user-select:none;
        }

@media (max-width: 1023px){

:is(.footer .footer__content) .footer__copy{
                gap:clamp(0.5rem, 2vw, 1rem);
                margin:0;
                order:3;
        }
            }

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

:is(.footer .footer__content) .footer__copy{
                grid-column:1;
                grid-row:1;
                margin:0;
                gap:clamp(0.5rem, 1.2vw, 1.5rem);
        }
            }

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

:is(.footer .footer__content) .footer__copy{
                grid-column:1;
                grid-row:1;
                margin:0;
                gap:clamp(0.75rem, 1.5vw, 2.25rem);
        }
            }

:is(:is(.footer .footer__content) .footer__copy) span{
                color:#b9c0d479;
            }

:is(.footer .footer__content) .footer__terms{
            display:flex;
            align-items:center;
            gap:2.25rem;
        }

@media (max-width: 1023px){

:is(.footer .footer__content) .footer__terms{
                width:100%;
                justify-content:center;
                gap:clamp(1rem, 4vw, 2rem);
                order:1;
                margin-bottom:clamp(0.25rem, 1vw, 0.5rem);
                font-size:0.65rem;
        }
            }

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

:is(.footer .footer__content) .footer__terms{
                grid-column:2;
                grid-row:1 / 3;
                align-self:center;
                justify-self:end;
                gap:clamp(0.75rem, 1.5vw, 1.5rem);
        }
            }

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

:is(.footer .footer__content) .footer__terms{
                grid-column:2;
                grid-row:1 / 3;
                align-self:center;
                justify-self:end;
                gap:clamp(1rem, 2vw, 2.25rem);
        }
            }

:is(:is(.footer .footer__content) .footer__terms) a{
                transition:color 0.2s ease;
            }

:is(:is(:is(.footer .footer__content) .footer__terms) a):hover{
                    color:var(--color-blue-1);
                }

.coockie-banner{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:var(--z-consent);
    background:linear-gradient(90deg, #191b20 0%, rgba(34, 37, 43, 0.00) 100%), #22252B;
    padding:1rem 1rem;
    border-top:1px solid var(--terminal-border);
}

@media (max-width: 1023px){

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

.coockie-banner{

    transform:translateY(300px);
}

.coockie-banner.show{
    display:block;
    animation:coockie-in 0.5s forwards ease-in-out;
    animation-delay:1.5s;
}

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

@media (max-width: 1023px){

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

.coockie-banner__inner h3{
        color:var(--color-orange-1);
        font-family:var(--font-secondary);
        font-size:1rem;
        font-weight:700;
        line-height:normal;
        margin-bottom:10px;
        text-transform:uppercase;
        -webkit-user-select:none;
                user-select:none;
    }

@media (max-width: 1023px){

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

.coockie-banner__text{
    flex:1;
    font-size:0.8rem;
    color:var(--color-white-3);
    max-width:1000px;
    font-family:var(--font-primary);
    -webkit-user-select:none;
            user-select:none;
}

@media (max-width: 1023px){

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

.coockie-banner__text span{
    }

.coockie-banner__link{
    color:var(--color-blue-1);
    text-decoration:underline;
    font-weight:700;
}

.coockie-banner__btn{
    height:auto;
    padding:0.9rem 2rem;
    font-size:1rem;
    align-self:flex-end;
    animation:none;
}

@media (max-width: 1023px){

.coockie-banner__btn{
        padding:0.7rem 1rem;
        font-size:0.8rem;
        margin-top:0.25rem;
}
    }

.terms{
  max-width:1200px;
  margin:2rem auto;
  padding:3rem 3rem;
    background:linear-gradient(90deg, #191b20 0%, rgba(34, 37, 43, 0.00) 100%), #22252B;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    border:1px solid var(--terminal-border);
    border-radius:0.375rem;

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

@media (max-width: 1023px){

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

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

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

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

.terms p{
    font-size:0.9rem;
    line-height:1.7;
    margin-bottom:0.75rem;
    color:var(--color-white-3);
  }

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

.terms ol{
    list-style:decimal;
  }

.terms li{
    font-size:0.9rem;
    line-height:1.7;
    margin-bottom:0.25rem;
    color:var(--color-white-3);
  }

.terms strong{
    font-weight:700;
  }

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

.auth-popup{
    display:none;
    position:fixed;
    inset:0;
    z-index:100;
    align-items:center;
    justify-content:center;
}

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

.auth-popup__overlay{
    position:absolute;
    inset:0;
    background:radial-gradient(ellipse at center,
            color-mix(in srgb, var(--vendor-primary) 30%, transparent),
            transparent 70%), rgba(0, 0, 0, 0.9);
}

.auth-popup__modal{
    position:relative;
    width:52rem;
    height:28rem;
}

@media (max-width: 1023px){

.auth-popup__modal{
        width:calc(100vw - 2rem);
        height:auto;
        aspect-ratio:0.82;
        max-height:calc(100vh - 2rem);
}
    }

.auth-popup__modal{
    border-radius:0.375rem;
    overflow:hidden;
    background:radial-gradient(ellipse at 100% 100%,
            rgba(51, 121, 66, 1) 8%,
            rgba(42, 79, 55, 0.5) 54%,
            rgba(34, 37, 43, 0) 100%), linear-gradient(90deg, #2C3038, rgba(34, 37, 43, 0)), #22252B;
    box-shadow:0 0 0.625rem rgba(50, 233, 111, 0.7), 0 0 1.25rem rgba(50, 233, 111, 0.6), 0 0 2.5rem rgba(50, 233, 111, 0.5), 0 0 3.75rem rgba(50, 233, 111, 0.7);
    z-index:1;
    animation:popup-appear 0.35s ease-out both;
}

.auth-popup__close{
    position:absolute;
    top:1rem;
    right:1.25rem;
    color:var(--color-white-2);
    font-family:var(--font-primary);
    font-size:1.15rem;
    line-height:1;
    z-index:6;
    cursor:pointer;
    text-decoration:none;
    opacity:0.5;
    transition:opacity 0.2s ease;
    -webkit-user-select:none;
            user-select:none;
}

.auth-popup__close:hover{
    opacity:1;
}

.auth-popup__decor{
    position:absolute;
    mix-blend-mode:color-dodge;
    pointer-events:none;
    z-index:1;
}

.auth-popup__decor--1{
    width:14.4rem;
    height:auto;
    top:26%;
    left:34%;
    transform:rotate(-27deg);
}

@media (max-width: 1023px){

.auth-popup__decor--1{
        top:30%;
        left:10%;
}
    }

.auth-popup__decor--2{
    width:19.4rem;
    height:auto;
    top:20%;
    left:-6%;
    transform:rotate(-153deg) scaleY(-1);
}

@media (max-width: 1023px){

.auth-popup__decor--2{
        display:none;
}
    }

.auth-popup__pattern{
    position:absolute;
    inset:0;
    background:url("/images/cross-pattern.svg") repeat 0 0 / 3.5rem 3.5rem;
    opacity:0.45;
    pointer-events:none;
    z-index:2;
}

.auth-popup__title{
    position:relative;
    z-index:3;
    font-family:var(--font-secondary);
    font-size:4.8rem;
    font-weight:700;
    line-height:0.95;
    text-transform:uppercase;
    background:linear-gradient(54deg, #E2EFFF 20%, #25E35C 94%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    width:33rem;
    margin:2.4rem 0 0 2.4rem;
    -webkit-user-select:none;
            user-select:none;
}

@media (max-width: 1023px){

.auth-popup__title{
        font-size:clamp(3rem, 13vw, 5rem);
        width:auto;
        margin:1.25rem 1.25rem 0 1.25rem;
}
    }

.auth-popup__subtitle{
    position:relative;
    z-index:3;
    color:#25e35c;
    font-weight:500;
    width:13.7rem;
    margin:1rem 0 0 2.6rem;
    -webkit-user-select:none;
            user-select:none;
}

@media (max-width: 1023px){

.auth-popup__subtitle{
        font-size:clamp(0.85rem, 3.2vw, 1rem);
        margin:0.75rem 1.25rem 0 1.25rem;
        width:10.5rem;
}
    }

.auth-popup__status{
    position:relative;
    z-index:3;
    display:flex;
    flex-direction:column;
    gap:0.5rem;
    margin:1rem 0 0 2.4rem;
    -webkit-user-select:none;
            user-select:none;
}

@media (max-width: 1023px){

.auth-popup__status{
        font-size:clamp(0.7rem, 3vw, 0.95rem);
        margin:0.75rem 1.25rem 0 1.25rem;
        gap:0.3rem;
}
    }

@media (max-width: 1023px){

.auth-popup__status-sep{
        width:1.5rem !important;
        margin:0 0.5rem;
}
    }

.auth-popup__status-line{
    color:#e2efff;
    font-weight:500;
    line-height:1.4;
    display:flex;
    align-items:center;
    gap:0;
}

.auth-popup__status-line--block{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.auth-popup__status-sep{
    display:inline-block;
    width:3.5rem;
    height:1px;
    background:#e2efff;
    margin:0 1rem;
    opacity:0.5;
}

.auth-popup__btn{
    position:absolute;
    left:2.4rem;
    bottom:2.4rem;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:center;
    height:3.75rem;
    padding:1.25rem 1.85rem;
}

@media (max-width: 1023px){

.auth-popup__btn{
        left:0.85rem;
        right:0.85rem;
        bottom:1.25rem;
        height:clamp(3rem, 11vw, 3.75rem);
        padding:0.6rem 1rem;
        font-size:clamp(0.85rem, 3.4vw, 1.15rem) !important;
        border-radius:0.375rem;
}
    }

.auth-popup__btn{
    border:2px solid transparent;
    border-radius:0.375rem;
    background:linear-gradient(140deg, rgb(37, 227, 92) 0%, rgb(12, 192, 64) 100%);
    font-family:var(--font-primary);
    font-size:2rem;
    font-weight:400;
    line-height:1.4;
    color:var(--color-white-1);
    text-transform:uppercase;
    text-decoration:none;
    white-space:nowrap;
    cursor:pointer;
    -webkit-user-select:none;
            user-select:none;
    overflow:hidden;
    transition:box-shadow 0.3s ease;
    box-shadow:0 0 30px var(--color-black-4);
}

.auth-popup__btn:hover{
    box-shadow:0 0 10px rgba(50, 233, 111, 0.7), 0 0 20px rgba(50, 233, 111, 0.6), 0 0 40px rgba(50, 233, 111, 0.5), 0 0 60px rgba(50, 233, 111, 0.7);
}

.auth-popup__btn:hover::before{
    opacity:1;
}

.auth-popup__btn::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    box-shadow:inset 0 0 20px #69ff9b;
    pointer-events:none;
    z-index:1;
    opacity:0;
    transition:opacity 0.3s ease;
}

.auth-popup__btn span{
    position:relative;
    z-index:2;
}

.auth-popup__dude{
    position:absolute;
    width:36.8rem;
    height:36.8rem;
    right:-5rem;
    top:-3.5rem;
}

@media (max-width: 1023px){

.auth-popup__dude{
        width:auto;
        height:24rem;
        right:-5.5rem;
        top:auto;
        bottom:-3.5rem;
}
    }

.auth-popup__dude{
    object-fit:cover;
    pointer-events:none;
    z-index:4;
    filter:drop-shadow(0 0 5px rgba(56, 255, 92, 0.1)) drop-shadow(0 0 10px rgba(56, 255, 92, 0.2)) drop-shadow(0 0 20px rgba(56, 255, 92, 0.3));
}

@media (max-width: 374px){

.auth-popup[data-popup="reward"] .auth-popup__dude{
        transform:rotate(-12deg) !important;
        height:18.5rem !important;
        bottom:-4.5rem !important;
        right:-4rem !important;
}
    }

@media (max-width: 1023px){

.auth-popup[data-popup="reward"] .auth-popup__dude{
        transform:rotate(-30deg);
        height:20rem;
        bottom:-4.5rem;
        right:-4rem;
}
    }

.auth-popup__inner-glow{
    position:absolute;
    inset:0;
    border-radius:inherit;
    box-shadow:inset 0 0 20px #69ff9b;
    pointer-events:none;
    z-index:4;
}

.terminal{
    position:relative;
    width:88.5%;
    height:85vh;
    display:flex;
    flex-direction:column;
    overflow:hidden;


    border-radius:1.25rem;
    background:linear-gradient(90deg, rgba(40, 44, 51, 0.4) 0%, rgba(34, 37, 43, 0.00) 100%), #0D0D0F;
    background-blend-mode:screen, normal;
    box-shadow:0 0 8px 0 rgba(69, 70, 110, 0.6) inset, 0 12px 30px 0 rgba(0, 0, 0, 0.80);
}

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

.terminal{
        width:92%;
        height:85vh;
}
    }

@media (min-width: 1920px){

.terminal{
        max-height:1100px;
}
    }

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

.terminal{
        width:96%;
        height:90vh;
        border-radius:10px;
}
    }

@media (max-width: 1023px){

.terminal{
        width:100%;
        height:100vh;
        height:100dvh;
        padding-bottom:env(safe-area-inset-bottom);
        box-sizing:border-box;
        border-radius:0;
        border:none;
}
    }

.terminal__inner{
    display:flex;
    flex-direction:column;
    flex:1;
    min-height:0;
    margin:1.25rem;
    overflow:hidden;

    border-radius:0.75rem;
    border:2px solid var(--color-black-1);
    background:linear-gradient(270deg, rgba(48, 53, 61, 0.2) 0.51%, rgba(34, 37, 43, 0.00) 100.24%), #101113;
    background-blend-mode:screen, normal;
    box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.60) inset;
}

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

.terminal__inner{
        margin:0.875rem;
        border-width:0;
        outline:2px solid var(--color-black-1);
        outline-offset:-2px;
}
    }

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

.terminal__inner{
        margin:14px;
}
    }

@media (max-width: 1023px){

.terminal__inner{
        margin:0.5rem;
        border-radius:6px;
        border-width:1px;
}
    }

.terminal__body{
    display:grid;
    grid-template-columns:1.5fr 2.5fr;
    gap:1.25rem;
    flex:1;
    min-height:0;
    padding:0 1.25rem;
}

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

.terminal__body{
        gap:0.875rem;
        padding:0 0.875rem;
}
    }

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

.terminal__body{
        gap:14px;
        padding:0 14px 14px 14px;
}
    }

@media (max-width: 1023px){

.terminal__body{
        display:flex;
        flex-direction:column;
        gap:0.3rem;
        padding:0 0.5rem;
}
    }

@media (max-width: 1023px){
        .terminal__body .terminal-preview{ order:1; flex:1.35 1 0; min-height:0; }
        .terminal__body .terminal-chat{ order:2; flex:1 1 0; min-height:0; }
    }

.terminal__body:has(.btn-vendor--hell:hover) .dealer-showcase__img--hell{
    transform:scale(1.5) translateY(15%) !important;
    filter:drop-shadow(0 0 2.5rem rgba(230, 63, 21, 0.55)) drop-shadow(0 0 4rem rgba(230, 63, 21, 0.3)) !important;
    z-index:5;
}

.terminal__body:has(.btn-vendor--hell:hover) .dealer-showcase__img--key{
    filter:blur(2px) grayscale(50%) drop-shadow(0 0 1.5rem rgba(255, 203, 119, 0.6)) drop-shadow(0 0 3rem rgba(255, 203, 119, 0.3)) !important;
}

.terminal__body:has(.btn-vendor--hell:hover) .dealer-showcase__img--club{
    filter:blur(2px) grayscale(50%) drop-shadow(0 0 1.5rem rgba(92, 73, 208, 0.6)) drop-shadow(0 0 3rem rgba(92, 73, 208, 0.3)) !important;
}

.terminal__body:has(.btn-vendor--key:hover) .dealer-showcase__img--key{
    transform:scale(1.625) translateY(15%) !important;
    filter:drop-shadow(0 0 2.5rem rgba(255, 203, 119, 0.5)) drop-shadow(0 0 4rem rgba(255, 203, 119, 0.3)) !important;
    z-index:5;
}

.terminal__body:has(.btn-vendor--key:hover) .dealer-showcase__img--hell{
    filter:blur(2px) grayscale(50%) drop-shadow(0 0 1.5rem rgba(230, 63, 21, 0.6)) drop-shadow(0 0 3rem rgba(230, 63, 21, 0.3)) !important;
}

.terminal__body:has(.btn-vendor--key:hover) .dealer-showcase__img--club{
    filter:blur(2px) grayscale(50%) drop-shadow(0 0 1.5rem rgba(92, 73, 208, 0.6)) drop-shadow(0 0 3rem rgba(92, 73, 208, 0.3)) !important;
}

.terminal__body:has(.btn-vendor--club:hover) .dealer-showcase__img--club{
    transform:scale(1.5) translateY(15%) !important;
    filter:drop-shadow(0 0 2.5rem rgba(92, 73, 208, 0.6)) drop-shadow(0 0 4rem rgba(92, 73, 208, 0.3)) !important;
    z-index:5;
}

.terminal__body:has(.btn-vendor--club:hover) .dealer-showcase__img--hell{
    filter:blur(3px) grayscale(50%) drop-shadow(0 0 1.5rem rgba(230, 63, 21, 0.6)) drop-shadow(0 0 3rem rgba(230, 63, 21, 0.3)) !important;
}

.terminal__body:has(.btn-vendor--club:hover) .dealer-showcase__img--key{
    filter:blur(2px) grayscale(50%) drop-shadow(0 0 1.5rem rgba(255, 203, 119, 0.6)) drop-shadow(0 0 3rem rgba(255, 203, 119, 0.3)) !important;
}

.terminal:not(.terminal--reveal) .terminal__inner{
    opacity:0;
}

.terminal--reveal .terminal__inner{
    animation:t-power-on 0.6s ease-out both;
}

.terminal--reveal .terminal-header{
    animation:t-scanline 0.5s ease-out 0.15s both;
}

.terminal--reveal .terminal-header__logo{
    animation:t-scan-in 0.45s ease-out 0.35s both;
}

.terminal--reveal .terminal-header__nav-link:nth-child(1){
    animation:t-fade-in 0.3s ease-out 0.48s both;
}

.terminal--reveal .terminal-header__nav-link:nth-child(2){
    animation:t-fade-in 0.3s ease-out 0.54s both;
}

.terminal--reveal .terminal-header__nav-link:nth-child(3){
    animation:t-fade-in 0.3s ease-out 0.60s both;
}

.terminal--reveal .terminal-header__icon:nth-child(1){
    animation:t-fade-in 0.3s ease-out 0.55s both;
}

.terminal--reveal .terminal-header__icon:nth-child(2){
    animation:t-fade-in 0.3s ease-out 0.60s both;
}

.terminal--reveal .terminal-header__icon:nth-child(3){
    animation:t-fade-in 0.3s ease-out 0.65s both;
}

.terminal--reveal .terminal-chat{
    animation:t-scale-in 0.5s ease-out 0.35s both;
}

.terminal--reveal .terminal-preview{
    animation:t-scale-in 0.5s ease-out 0.45s both;
}

.terminal--reveal .terminal-chat__label{
    animation:t-scan-in 0.4s ease-out 0.6s both;
}

.terminal--reveal .terminal-preview__label{
    animation:t-scan-in 0.4s ease-out 0.65s both;
}

.terminal--reveal .terminal-preview__scope{
    animation:t-scope-in 0.45s ease-out 0.5s both;
}

.terminal--reveal .terminal-chat__actions{
    animation:t-fade-in 0.4s ease-out 0.7s both;
}

.terminal--reveal .terminal-footer{
    animation:t-slide-up 0.4s ease-out 0.8s both;
}

.terminal--vendor .chat-msg{
    display:none;
}

.terminal--vendor .terminal-header__logo{
    animation:t-scan-in 0.5s ease-out both;
}

.terminal--vendor .terminal-chat__actions{
    animation:t-slide-up 0.45s ease-out 0.2s both;
}

.terminal--vendor .btn-vendor:nth-child(1){
    animation:t-slide-down 0.4s ease-out 0.15s both;
}

.terminal--vendor .btn-vendor:nth-child(2){
    animation:t-slide-down 0.4s ease-out 0.30s both;
}

.terminal--vendor .btn-vendor:nth-child(3){
    animation:t-slide-down 0.4s ease-out 0.45s both;
}

.terminal--vendor .dealer-showcase__img:nth-child(3){
    animation:t-dealer-in 0.6s ease-out 0.30s both;
}

.terminal--vendor .dealer-showcase__img:nth-child(2){
    animation:t-dealer-in 0.6s ease-out 0.55s both;
}

.terminal--vendor .dealer-showcase__img:nth-child(1){
    animation:t-dealer-in 0.6s ease-out 0.80s both;
}

.dealer-showcase__img--hell{
    filter:drop-shadow(0 0 1.5rem rgba(230, 63, 21, 0.6)) drop-shadow(0 0 3rem rgba(230, 63, 21, 0.3));
}

.dealer-showcase__img--key{
    filter:drop-shadow(0 0 1.5rem rgba(255, 203, 119, 0.6)) drop-shadow(0 0 3rem rgba(255, 203, 119, 0.3));
}

.dealer-showcase__img--club{
    filter:drop-shadow(0 0 1.5rem rgba(92, 73, 208, 0.6)) drop-shadow(0 0 3rem rgba(92, 73, 208, 0.3));
}

.terminal--vendor .terminal-preview__scope{
    transition:transform 2.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.terminal[data-vendor="hell"]{
    --vendor-primary:var(--color-red-1);
    --vendor-rgb:230, 52, 21;
    --vendor-glow:rgba(230, 52, 21, 0.3);
    --vendor-accent:#ff6b35;
    --vendor-bg-tint:rgba(230, 52, 21, 0.05);
}

.terminal[data-vendor="hell"] .terminal-chat__body{
    --chat-tint:linear-gradient(180deg,
        rgba(210, 70, 30, 0.175) 0%,
        rgba(160, 50, 20, 0.06) 40%,
        transparent 100%);
}

.terminal[data-vendor="hell"] .terminal-preview__body::after{
    background:linear-gradient(300deg,
        rgba(210, 70, 30, 0.4) 0%,
        rgba(160, 50, 20, 0.06) 60%,
        transparent 100%);
    animation:none;
}

.terminal[data-vendor="hell"] .terminal-preview__body--deal-flash::after{
    animation:preview-deal-flash-hell 1.2s ease-in-out both;
}

.terminal[data-vendor="hell"] .terminal-preview__label{
    background:linear-gradient(90deg, rgba(210, 70, 30, 0.15) 0%, rgba(34, 37, 43, 0.00) 100%), #22252B;
    animation:t-label-flash 0.6s ease-out both;
}

.terminal[data-vendor="key"]{
    --vendor-primary:var(--color-beige-1);
    --vendor-rgb:255, 203, 119;
    --vendor-glow:rgba(255, 203, 119, 0.3);
    --vendor-accent:#ffc107;
    --vendor-bg-tint:rgba(255, 203, 119, 0.05);
}

.terminal[data-vendor="key"] .terminal-chat__body{
    --chat-tint:linear-gradient(180deg,
        rgba(212, 160, 23, 0.175) 0%,
        rgba(160, 120, 15, 0.06) 40%,
        transparent 100%);
}

.terminal[data-vendor="key"] .terminal-preview__body::after{
    background:linear-gradient(300deg,
        rgba(212, 160, 23, 0.4) 0%,
        rgba(160, 120, 15, 0.06) 60%,
        transparent 100%);
    animation:none;
}

.terminal[data-vendor="key"] .terminal-preview__body--deal-flash::after{
    animation:preview-deal-flash-key 1.2s ease-in-out both;
}

.terminal[data-vendor="key"] .terminal-preview__label{
    background:linear-gradient(90deg, rgba(212, 160, 23, 0.15) 0%, rgba(34, 37, 43, 0.00) 100%), #22252B;
    animation:t-label-flash 0.6s ease-out both;
}

.terminal[data-vendor="club"]{
    --vendor-primary:var(--color-violet-1);
    --vendor-rgb:137, 118, 255;
    --vendor-glow:rgba(137, 118, 255, 0.3);
    --vendor-accent:#9b6dff;
    --vendor-bg-tint:rgba(137, 118, 255, 0.05);
}

.terminal[data-vendor="club"] .terminal-chat__body{
    --chat-tint:linear-gradient(180deg,
        rgba(120, 70, 210, 0.175) 0%,
        rgba(90, 50, 160, 0.06) 40%,
        transparent 100%);
}

.terminal[data-vendor="club"] .terminal-preview__body::after{
    background:linear-gradient(300deg,
        rgba(120, 70, 210, 0.4) 0%,
        rgba(90, 50, 160, 0.06) 60%,
        transparent 100%);
    animation:none;
}

.terminal[data-vendor="club"] .terminal-preview__body--deal-flash::after{
    animation:preview-deal-flash-club 1.2s ease-in-out both;
}

.terminal[data-vendor="club"] .terminal-preview__label{
    background:linear-gradient(90deg, rgba(120, 70, 210, 0.15) 0%, rgba(34, 37, 43, 0.00) 100%), #22252B;
    animation:t-label-flash 0.6s ease-out both;
}

.terminal-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 30px;
    height:4.75rem;
    min-height:4.75rem;
    background:linear-gradient(90deg, #252930 0%, rgba(34, 37, 43, 0.00) 100%), #22252B;
    border:1px solid var(--terminal-border);
    margin:1.25rem;
    border-radius:0.375rem;
}

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

.terminal-header{
        height:3.75rem;
        min-height:3.75rem;
        padding:0 1.5rem;
        margin:0.875rem;
}
    }

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

.terminal-header{
        height:60px;
        min-height:60px;
        padding:0 20px;
}
    }

@media (max-width: 1023px){

.terminal-header{
        height:auto;
        min-height:0;
        padding:0.5rem 0.5rem 0.5rem 3rem;
        margin:0.5rem 0.5rem 0.3rem 0.5rem;
        flex-wrap:wrap;
        row-gap:0.4rem;
        column-gap:0.5rem;
}
    }

.terminal-header__logo{
    -webkit-user-select:none;
            user-select:none;
}

@media (max-width: 1023px){

.terminal-header__logo{
        font-size:0.75rem !important;
        flex:0 1 auto;
        min-width:0;
        white-space:nowrap;
}
    }

.terminal-header__sub{
    display:none;
}

@media (max-width: 1023px){

.terminal-header__sub{
        display:none !important;
}
    }

.terminal-header__sub.show{
    display:inline;
    animation:t-scan-in 0.45s ease-out both;
}

@media (max-width: 1023px){

.terminal-header__sub.show{
        display:none !important;
}
    }

.terminal-header__lang{
    display:none !important;
}

.terminal-header__nav{
    display:flex;
    align-items:center;
    gap:30px;
    flex-shrink:1;
    flex-wrap:wrap;
    justify-content:center;
}

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

.terminal-header__nav{
        gap:18px;
}
    }

@media (max-width: 1023px){

.terminal-header__nav{
        order:3;
        width:calc(100% + 2rem);
        margin-left:-2rem;
        gap:0.4rem;
        justify-content:space-between;
        flex-wrap:nowrap;
}
    }

.terminal-header__nav-link{
    white-space:nowrap;
    transition:color 0.2s ease;
}

.terminal-header__nav-link:hover{
        color:var(--color-blue-1);
    }

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

.terminal-header__nav-link{
        font-size:1rem;
}
    }

@media (max-width: 1023px){

.terminal-header__nav-link{
        font-size:0.6rem !important;
}
    }

.terminal-header__icons{
    display:flex;
    align-items:center;
    gap:1.88rem;
    flex-shrink:0;
    -webkit-user-select:none;
            user-select:none;
}

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

.terminal-header__icons{
        gap:1.25rem;
}
    }

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

.terminal-header__icons{
}
    }

@media (max-width: 1023px){

.terminal-header__icons{
        gap:0.5rem;
        margin-left:auto;
}
    }

.terminal-header__icon{
    width:1.625rem;
    height:1.625rem;
    opacity:0.7;
}

@media (max-width: 1023px){

.terminal-header__icon{
        width:0.925rem;
        height:0.925rem;
}
    }

.terminal-footer{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:4rem;
    margin:1.25rem;
    border-radius:0.375rem;
    background:linear-gradient(90deg, #191b20 0%, rgba(34, 37, 43, 0.00) 100%), #22252B;
    border:1px solid var(--terminal-border);
    padding:0 1.5rem;
    height:3.325rem;
    min-height:3.325rem;
    -webkit-user-select:none;
            user-select:none;
}

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

.terminal-footer{
        margin:0.875rem;
        padding:0 1.25rem;
        height:2.4rem;
        min-height:2.4rem;
        gap:2.5rem;
}
    }

.terminal-footer .terminal-footer__steam{
        display:inline-flex;
        gap:2rem;
        font-size:clamp(0.55rem, 0.194vw + 0.454rem, 0.688rem);
    }

:is(.terminal-footer .terminal-footer__steam) a{
            color:var(--color-white-3);
            transition:color 0.2s ease;
        }

:is(:is(.terminal-footer .terminal-footer__steam) a):hover{
                color:var(--color-blue-1);
            }

.terminal-footer .terminal-footer__copy{
        display:inline-flex;
        gap:2rem;
        font-size:clamp(0.55rem, 0.194vw + 0.454rem, 0.688rem);
        margin-right:5px;
    }

@media (max-width: 1023px){

.terminal-footer{
        margin:0.3rem 0.5rem 0.5rem 0.5rem;
        gap:0.25rem;
        padding:0.4rem 0.75rem;
        height:auto;
        min-height:0;
        flex-direction:column;
        justify-content:cenfter;
        align-items:flex-end;
}

        .terminal-footer .terminal-footer__steam,.terminal-footer .terminal-footer__copy{
            font-size:0.5rem;
            gap:0.75rem;
            margin:0;
        }
    }

.terminal-chat{
    display:flex;
    flex-direction:column;
    border-radius:0.375rem;
    background:var(--panel-bg);
    overflow:hidden;
    min-height:0;
    border:1px solid var(--terminal-border);
}

@media (max-width: 1023px){

.terminal-chat{
        border-width:0.5px;
}
    }

.terminal-chat__label{
    display:flex;
    align-items:center;
    padding:0 2.5rem;
    height:3.325rem;
    min-height:3.325rem;
}

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

.terminal-chat__label{
        height:2.4rem;
        min-height:2.4rem;
        padding:0 1.5rem;
        font-size:0.8rem;
}
    }

.terminal-chat__label{
    border-radius:0.375rem;
    border-bottom:1px solid var(--terminal-border);
    white-space:nowrap;
    text-transform:uppercase;
    background:linear-gradient(90deg, #191b20 0%, rgba(34, 37, 43, 0.00) 100%), #22252B;
    -webkit-user-select:none;
            user-select:none;
}

@media (max-width: 1023px){

.terminal-chat__label{
        height:clamp(1.6rem, 5.5vw, 2.25rem);
        min-height:clamp(1.6rem, 5.5vw, 2.25rem);
        padding:0 clamp(0.625rem, 2.5vw, 1rem);
        font-size:clamp(0.625rem, 2.4vw, 0.875rem);
}
    }

.terminal-chat__body{
    position:relative;
    flex:1;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:2.25rem;
}

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

.terminal-chat__body{
        padding:1.25rem 1.5rem;
}

        .terminal-chat__body:has(.vendor-select.show){
            display:flex;
            padding:1rem;
        }
    }

@media (min-width: 1920px){
        .terminal-chat__body:has(.vendor-select.show){
            display:flex;
        }
    }

.terminal-chat__body{
    --chat-tint:linear-gradient(180deg,
        rgba(140, 80, 180, 0.175) 0%,
        rgba(100, 60, 140, 0.06) 40%,
        transparent 100%);

    background:var(--chat-tint), linear-gradient(rgba(25, 30, 42, 0.28), rgba(25, 30, 42, 0.28)), url("/images/cross-pattern.svg") repeat 0 0 / 3.5rem 3.5rem, var(--panel-bg);
    background-attachment:scroll, scroll, scroll, scroll;
    background-blend-mode:normal, normal, soft-light;
    scrollbar-width:none;
    -ms-overflow-style:none;
}

.terminal-chat__body::-webkit-scrollbar{
        display:none;
    }

@media (max-width: 1023px){

.terminal-chat__body{
        padding:0.875rem 1rem;
}

        .terminal-chat__body:has(.vendor-select.show){
            display:flex;
            padding:0.6rem 0.6rem;
        }
    }

.terminal-chat__actions{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:8.5rem;
    padding:0 2.5rem;
}

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

.terminal-chat__actions{
        min-height:7rem;
        padding:0.75rem 1.5rem;
}
    }

.terminal-chat__actions{
    border-radius:0.375rem;
    border-top:1px solid var(--terminal-border);
    background:linear-gradient(240deg, #15171b 0%, rgba(34, 37, 43, 0.00) 100%), #21252b;
}

@media (max-width: 1023px){

.terminal-chat__actions{
        min-height:4rem;
        height:4rem;
        padding:0.5rem 1rem;
        flex-shrink:0;
}
    }

.terminal-chat__status{
    transition:color 0.3s ease, opacity 0.3s ease;
}

.terminal-chat__status-text--loading{
    animation:blink 1.4s ease-in-out infinite;
    -webkit-user-select:none;
            user-select:none;
}

.terminal-chat__status-text--ready{
    display:none;
    transition:color 0.1s ease-out, opacity 0.1s ease-out;
}

.terminal-chat__status--ready .terminal-chat__status-text--loading{
    display:none;
}

.terminal-chat__status--ready .terminal-chat__status-text--ready{
    display:inline;
    color:var(--color-green-1);
    opacity:0.9;
}

.terminal-chat__deal-action{
    display:none;
}

.chat-msg{
    position:relative;
    display:flex;
    align-items:flex-start;
    z-index:1;
    animation:msg-appear 0.45s ease-out both;
    -webkit-user-select:none;
            user-select:none;
}

.chat-msg + .chat-msg{
    margin-top:1.25rem;
}

@media (max-width: 1023px){

.chat-msg + .chat-msg{
        margin-top:0.625rem;
}
    }

.chat-msg__avatar{
    width:3.75rem;
    height:3.75rem;
    min-width:3.75rem;
    border-radius:0.375rem;
}

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

.chat-msg__avatar{
        width:3rem;
        height:3rem;
        min-width:3rem;
}
    }

@media (max-width: 1023px){

.chat-msg__avatar{
        width:2.25rem;
        height:2.25rem;
        min-width:2.25rem;
}
    }

.chat-msg__avatar{
    object-fit:cover;
    background:linear-gradient(135deg, #22252B 0%, #393D46 100%);
}

.chat-msg__bubble{
    position:relative;
    display:flex;
    align-items:center;
    padding:1.1rem 1.3rem;
    background:rgba(13, 13, 14, 0.50);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    border-radius:0.375rem;
    margin-left:1.3rem;
}

@media (max-width: 1023px){

.chat-msg__bubble{
        padding:0.5rem 0.7rem;
        margin-left:0.6rem;
}

        .chat-msg__bubble .chat-msg__text{
            font-size:0.75rem !important;
        }
    }

.chat-msg__bubble::before{
    content:"";
    position:absolute;
    left:-9px;
    width:0.625rem;
    height:0.875rem;
    background:rgba(13, 13, 14, 0.50);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    clip-path:polygon(100% 0, 0 50%, 100% 100%);
}

.chat-msg__text span{
        font-weight:700;
    }

.vendor-select{
    position:relative;
    z-index:1;
    display:none;
    flex-direction:column;
    gap:1.25rem;
    width:100%;
}

@media (min-width: 1920px){

.vendor-select{
        flex:1;
        height:100%;
}
    }

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

.vendor-select{
        gap:0.875rem;
        flex:1;
        height:100%;
}
    }

@media (max-width: 1023px){

.vendor-select{
        gap:0.4rem;
        flex:1;
        height:100%;
}
    }

.vendor-select.show{
    display:flex;
}

.vendor-select.show .btn-vendor{
    opacity:0;
}

.terminal-chat__actions--vendor{
    flex-direction:column;
    gap:0.25rem;
    background:linear-gradient(90deg, #364E3D 0%, #2A2F3B 50%, #4E363E 100%);
}

@media (max-width: 1023px){

.terminal-chat__actions--vendor{
        min-height:0;
        padding:0.5rem 0.6rem;
        gap:0.4rem;
}
    }

.terminal-chat__actions--vendor .terminal-chat__status{
    display:none;
}

.chat-actions__hint{
    display:none;
    text-align:center;
    color:var(--color-white-1);
    -webkit-user-select:none;
            user-select:none;
}

.terminal-chat__actions--vendor .chat-actions__hint{
    display:block;
}

.terminal-chat__deal-buttons{
    display:none;
    align-items:center;
    justify-content:space-between;
    width:100%;
    gap:1.25rem;
}

@media (max-width: 1023px){

.terminal-chat__deal-buttons{
        gap:0.8rem;
}
    }

.terminal-chat__deal-buttons.show{
    display:flex;
}

.terminal-chat__auth-button{
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
}

.terminal-chat__auth-button.show{
    display:flex;
    animation:t-scan-in 0.45s ease-out, t-fade-in 0.5s ease-out;
}

.terminal-chat__actions.terminal-chat__actions--dealer{
    background:linear-gradient(90deg, #364E3D 0%, #2A2F3B 50%, #4E363E 100%);
    animation:t-slide-up-dealer 0.5s ease-out both;
}

@media (max-width: 1023px){

.terminal-chat__actions.terminal-chat__actions--dealer{
        padding:0.5rem 0.6rem;
}
    }

.terminal-chat__actions--dealer:has(.terminal-chat__deal-buttons.show) .terminal-chat__status,
.terminal-chat__actions--dealer:has(.terminal-chat__auth-button.show) .terminal-chat__status{
    display:none;
}

@media (max-width: 1023px){
    .terminal-chat__actions--dealer:has(.terminal-chat__auth-button.show){
        height:auto;
        padding:0.6rem 0.6rem;
    }
}

.terminal-chat__actions--dealer .chat-actions__hint{
    display:none;
}

.btn-deal{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:1 1 0;
    padding:0.6rem 1.85rem;
    border-radius:0.375rem;
    border:1px solid var(--terminal-border);
    font-family:var(--font-primary);
    font-size:2rem;
    font-weight:400;
    line-height:1.4;
    color:var(--color-white-1);
    text-transform:uppercase;
    cursor:pointer;
    -webkit-user-select:none;
            user-select:none;
    overflow:hidden;
    transition:filter 0.2s ease-out;
}

@media (max-width: 1023px){

.btn-deal{
        flex:1 1 0;
        height:clamp(2.2rem, 6.5vw, 2.75rem);
        padding:0.25rem 0.75rem;
        font-size:clamp(1rem, 3.6vw, 1.5rem) !important;
        border-radius:0.25rem;
}
    }

.btn-deal::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, 0.07) 37%, rgba(255, 255, 255, 0.11) 42%, transparent 55%);
    background-size:300% 100%;
    animation:btn-shimmer 8s ease-in-out infinite;
    will-change:background-position;
    pointer-events:none;
    z-index:1;
}

.btn-deal--accept::before{ animation-delay:0s; }

.btn-deal--reject::before{ animation-delay:-4s; }

.btn-deal:hover{
    filter:brightness(1.15);
}

.btn-deal:active{
}

.btn-deal span{
    pointer-events:none;
}

.btn-deal--accept{
    background:linear-gradient(108deg, rgb(37, 227, 92) 0%, rgb(12, 192, 64) 100%);
    animation:btn-deal-pulse-accept 2.4s ease-in-out infinite;
}

.btn-deal--reject{
    background:linear-gradient(108deg, rgb(227, 75, 37) 0%, rgb(192, 12, 57) 100%);
    animation:btn-deal-pulse-reject 2.4s ease-in-out -1.2s infinite;
}

.btn-auth{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0.95rem;
    width:100%;
    height:3.75rem;
    padding:1.25rem 1.85rem;
    border-radius:0.375rem;
    border:2px solid transparent;
    background:linear-gradient(133deg, rgb(37, 227, 92) 0%, rgb(12, 192, 64) 100%);
    font-family:var(--font-primary);
    font-size:2rem;
    white-space:nowrap;
}

@media (max-width: 1023px){

.btn-auth{
        height:clamp(2.75rem, 10vw, 3.5rem);
        padding:0.5rem 1rem;
        font-size:clamp(1rem, 4.2vw, 1.4rem) !important;
        border-width:1px;
        border-radius:0.25rem;
        gap:0.4rem;
}
    }

.btn-auth{
    font-weight:400;
    line-height:1.4;
    color:var(--color-white-1);
    text-transform:uppercase;
    cursor:pointer;
    -webkit-user-select:none;
            user-select:none;
    overflow:hidden;
    position:relative;
    transition:box-shadow 0.3s ease;
    box-shadow:0 0 30px var(--color-black-4);
    animation:btn-auth-glow 2.6s ease-in-out infinite, btn-auth-sway 1.5s ease-in-out infinite;
    will-change:transform;
}

.btn-auth:hover{
    filter:brightness(1.05);
}

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

.btn-auth::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    box-shadow:inset 0 0 20px #69ff9b;
    pointer-events:none;
    z-index:1;
    opacity:0;
    transition:opacity 0.3s ease;
}

.terminal-chat__auth-hint{
    text-align:center;
    color:var(--color-white-1);
    opacity:0.6;
    margin-top:0.6rem;
    -webkit-user-select:none;
            user-select:none;
}

.terminal-chat__auth-hint span{
        color:var(--color-green-1);
        font-weight:600;
    }

@media (max-width: 1023px){

.terminal-chat__auth-hint{
        margin-top:0.2rem;
        font-size:clamp(0.55rem, 2.2vw, 0.75rem) !important;
        line-height:1.15;
        white-space:nowrap;
}
    }

.chat-offer{
    position:relative;
    display:flex;
    align-items:flex-end;
    z-index:1;
    animation:msg-appear 0.45s ease-out both;
    -webkit-user-select:none;
            user-select:none;
}

.chat-offer + .chat-msg,
.chat-msg + .chat-offer,
.chat-offer + .chat-offer{
    margin-top:1.25rem;
}

.chat-offer__avatar{
    width:3.75rem;
    height:3.75rem;
    min-width:3.75rem;
    border-radius:0.375rem;
    object-fit:cover;
    background:linear-gradient(135deg, #22252B 0%, #393D46 100%);
}

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

.chat-offer__avatar{
        width:3rem;
        height:3rem;
        min-width:3rem;
}
    }

@media (max-width: 1023px){

.chat-offer__avatar{
        width:2.25rem;
        height:2.25rem;
        min-width:2.25rem;
}
    }

.chat-offer__card{
    display:flex;
    flex:1;
    margin-left:1.3rem;
    border-radius:0.375rem;
    border:1px solid var(--vendor-primary, #65769e);
    overflow:hidden;
    background:linear-gradient(90deg, #ebeff8 35%, #b3c0d9 100%);
    animation:offer-card-in 0.5s ease-out both;
}

@media (max-width: 1023px){

.chat-offer__card{
        margin-left:0.6rem;
        border-radius:0.25rem;
}
    }

.chat-offer__thumb{
    position:relative;
    width:9.5rem;
    min-width:9.5rem;
}

@media (max-width: 1023px){

.chat-offer__thumb{
        width:5rem;
        min-width:5rem;
}
    }

.chat-offer__thumb{
    background:linear-gradient(135deg, #22252B 0%, #5a6374 100%);
    border-right:1px solid var(--vendor-primary, #65769e);
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
}

.chat-offer__thumb-img{
    width:85%;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(-2px 3px 7px rgba(12, 7, 37, 0.6)) drop-shadow(-6px 11px 13px rgba(12, 7, 37, 0.4)) drop-shadow(-15px 25px 17px rgba(12, 7, 37, 0.3));
}

.chat-offer__thumb-glow{
    position:absolute;
    top:-1px;
    left:-1px;
    width:5px;
    height:calc(100% + 2px);
    background:var(--vendor-primary, #ff5900);
    border-radius:1px;
    box-shadow:12px 0 25px color-mix(in srgb, var(--vendor-primary) 30%, transparent), 6px 0 15px color-mix(in srgb, var(--vendor-primary) 60%, transparent), 3px 0 10px color-mix(in srgb, var(--vendor-primary) 85%, transparent);
    opacity:0.7;
}

.chat-offer__info{
    display:flex;
    flex-direction:column;
    padding:0.85rem 1.5rem;
    color:#22252B;
    font-family:var(--font-primary);
    font-size:1.125rem;
    line-height:1.3;
}

@media (max-width: 1023px){

.chat-offer__info{
        padding:0.4rem 0.6rem;
        font-size:0.75rem;
}
    }

.chat-offer__index{
    font-weight:400;
}

.chat-offer__name{
    font-weight:700;
    letter-spacing:-0.05em;
}

.chat-offer__exterior{
    font-weight:400;
}

.chat-offer__price{
    font-weight:400;
    display:flex;
    align-items:center;
    gap:0.3rem;
}

.chat-offer__coin{
    display:inline-block;
    width:0.9rem;
    height:0.9rem;
 
    vertical-align:middle;
}

.terminal-preview{
    position:relative;
    display:flex;
    flex-direction:column;
    border:1px solid var(--terminal-border);
    border-radius:0.375rem;
    background:var(--panel-bg);
    overflow:hidden;
    min-height:0;
}

@media (max-width: 1023px){

.terminal-preview{
        border-width:0.5px;
        container-type:size;
        container-name:preview;
}
    }

.terminal-preview__label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 2.5rem;
    height:3.325rem;
    min-height:3.325rem;
}

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

.terminal-preview__label{
        height:2.4rem;
        min-height:2.4rem;
        padding:0 1.5rem;
        font-size:0.8rem;
}
    }

.terminal-preview__label{
    border-radius:0.375rem;
    border-bottom:1px solid var(--terminal-border);
    text-transform:uppercase;
    white-space:nowrap;
    background:linear-gradient(90deg, #191b20 0%, rgba(34, 37, 43, 0.00) 100%), #22252B;
    -webkit-user-select:none;
            user-select:none;
}

@media (max-width: 1023px){

.terminal-preview__label{
        height:clamp(1.6rem, 5.5vw, 2.25rem);
        min-height:clamp(1.6rem, 5.5vw, 2.25rem);
        padding:0 clamp(0.625rem, 2.5vw, 1rem);
        font-size:clamp(0.625rem, 2.4vw, 0.875rem);
}
    }

.terminal-preview__vendor-badge-text{
    display:none;
    color:var(--vendor-primary);
    text-transform:uppercase;
    white-space:nowrap;
    font-weight:600;
}

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

.terminal-preview__vendor-badge-text{
        font-size:0.8rem;
}
    }

@media (max-width: 1023px){

.terminal-preview__vendor-badge-text{
        font-size:clamp(0.625rem, 2.4vw, 0.875rem);
}
    }

.terminal-preview__vendor-badge-text.show{
    display:inline;
    animation:t-scan-in 0.45s ease-out 0.15s both;
}

.terminal-preview__body{
    position:relative;
    flex:1;
    min-height:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:2.25rem;
    overflow:hidden;
}

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

.terminal-preview__body{
        padding:1.25rem 1.5rem;
}
    }

@media (max-width: 1023px){

.terminal-preview__body{
        padding:clamp(0.625rem, 2.5vw, 1rem);
}
    }

.terminal-preview__body::before{
        content:"";
        position:absolute;
        inset:0;
        background-image:url("/images/cross-pattern.svg");
        background-size:3.5rem 3.5rem;
        background-repeat:repeat;
        opacity:0.25;
        pointer-events:none;
        z-index:0;
    }

.terminal-preview__body::after{
        content:"";
        position:absolute;
        inset:0;
        background:linear-gradient(300deg,
                rgba(70, 110, 180, 0.4) 0%,
                rgba(50, 80, 140, 0.06) 60%,
                transparent 100%);
        pointer-events:none;
        z-index:0;
    }

.terminal-preview__body:has(.terminal-preview__content--visible)::after{
    animation:preview-ready-flash 0.8s ease-out both;
}

.terminal-preview__scope{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:100%;
    max-width:115%;
    max-height:115%;
    object-fit:contain;
    pointer-events:none;
    z-index:1;
    mix-blend-mode:color-dodge;
    transition:transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1), filter 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);

    -webkit-user-select:none;

            user-select:none;
}

.terminal-preview__scope--spin{
    transition:transform 2.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.terminal__body:has(.dealer-showcase.show) .terminal-preview__scope{
    filter:grayscale(100%) !important;
    opacity:0.75 !important;
}

@media (max-width: 1023px){
    .terminal__body:has(.dealer-showcase.show) .preview-top,
    .terminal__body:has(.dealer-showcase.show) .preview-bottom,
    .terminal__body:has(.dealer-showcase.show) .preview-skin,
    .terminal__body:has(.preview-weapon.show) .preview-top,
    .terminal__body:has(.preview-weapon.show) .preview-bottom,
    .terminal__body:has(.preview-weapon.show) .preview-skin{
        display:none !important;
    }
}

.terminal-preview__content{
    position:relative;
    z-index:2;
    display:none;
    flex-direction:column;
    justify-content:space-between;
    width:100%;
    height:100%;
}

.terminal-preview__content.show{
    display:flex;
}

.terminal-preview__content:not(.terminal-preview__content--visible) .preview-top,
.terminal-preview__content:not(.terminal-preview__content--visible) .preview-bottom,
.terminal-preview__content:not(.terminal-preview__content--visible) .preview-skin{
    opacity:0;
}

.terminal-preview__content--visible .preview-top{
    animation:t-scan-in 0.45s ease-out both;
}

.terminal-preview__content--visible .preview-skin{
    animation:t-fade-in 0.5s ease-out 0.15s both;
}

.terminal-preview__content--visible .preview-bottom{
    animation:t-slide-up 0.45s ease-out 0.25s both;
}

.preview-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
    position:relative;
    z-index:1;
}

@media (max-width: 1023px){

.preview-top{
        flex-direction:column;
        align-items:stretch;
        gap:0.75rem;
}
    }

.preview-offer__title{
    max-width:35rem;
    -webkit-user-select:none;
            user-select:none;
}

@media (max-width: 1023px){

.preview-offer__title{
        font-size:clamp(1rem, 4.2vw, 1.5rem) !important;
        line-height:1.15;
}
    }

.preview-offer__enter{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:1.8rem;
    flex-shrink:0;
}

@media (max-width: 1023px){

.preview-offer__enter{
        flex-direction:row;
        align-items:center;
        justify-content:flex-end;
        gap:0.8rem;
}
    }

.preview-offer__hint{
    color:var(--color-orange-1);
    align-self:center;
    text-shadow:0 0 2px var(--color-black-1);
    -webkit-user-select:none;
            user-select:none;
    font-weight:500;
}

@media (max-width: 1023px){

.preview-offer__hint{
        font-size:clamp(0.7rem, 2.4vw, 1rem);
        font-weight:600;
        order:-1;
}
    }

.preview-skin{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    z-index:3;
    -webkit-user-select:none;
            user-select:none;
    padding-top:3rem;
}

@media (max-width: 1023px){

.preview-skin{
        align-items:center;
        padding-top:1rem;
}
    }

.preview-skin__img{
    width:auto;
    height:30rem;
    max-width:90%;
}

@media (min-width: 1920px){

.preview-skin__img{
        height:26rem;
        max-width:85%;
}
    }

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

.preview-skin__img{
        height:26rem;
        max-width:92%;
}
    }

@media (max-width: 1023px){

.preview-skin__img{
        height:clamp(6rem, 55cqh, 22rem);
        max-width:95%;
}

        .preview-skin__img[src$="mac10-dt.avif"],.preview-skin__img[src$="desert-od.avif"],.preview-skin__img[src$="usp-s-cyrex.avif"]{
            height:clamp(3.75rem, 36cqh, 15rem);
        }
    }

.preview-skin__img{
    object-fit:contain;
    animation:skin-glow-pulse 4.15s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite, skin-float 7s ease-in-out infinite;
    will-change:transform, filter;
    transition:opacity 0.35s ease, scale 0.35s ease;
}

.preview-skin__img--hidden{
    opacity:0;
    scale:0.92;
    animation:none;
}

.preview-bottom{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:1rem;
    position:relative;
    z-index:1;
}

@media (max-width: 1023px){

.preview-bottom{
        flex-direction:column;
        align-items:stretch;
        gap:0.625rem;
}
    }

.preview-actions{
    display:flex;
    flex-direction:column;
    gap:1.9em;
}

@media (max-width: 1023px){

.preview-actions{
        flex-direction:row-reverse;
        align-items:center;
        justify-content:flex-end;
        gap:0.75rem;
        order:2;
}
    }

@media (max-width: 1023px){

.preview-skin-info{
        order:1;
        align-self:flex-start;
}
    }

@media (max-width: 1023px){

.preview-actions__text{
        font-size:clamp(0.7rem, 2.4vw, 1rem);
        font-weight:600;
        max-width:none;
        flex:1;
}
    }

.preview-actions__text span{
        font-weight:500;
    }

.preview-actions__text{
    max-width:17.65rem;
    line-height:1.4;
    color:var(--color-white-2);
    text-shadow:0 0 2px var(--color-black-1);
    -webkit-user-select:none;
            user-select:none;
}

.preview-skin-info{
    position:relative;
    flex-shrink:0;
    display:flex;
    align-items:center;
    height:3.75rem;
    padding:1.25rem 1.85rem;
}

@media (max-width: 1023px){

.preview-skin-info{
        height:clamp(2rem, 7vw, 2.75rem);
        padding:clamp(0.4rem, 1.6vw, 0.75rem) clamp(0.625rem, 2.5vw, 1rem);
        font-size:clamp(0.75rem, 3vw, 1rem);
}
    }

.preview-skin-info{
    border:1px solid var(--terminal-border);
    border-radius:0.375rem;
    background:linear-gradient(91deg, #2C3038 0%, rgba(34, 37, 43, 0) 100%), #22252B;
    font-family:var(--font-primary);
    text-transform:uppercase;
    white-space:nowrap;
    transition:opacity 0.35s ease, transform 0.35s ease;
}

.preview-skin-info--hidden{
    opacity:0;
    transform:translateX(12px);
}

.preview-skin-info__name{
    color:var(--color-white-1);
}

.preview-skin-info__sep{
    color:#47526C;
    margin:0 1rem;
    -webkit-user-select:none;
            user-select:none;
}

.preview-skin-info__exterior{
    color:var(--color-blue-1);
    text-shadow:0 0 4px var(--color-blue-1);
}

.dealer-showcase{
    position:absolute;
    inset:0;
    display:none;
    align-items:flex-end;
    justify-content:center;
    z-index:3;
    pointer-events:none;
    -webkit-user-select:none;
            user-select:none;
    overflow:hidden;
    padding-top:3rem;
}

@media (min-width: 1920px){

.dealer-showcase{
        padding-top:0;
}
    }

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

.dealer-showcase{
        padding-top:0rem;
}
    }

@media (max-width: 1023px){

.dealer-showcase{
        padding-top:0;
}
    }

.dealer-showcase.show{
    display:flex;

}

.dealer-showcase.show .dealer-showcase__img{
    opacity:0;
}

.dealer-showcase__img{
    height:105%;
    width:auto;
    object-fit:cover;
    object-position:bottom;
    flex-shrink:0;
}

@media (min-width: 1920px){

.dealer-showcase__img{
        height:120%;
}
    }

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

.dealer-showcase__img{
        height:115%;
}
    }

@media (max-width: 1023px){

.dealer-showcase__img{
        height:100%;
        object-fit:cover;
}
    }

.dealer-showcase__img--hell{
    position:relative;
    z-index:3;
    margin-right:-35%;
}

@media (min-width: 1920px) and (max-width: 2559px){

.dealer-showcase__img--hell{
        margin-right:-50%;
}
    }

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

.dealer-showcase__img--hell{
        margin-right:20% !important;
}
    }

@media (min-width: 1920px){

.dealer-showcase__img--hell{
        top:160px;
}
    }

@media (max-width: 1023px){

.dealer-showcase__img--hell{
        margin-right:0;
        left:57%;
        top:20px;
}
    }

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

.dealer-showcase__img--hell{
        top:90px;
}
    }

.dealer-showcase__img--key{
    position:relative;
    z-index:2;
}

@media (min-width: 1920px){

.dealer-showcase__img--key{
        top:150px;
}
    }

@media (max-width: 1023px){

.dealer-showcase__img--key{
        top:15px;
}
    }

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

.dealer-showcase__img--key{
        top:80px;
}
    }

.dealer-showcase__img--club{
    position:relative;
    z-index:1;
    margin-left:-45%;
}

@media (min-width: 1920px) and (max-width: 2559px){

.dealer-showcase__img--club{
        margin-left:-60%;
}
    }

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

.dealer-showcase__img--club{
        margin-left:20% !important;
}
    }

@media (min-width: 1920px){

.dealer-showcase__img--club{
        top:160px;
}
    }

@media (max-width: 1023px){

.dealer-showcase__img--club{
        margin-left:0;
        right:72%;
        top:20px;
}
    }

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

.dealer-showcase__img--club{
        top:90px;
}
    }

.terminal-preview__body--vendor::after{
    background:linear-gradient(240deg, #15171b 0%, rgba(34, 37, 43, 0.00) 100%), #21252b;
}

.preview-weapon{
    position:relative;
    z-index:2;
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    width:100%;
    height:100%;
}

.preview-weapon.show{
    display:flex;
}

.preview-weapon__auth-badge{
    color:var(--color-white-2);
    align-self:flex-end;
    display:flex;
    align-items:center;
    padding:1.25rem 1.85rem;
    border:1px solid var(--terminal-border);
    border-radius:0.375rem;
    background:linear-gradient(91deg, #2C3038 0%, rgba(34, 37, 43, 0) 100%), #22252B;
    white-space:nowrap;
    -webkit-user-select:none;
            user-select:none;
    opacity:0;
    transition:opacity 0.3s ease;
}

@media (max-width: 1023px){

.preview-weapon__auth-badge{
        align-self:flex-end;
        height:clamp(2rem, 7vw, 2.75rem);
        padding:clamp(0.4rem, 1.6vw, 0.75rem) clamp(0.625rem, 2.5vw, 1rem);
        font-size:clamp(0.75rem, 3vw, 1rem);
        border-width:1px;
        border-radius:0.25rem;
}
    }

.preview-weapon__auth-badge--visible{
    opacity:1;
    animation:t-scan-in 0.4s ease-out both;
}

.text-vendor-primary{
    color:var(--vendor-primary, #e85a2b);
}

.preview-weapon__skin{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    z-index:3;
    -webkit-user-select:none;
            user-select:none;
}

.preview-weapon__img{
    width:auto;
    height:30rem;
    object-fit:contain;
    opacity:0;
    transition:opacity 0.4s ease, transform 0.4s ease;
}

@media (max-width: 1023px){

.preview-weapon__img{
        height:clamp(6rem, 55cqh, 22rem);
        max-width:95%;
}
    }

.preview-weapon__img--visible{
    opacity:1;
    animation:skin-glow-pulse 4.15s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite, skin-float 7s ease-in-out infinite;
    will-change:transform, filter;
}

.preview-weapon__img--rejected{
    filter:grayscale(70%) brightness(0.6) blur(2px) drop-shadow(0 0 10px var(--color-black-1));
    animation:none;
    transition:filter 0.5s ease;
}

.preview-weapon__label{
    position:relative;
    z-index:4;
    display:flex;
    align-items:center;
    align-self:flex-start;
    flex-shrink:0;
    height:3.75rem;
    padding:1.25rem 1.875rem;
    border:1px solid var(--terminal-border);
    border-radius:0.375rem;
    background:linear-gradient(91deg, #2C3038 0%, rgba(34, 37, 43, 0) 100%), #22252B;
    font-family:var(--font-primary);
    font-size:2rem;
    text-transform:uppercase;
    white-space:nowrap;
    -webkit-user-select:none;
            user-select:none;
    opacity:0;
    transition:opacity 0.35s ease;
}

@media (max-width: 1023px){

.preview-weapon__label{
        height:clamp(2rem, 7vw, 2.75rem);
        padding:clamp(0.4rem, 1.6vw, 0.75rem) clamp(0.625rem, 2.5vw, 1rem);
        font-size:clamp(0.75rem, 3vw, 1rem);
        border-width:1px;
        border-radius:0.25rem;
}
    }

@media (max-width: 1023px){

.preview-weapon__label-sep{
        margin:0 0.4rem;
}
    }

.preview-weapon__label--visible{
    opacity:1;
    animation:t-scan-in 0.45s ease-out both;
}

.preview-weapon__label--rejected{
    filter:grayscale(70%) brightness(0.6) blur(2px);
    transition:filter 0.5s ease;
}

.preview-weapon__label-name{
    color:var(--color-white-1);
}

.preview-weapon__label-sep{
    color:#47526C;
    margin:0 1rem;
}

.preview-weapon__label-exterior{
    color:var(--vendor-primary, #e63415);
}

.preview-weapon__steam-logo{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:auto;
    height:22rem;
    object-fit:contain;
    opacity:0;
    z-index:5;
    transition:opacity 0.5s ease 0.15s;
    cursor:pointer;
}

.preview-weapon__steam-logo:hover{
        transform:translate(-50%, -50%) scale(1.05) !important;
    }

.preview-weapon--auth .preview-weapon__auth-badge{
    animation:t-scan-out 0.4s ease-in both !important;
}

.preview-weapon--auth .preview-weapon__img{
    animation:weapon-auth-out 0.5s ease-in 0.1s both !important;
}

.preview-weapon--auth .preview-weapon__label{
    animation:t-scan-out 0.35s ease-in 0.15s both !important;
}

.preview-weapon--auth .preview-weapon__steam-logo{
    opacity:1;
    animation:steam-logo-appear 0.7s ease-out 0.45s both, steam-logo-glow 3s ease-in-out 1.15s infinite;
}

.terminal-preview__body:has(.preview-weapon--auth) .terminal-preview__scope{
    animation:scope-slow-spin 25s linear infinite !important;
    will-change:transform;
    transition:none;
}

.terminal--finish .terminal-chat{
    display:none;
}

.terminal--finish .terminal__body{
    grid-template-columns:1fr;
}

.terminal--finish[data-vendor="hell"] .terminal-preview__vendor-badge-text[data-class_vendor="hell"],
.terminal--finish[data-vendor="key"]  .terminal-preview__vendor-badge-text[data-class_vendor="key"],
.terminal--finish[data-vendor="club"] .terminal-preview__vendor-badge-text[data-class_vendor="club"]{
    display:inline;
}

.terminal--finish .terminal-preview__scope{
    animation:scope-slow-spin 25s linear infinite;
    will-change:transform;
    transition:none;
}

@media (max-width: 1023px){

.terminal--finish .terminal-preview__scope{
        top:75%;
        max-height:130%;
        width:150%;
        max-width:150%;
}
    }

.finish-content{
    position:relative;
    z-index:2;
    display:none;
    flex-direction:column;
    justify-content:center;
    gap:1.25rem;
    width:100%;
    height:100%;
    padding:0.5rem 0;
}

@media (min-width: 1920px){

.finish-content{
        gap:clamp(0.75rem, 1.4vh, 1.5rem);
        padding:0.5rem 0;
        justify-content:center;
}
    }

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

.finish-content{
        gap:clamp(0.5rem, 1.2vh, 1.25rem);
        padding:0.5rem 0;
        justify-content:center;
}
    }

@media (max-width: 1023px){

.finish-content{
        justify-content:flex-start;
        gap:0.6rem;
        padding:0.5rem 0.75rem 0.1rem 0.75rem;
}
    }

.finish-content.show{
    display:flex;
}

.finish-content__status{
    display:flex;
    align-items:center;
    white-space:nowrap;
    -webkit-user-select:none;
            user-select:none;
    color:var(--color-white-1);
    text-shadow:0 0 2px var(--color-black-1);
    font-weight:500;
}

@media (min-width: 1920px){

.finish-content__status{
        font-size:clamp(0.85rem, 0.7vw, 1.1rem);
}
    }

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

.finish-content__status{
        font-size:clamp(0.7rem, 0.9vw, 1rem);
}
    }

@media (max-width: 1023px){

.finish-content__status{
        flex-wrap:wrap;
        white-space:normal;
        font-size:clamp(0.7rem, 2.8vw, 0.9rem) !important;
        line-height:1.3;
        gap:0.15rem 0.4rem;
}
    }

.finish-content__status-sep{
    display:inline-block;
    width:5rem;
    height:1px;
    background:var(--color-white-2);
    margin:0 1.5rem;
    opacity:0.4;
}

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

.finish-content__status-sep{
        width:3.5rem;
        margin:0 1rem;
}
    }

@media (max-width: 1023px){

.finish-content__status-sep{
        width:8rem;
        margin:0 0.4rem;
}
    }

.finish-content__title{
    font-family:var(--font-secondary);
    font-weight:700;
    font-size:clamp(1.8rem, 2.8vw, 3.4rem);
    line-height:1.2;
    color:var(--color-white-1);
    text-transform:uppercase;
    max-width:52rem;
    -webkit-user-select:none;
            user-select:none;
    text-shadow:0 0 2px var(--color-black-1);
}

@media (min-width: 1920px){

.finish-content__title{
        font-size:clamp(1.8rem, 2.2vw, 3rem);
        max-width:48rem;
}
    }

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

.finish-content__title{
        font-size:clamp(1.4rem, 2.2vw, 2.6rem);
        max-width:42rem;
}
    }

@media (max-width: 1023px){

.finish-content__title{
        font-size:clamp(1.05rem, 5.2vw, 1.85rem);
        line-height:1.3;
        max-width:none;
}

        .finish-content__title br{
            display:none;
        }
    }

.finish-content__row{
    display:flex;
    align-items:center;
    gap:2rem;
}

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

.finish-content__row{
        gap:2.5rem;
}
    }

@media (max-width: 1023px){

.finish-content__row{
        flex-direction:column;
        align-items:stretch;
        gap:0.4rem;
}
    }

@media (max-width: 1023px){
        .finish-content__row:last-of-type{
            margin-top:auto;
            position:relative;
            z-index:5;
        }
    }

.finish-content__text{
    z-index:3;
    max-width:16rem;
    line-height:1.4;
    color:var(--color-white-1);
    text-shadow:0 0 2px var(--color-black-1);
    -webkit-user-select:none;
            user-select:none;
    font-weight:500;
}

@media (min-width: 1920px){

.finish-content__text{
        max-width:15rem;
        font-size:clamp(0.85rem, 0.7vw, 1.1rem);
}
    }

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

.finish-content__text{
        max-width:13rem;
        font-size:clamp(0.7rem, 0.9vw, 1rem);
}
    }

@media (max-width: 1023px){

.finish-content__text{
        max-width:none;
        text-align:center;
        font-size:clamp(0.7rem, 2.8vw, 0.9rem) !important;
}
    }

.finish-content__promo{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:20rem;
    height:6.5rem;
    padding:1.25rem 6.75rem;
    border:2px solid var(--vendor-primary);
    border-radius:0.375rem;
}

@media (min-width: 1920px){

.finish-content__promo{
        min-width:18rem;
        height:clamp(4.5rem, 7vh, 6rem);
        padding:1rem 5rem;
        margin-top:1rem;
        margin-bottom:0.5rem;
}
    }

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

.finish-content__promo{
        min-width:16rem;
        height:clamp(3.5rem, 6vh, 5.5rem);
        padding:0.75rem 4rem;
        margin-top:1.5rem;
        margin-bottom:0.5rem;
}
    }

@media (max-width: 1023px){

.finish-content__promo{
        min-width:0;
        width:100%;
        height:clamp(3.5rem, 13vw, 5rem);
        padding:0.6rem 1rem;
        border-width:1px;
}
    }

.finish-content__promo-code{
    font-family:var(--font-primary);
    font-size:clamp(2.5rem, 2.8vw, 3.4rem);
}

@media (min-width: 1920px){

.finish-content__promo-code{
        font-size:clamp(2rem, 2.2vw, 2.8rem);
}
    }

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

.finish-content__promo-code{
        font-size:clamp(1.6rem, 2vw, 2.4rem);
}
    }

.finish-content__promo-code{
    line-height:1.4;
    text-transform:uppercase;
    white-space:nowrap;
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

@media (max-width: 1023px){

.finish-content__promo-code{
        font-size:clamp(1.8rem, 5.2vw, 2.2rem);
}
    }

.terminal[data-vendor="hell"] .finish-content__promo-code{
    background-image:linear-gradient(120deg, #eb831a, #eb521a);
}

.terminal[data-vendor="key"] .finish-content__promo-code{
    background-image:linear-gradient(120deg, #ffcb77, #ff9d00);
}

.terminal[data-vendor="club"] .finish-content__promo-code{
    background-image:linear-gradient(120deg, #a293ff, #5c49d0);
}

.finish-content__claim{
    width:38rem;
    height:7rem;
    font-size:2.875rem !important;
    flex:none !important;
    animation:btn-vendor-pulse 3s ease-in-out 0.5s infinite;
}

@media (min-width: 1920px){

.finish-content__claim{
        flex:none !important;
        width:clamp(34rem, 30vw, 44rem) !important;
        height:clamp(6.25rem, 8.5vh, 8.25rem) !important;
        min-height:0 !important;
        padding:0.75rem 2rem !important;
        font-size:clamp(2.375rem, 2.3vw, 3.25rem) !important;
}
    }

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

.finish-content__claim{
        flex:none !important;
        width:clamp(22rem, 28vw, 32rem) !important;
        height:clamp(5rem, 7vh, 6.5rem) !important;
        min-height:0 !important;
        padding:0.5rem 1.5rem !important;
        font-size:clamp(1.35rem, 1.7vw, 2.1rem) !important;
}
    }

@media (max-width: 1023px){

.finish-content__claim{
        flex:none !important;
        width:100%;
        height:clamp(3.5rem, 14vw, 5rem) !important;
        min-height:0 !important;
        font-size:clamp(1.25rem, 5.5vw, 2rem) !important;
        container-type:normal !important;
        position:relative;
        z-index:5;
}
    }

.finish-content__dealer{
    position:absolute;
    height:150%;
    width:auto;
    object-fit:contain;
    object-position:bottom right;
    pointer-events:none;
    z-index:2;
}

@media (min-width: 1920px){

.finish-content__dealer{
        height:170%;
        top:-10px;
}
    }

@media (max-width: 1023px){

.finish-content__dealer{
        height:auto !important;
        width:110% !important;
        max-width:none !important;
        left:50% !important;
        right:auto !important;
        top:auto !important;
        bottom:-7rem !important;
        transform:translateX(-50%) !important;
        object-position:bottom center;
        z-index:2;
}
    }

.terminal[data-vendor="hell"] .finish-content__dealer{
    right:-2rem;
    bottom:-15rem;
    filter:drop-shadow(0 0 0.5rem rgba(235, 82, 26, 0.4)) drop-shadow(0 0 1.25rem rgba(235, 82, 26, 0.3));
}

.terminal[data-vendor="key"] .finish-content__dealer{
    right:-14rem;
    bottom:-14rem;
    filter:drop-shadow(0 0 0.5rem rgba(255, 203, 119, 0.4)) drop-shadow(0 0 1.25rem rgba(255, 203, 119, 0.3));
}

.terminal[data-vendor="club"] .finish-content__dealer{
    right:-2rem;
    bottom:-15rem;
    filter:drop-shadow(0 0 0.5rem rgba(137, 118, 255, 0.4)) drop-shadow(0 0 1.25rem rgba(137, 118, 255, 0.3));
}

.terminal--finish-reveal .finish-content__status{
    animation:t-scan-in 0.45s ease-out 0.5s both;
}

.terminal--finish-reveal .finish-content__title{
    animation:t-scan-in 0.5s ease-out 0.6s both;
}

.terminal--finish-reveal .finish-content__row:nth-child(3){
    animation:t-fade-in 0.4s ease-out 0.75s both;
}

.terminal--finish-reveal .finish-content__row:nth-child(4){
    animation:t-fade-in 0.4s ease-out 0.9s both;
}

.terminal--finish-reveal .finish-content__dealer{
    animation:t-dealer-in 0.6s ease-out 0.5s both;
}