:root {


--vmc-cyan:    #22DCE0;
--vmc-violet:  #7C5CFF;
--vmc-magenta: #FF3D86;


--vmc-gold:    #FFC93C;


--vmc-ink:   #07090F;  
--vmc-white: #F4F5F7;  


--vmc-surface-1: #0B0E18;
--vmc-surface-2: #111524;
--vmc-surface-3: #171C2E;
--vmc-surface-4: #1E2438;


--vmc-text:   #F4F5F7;
--vmc-text-2: rgba(244, 245, 247, .72);
--vmc-text-3: rgba(244, 245, 247, .50);
--vmc-text-4: rgba(244, 245, 247, .32);


--vmc-line:   rgba(244, 245, 247, .09);
--vmc-line-2: rgba(244, 245, 247, .16);
--vmc-line-3: rgba(244, 245, 247, .26);




--vmc-shadow-2: 0 12px 34px -12px rgba(3, 4, 8, .80);



--vmc-climb:      linear-gradient(90deg, var(--vmc-cyan) 0%, var(--vmc-violet) 52%, var(--vmc-magenta) 100%);



--vmc-font-display: "Outfit", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;
--vmc-font-head:    "Sora", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;
--vmc-font-ui:      "Jost", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;


--fs-display: clamp(2.9rem, 1.4rem + 6.4vw, 6.5rem);
--fs-h1:      clamp(2.1rem, 1.3rem + 3.4vw, 3.75rem);
--fs-h2:      clamp(1.65rem, 1.15rem + 2.0vw, 2.6rem);
--fs-h3:      clamp(1.25rem, 1.02rem + 0.9vw, 1.65rem);
--fs-body:    1rem;
--fs-sm:      .9rem;
--fs-xs:      .78rem;
--fs-micro:   .68rem;


--sp-4: 1rem;    --sp-5: 1.5rem;  --sp-6: 2rem;



--vmc-gutter:  clamp(1rem, 2vw, 2rem);


--r-full: 999px;


--ease-out:    cubic-bezier(.22, 1, .36, 1);
--ease-spring: cubic-bezier(.34, 1.56, .64, 1);
--ease-in-out: cubic-bezier(.65, 0, .35, 1);
--t-fast:  .18s;
--t-med:   .34s;
--t-slow:  .62s;


--vmc-topbar-h: 74px;
--vmc-sidebar-w: 240px; 
--vmc-rail-w: 68px;     
--vmc-action-h: 44px; 

--vmc-card-ratio: 209 / 319;
--vmc-dock-h:   76px;  
--vmc-z-dock:   80;
--vmc-z-drawer: 90;  
--vmc-z-topbar: 95;  
--vmc-z-modal:  100;


--vmc-admin-h: 0px;
}


:root:has(body.admin-bar),
body.admin-bar { --vmc-admin-h: 32px; }

@media (max-width: 782px) {
:root:has(body.admin-bar),
body.admin-bar { --vmc-admin-h: 46px; }
}


@media (max-width: 600px) {
:root:has(body.admin-bar),
body.admin-bar { --vmc-admin-h: 0px; }
}


body.admin-bar { min-height: calc(100vh - var(--vmc-admin-h)); }

@media (max-width: 900px) {
:root { --vmc-topbar-h: 62px; }
}



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

html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;

-webkit-tap-highlight-color: transparent;

scroll-padding-top: calc(var(--vmc-topbar-h) + 1.5rem + var(--vmc-admin-h));
}

body {
margin: 0;
min-height: 100vh;
background: var(--vmc-ink);
color: var(--vmc-text);
font: 400 var(--fs-body)/1.65 var(--vmc-font-ui);
letter-spacing: .002em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;

padding-bottom: env(safe-area-inset-bottom);
}

body.vmc-locked { overflow: hidden; }

h1, h2, h3, h4, h5 {
margin: 0 0 var(--sp-4);
font-family: var(--vmc-font-head);
font-weight: 700;
line-height: 1.12;
letter-spacing: -.02em;
color: var(--vmc-white);
text-wrap: balance;
}


.vmc-title {
margin: 0 0 var(--sp-4);
font-family: var(--vmc-font-head);
font-weight: 700;
line-height: 1.12;
letter-spacing: -.02em;
color: var(--vmc-white);
text-wrap: balance;
}

h1 { font-size: var(--fs-h1); font-weight: 800; }
h2 { font-size: var(--fs-h2); font-weight: 800; }
h3 { font-size: var(--fs-h3); }

p { margin: 0 0 var(--sp-4); color: var(--vmc-text-2); text-wrap: pretty; }
p:last-child { margin-bottom: 0; }

a { color: var(--vmc-cyan); text-decoration: none; transition: color var(--t-fast) var(--ease-out); }
a:hover { color: var(--vmc-white); }

img, svg, video, canvas { max-width: 100%; height: auto; display: block; }
button, input, select, textarea { font: inherit; color: inherit; }
button { background: none; border: 0; padding: 0; cursor: pointer; }
ul, ol { margin: 0 0 var(--sp-4); padding-left: 1.15rem; }
li { margin-bottom: .35rem; color: var(--vmc-text-2); }
hr { border: 0; height: 1px; background: var(--vmc-line); margin: var(--sp-6) 0; }

strong, b { color: var(--vmc-white); font-weight: 600; }

::selection { background: var(--vmc-magenta); color: var(--vmc-ink); }

:focus-visible {
outline: 2px solid var(--vmc-cyan);
outline-offset: 3px;
border-radius: 2px;
}


* { scrollbar-width: thin; scrollbar-color: var(--vmc-surface-4) transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb {
background: var(--vmc-surface-4);
border-radius: var(--r-full);
border: 2px solid var(--vmc-ink);
}
*::-webkit-scrollbar-thumb:hover { background: var(--vmc-violet); }



.vmc-backdrop {
position: fixed;
inset: 0;
z-index: 0;
pointer-events: none;
overflow: hidden;
contain: strict;
}

.vmc-backdrop__aurora {
position: absolute;
inset: -30%;
background:
radial-gradient(38% 44% at 14% 8%,  rgba(34, 220, 224, .22), transparent 70%),
radial-gradient(42% 46% at 84% 16%, rgba(255, 61, 134, .20), transparent 72%),
radial-gradient(52% 50% at 50% 96%, rgba(124, 92, 255, .24), transparent 70%);
filter: blur(30px);
animation: vmc-drift 26s var(--ease-in-out) infinite alternate;
}

@keyframes vmc-drift {
0%   { transform: translate3d(0, 0, 0) scale(1); }
50%  { transform: translate3d(2.5%, -2%, 0) scale(1.06); }
100% { transform: translate3d(-2%, 2.5%, 0) scale(1.02); }
}


.vmc-backdrop__grid {
position: absolute;
left: -50%;
right: -50%;
bottom: -10%;
height: 62%;
background-image:
linear-gradient(rgba(124, 92, 255, .16) 1px, transparent 1px),
linear-gradient(90deg, rgba(34, 220, 224, .13) 1px, transparent 1px);
background-size: 68px 68px;
transform: perspective(320px) rotateX(62deg);
transform-origin: 50% 100%;
mask-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .45) 42%, transparent 88%);
opacity: .7;
}

.vmc-backdrop__vignette {
position: absolute;
inset: 0;
background:
radial-gradient(120% 78% at 50% 42%, transparent 38%, rgba(7, 9, 15, .70) 78%, var(--vmc-ink) 100%);
}


.vmc-shell { position: relative; z-index: 1; }
.vmc-main  { padding-top: var(--vmc-topbar-h); }


@media (max-width: 620px) {
.vmc-homepage .vmc-main { display: flex; flex-direction: column; }
.vmc-homepage .vmc-main > * { order: 2; }

.vmc-homepage .vmc-main > .vmc-hero,
.vmc-homepage .vmc-main > .vmc-terms-band,
.vmc-homepage .vmc-main > .vmc-marquee,
.vmc-homepage .vmc-main > #vmc-featured { order: 1; }


.vmc-homepage .vmc-main > #vmc-categories { padding-top: 0; }


.vmc-homepage .vmc-main > #vmc-featured { padding-top: var(--sp-5); }
}





.vmc-wrap {
width: 100%;
margin-inline: auto;
padding-inline: var(--vmc-gutter);
}


.vmc-section {position: relative; }
.vmc-section--tight { padding-bottom: 20px; }


.vmc-section--tight-end { padding: 1rem 0; }




.vmc-eyebrow {
display: inline-flex;
align-items: center;
gap: .6rem;
margin-bottom: .85rem;
font: 500 var(--fs-xs)/1 var(--vmc-font-ui);
letter-spacing: .22em;
text-transform: uppercase;
color: var(--vmc-text-3);
}

.vmc-eyebrow__dot {
width: 6px; height: 6px;
border-radius: 50%;
background: var(--vmc-cyan);
box-shadow: 0 0 10px var(--vmc-cyan);
}

.vmc-shead {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: var(--sp-5);

flex-wrap: wrap;
}


.vmc-shead__lead {
display: flex;
align-items: center;
gap: .85rem;
min-width: 0;
}
.vmc-shead__tools {
display: flex;
align-items: center;
gap: .5rem;
flex: none;
}


.vmc-shead__ico {
--shead-tint: var(--vmc-violet);
position: relative;
display: grid;
place-items: center;
width: 46px; height: 46px;
flex: none;
color: var(--shead-tint);
}
.vmc-shead__ico::after {
content: "";
position: absolute;
left: 3px; right: 3px; bottom: 0;
height: 15px;
pointer-events: none;
background: radial-gradient(58% 100% at 50% 100%,
color-mix(in srgb, var(--shead-tint) 70%, transparent), transparent 74%);
}
.vmc-shead__ico .vmc-i { width: 30px; height: 30px; }
.vmc-shead__ico[data-accent="cyan"]    { --shead-tint: var(--vmc-cyan); }
.vmc-shead__ico[data-accent="magenta"] { --shead-tint: var(--vmc-magenta); }

.vmc-shead__title {
margin: 0;
font-size: var(--fs-h3);
line-height: 1.1;
}


.vmc-display {
font-family: var(--vmc-font-display);
font-weight: 900;
font-size: var(--fs-display);
line-height: .92;
letter-spacing: -.028em;
text-transform: uppercase;
margin: 0;
}


.vmc-neon {
background: var(--vmc-climb);
-webkit-background-clip: text;
background-clip: text;
color: transparent;

filter: drop-shadow(0 0 22px rgba(124, 92, 255, .45));
}



[data-reveal] {
opacity: 0;
transform: translate3d(0, 26px, 0);
transition: opacity var(--t-slow) var(--ease-out), transform var(--t-slow) var(--ease-out);
will-change: opacity, transform;
}

[data-reveal].is-in {
opacity: 1;
transform: none;
will-change: auto;
}

.no-js [data-reveal] { opacity: 1; transform: none; }



@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }

*, *::before, *::after {
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
transition-duration: .001ms !important;
}

[data-reveal] { opacity: 1 !important; transform: none !important; }
.vmc-backdrop__aurora { animation: none; }
}




.vmc-btn {
--btn-tint: var(--vmc-violet);
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: .55rem;
padding: .9rem 1.7rem;
font: 700 var(--fs-sm)/1 var(--vmc-font-ui);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--vmc-white);
white-space: nowrap;
cursor: pointer;
isolation: isolate;
overflow: hidden;

border-radius: 12px;
transition: transform var(--t-fast) var(--ease-spring),
box-shadow var(--t-med) var(--ease-out),
color var(--t-fast) var(--ease-out);
}


.vmc-btn::before {
content: "";
position: absolute;
inset: 0 0 50% 0;
z-index: 1;
background: linear-gradient(180deg, rgba(255, 255, 255, .38), rgba(255, 255, 255, .04));
pointer-events: none;
}


.vmc-btn::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
background: linear-gradient(105deg, transparent 34%, rgba(255, 255, 255, .55) 50%, transparent 66%);
transform: translateX(-120%);
transition: transform var(--t-slow) var(--ease-out);
pointer-events: none;
}
.vmc-btn:hover::after { transform: translateX(120%); }

.vmc-btn > * { position: relative; z-index: 3; }
.vmc-btn .vmc-i { width: 1.15em; height: 1.15em; position: relative; z-index: 3; }

.vmc-btn:hover  { transform: translateY(-2px); color: var(--vmc-white); }
.vmc-btn:active { transform: translateY(1px) scale(.99); }


.vmc-btn--solid {
background: var(--btn-tint);
color: var(--vmc-ink);
text-shadow: none;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .32),
inset 0 -2px 0 rgba(7, 9, 15, .2),
0 8px 22px -12px color-mix(in srgb, var(--btn-tint) 95%, transparent);
}
.vmc-btn--solid::before,
.vmc-btn--solid::after { display: none; }
.vmc-btn--solid:hover {
color: var(--vmc-ink);
background: color-mix(in srgb, var(--btn-tint) 88%, white);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .5),
inset 0 -2px 0 rgba(7, 9, 15, .2),
0 12px 30px -12px var(--btn-tint);
}
.vmc-btn--solid .vmc-i { color: var(--vmc-ink); }

.vmc-btn--solid .vmc-i__core { stroke: var(--vmc-ink); }
.vmc-btn--solid .vmc-i__core[fill="currentColor"] { fill: var(--vmc-ink); }
.vmc-btn--solid .vmc-i__glow { opacity: 0; }


.vmc-btn--tube {
background: rgba(7, 9, 15, .35);
color: var(--btn-tint);
border-radius: 999px;
text-shadow: 0 0 10px var(--btn-tint), 0 0 24px color-mix(in srgb, var(--btn-tint) 55%, transparent);
box-shadow:
inset 0 0 0 1.5px var(--btn-tint),
inset 0 0 14px -6px var(--btn-tint),
0 0 18px -6px color-mix(in srgb, var(--btn-tint) 65%, transparent);
}
.vmc-btn--tube:hover {
color: #fff;
text-shadow: 0 0 12px var(--btn-tint), 0 0 30px var(--btn-tint);
box-shadow:
inset 0 0 0 1.5px #fff,
inset 0 0 24px -6px var(--btn-tint),
0 0 38px -4px var(--btn-tint);
}
.vmc-btn--tube .vmc-i { color: var(--btn-tint); }
.vmc-btn--tube:hover .vmc-i { color: #fff; }
.vmc-btn--tube::before { display: none; } 


.vmc-btn--chip {
background:
linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 42%),
linear-gradient(180deg, var(--vmc-surface-3), var(--vmc-surface-1));
color: var(--vmc-white);
border-radius: 12px;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .45),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px var(--vmc-line-2),
0 6px 18px -8px rgba(0, 0, 0, .9);
}
.vmc-btn--chip::before { display: none; }

.vmc-btn--chip::after {
content: "";
position: absolute;
left: 14%; right: 14%;
bottom: 0;
top: auto;
height: 2px;
border-radius: 2px;
background: var(--btn-tint);
box-shadow: 0 0 12px var(--btn-tint);
opacity: .7;
transform: none;
transition: opacity var(--t-med) var(--ease-out),
left var(--t-med) var(--ease-out),
right var(--t-med) var(--ease-out);
}
.vmc-btn--chip:hover::after { opacity: 1; left: 6%; right: 6%; }

.vmc-btn--chip:hover {
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .6),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px color-mix(in srgb, var(--btn-tint) 45%, transparent),
0 10px 26px -10px rgba(0, 0, 0, .95),
0 0 30px -12px var(--btn-tint);
}
.vmc-btn--chip:active { transform: translateY(1px); }
.vmc-btn--chip .vmc-i { color: var(--btn-tint); }


.vmc-btn--ghost {
background: rgba(244, 245, 247, .03);
color: var(--vmc-text-2);
font-weight: 500;
box-shadow: inset 0 0 0 1px var(--vmc-line-2);
}
.vmc-btn--ghost:hover {
color: var(--vmc-white);
background: rgba(244, 245, 247, .07);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 0 0 1px var(--vmc-line-3);
}
.vmc-btn--ghost::before { opacity: .25; }
.vmc-btn--ghost::after  { display: none; }


.vmc-btn--cyan    { --btn-tint: var(--vmc-cyan); }
.vmc-btn--magenta { --btn-tint: var(--vmc-magenta); }

.vmc-btn--violet  { --btn-tint: var(--vmc-violet); }


.vmc-btn--sm { padding: .6rem 1.1rem; font-size: var(--fs-xs); }
.vmc-btn--xl {
padding: .95rem 1.45rem .95rem 1.75rem;
font-size: clamp(.92rem, .86rem + .3vw, 1.05rem);
letter-spacing: .11em;
border-radius: 14px; 
}

.vmc-btn--ring {

border-radius: 12px;

color: var(--vmc-white);
background:
linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 42%),
linear-gradient(180deg, var(--vmc-surface-3), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .45),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px var(--vmc-line-2),
0 6px 18px -8px rgba(0, 0, 0, .9);

text-shadow: 0 0 12px color-mix(in srgb, var(--btn-tint) 70%, transparent);

min-height: 44px;
}


.vmc-btn--ring::before {
content: "";
display: block;
inset: auto auto 0 50%;
transform: translateX(-50%);
width: 75%;
height: 2px;
z-index: 2;
background: var(--btn-tint);
filter: drop-shadow(0 0 8px var(--btn-tint));
pointer-events: none;
}


.vmc-btn--ring:hover {
color: var(--vmc-white);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .5),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px color-mix(in srgb, var(--btn-tint) 45%, transparent),
0 8px 22px -8px rgba(0, 0, 0, .95),
0 0 26px -12px var(--btn-tint);
text-shadow: 0 0 14px color-mix(in srgb, var(--btn-tint) 85%, transparent);
}

.vmc-btn__ring {
display: inline-flex;
align-items: center;
z-index: 3;
transition: transform var(--t-fast) var(--ease-spring);
}


.vmc-btn--ring .vmc-btn__ring .vmc-i { color: var(--vmc-white); }
.vmc-btn--ring .vmc-btn__ring .vmc-i__core { stroke: var(--vmc-white); }
.vmc-btn--ring .vmc-btn__ring .vmc-i__core[fill="currentColor"] { fill: var(--vmc-white); }
.vmc-btn--ring .vmc-btn__ring .vmc-i__glow { opacity: 0; }


.vmc-btn--ring:hover .vmc-btn__ring { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) {
.vmc-btn--ring:hover .vmc-btn__ring { transform: none; }
}

.vmc-btn--block { display: flex; width: 100%; }

.vmc-btn[disabled], .vmc-btn[aria-disabled="true"] {
opacity: .45; pointer-events: none; filter: saturate(.4);
}


.vmc-iconbtn {
position: relative;
display: inline-grid;
place-items: center;
width: 42px; height: 42px;
color: var(--vmc-text-2);
background: linear-gradient(180deg, rgba(244, 245, 247, .09), rgba(244, 245, 247, .02));
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 0 0 1px var(--vmc-line);
border-radius: 12px;
transition: color var(--t-fast) var(--ease-out),
background var(--t-fast) var(--ease-out),
box-shadow var(--t-med) var(--ease-out),
transform var(--t-fast) var(--ease-spring);
}
.vmc-iconbtn:hover {
color: var(--vmc-cyan);
transform: translateY(-1px);
background: linear-gradient(180deg, rgba(34, 220, 224, .22), rgba(34, 220, 224, .05));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .35),
inset 0 0 0 1px rgba(34, 220, 224, .6),
0 0 26px -8px var(--vmc-cyan);
}
.vmc-iconbtn .vmc-i { width: 20px; height: 20px; }




.vmc-i {
overflow: visible; 
transition: transform var(--t-med) var(--ease-spring);
}


.vmc-i__glow {
stroke-width: 4.5;
opacity: .45;
filter: blur(1.6px);
transition: opacity var(--t-med) var(--ease-out);
}


.vmc-i__core {
stroke: color-mix(in srgb, currentColor 30%, white);
fill: none;
}


.vmc-i__core[fill="currentColor"] { fill: color-mix(in srgb, currentColor 30%, white); }


:is(a, button, .vmc-card, .vmc-sign, .vmc-feature):hover .vmc-i__glow { opacity: .95; }


.vmc-btn .vmc-i__glow,
.vmc-prose .vmc-i__glow { opacity: .25; }

@media (prefers-reduced-motion: reduce) {
.vmc-i { transition: none; }
}





.vmc-badge {
--badge-tint: var(--vmc-cyan);
display: inline-flex;
align-items: center;
gap: .4rem;
padding: .34rem .68rem;
font: 700 var(--fs-micro)/1 var(--vmc-font-ui);
letter-spacing: .16em;
text-transform: uppercase;


color: var(--vmc-ink);
background: linear-gradient(180deg,
color-mix(in srgb, var(--badge-tint) 88%, white),
var(--badge-tint));
border-radius: 999px;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .6),
0 4px 14px -6px var(--badge-tint);
}




.vmc-topbar {
position: fixed;
top: var(--vmc-admin-h); left: 0; right: 0;
z-index: var(--vmc-z-topbar);
height: var(--vmc-topbar-h);
display: flex;
align-items: center;
background: rgba(7, 9, 15, .88);
backdrop-filter: blur(18px) saturate(1.4);
-webkit-backdrop-filter: blur(18px) saturate(1.4);
border-bottom: 1px solid var(--vmc-line);
transition: height var(--t-med) var(--ease-out), background var(--t-med) var(--ease-out);
}
.vmc-topbar.is-stuck {
background: rgba(7, 9, 15, .95);
box-shadow: var(--vmc-shadow-2);
}

.vmc-topbar__inner {
width: 100%;
display: flex;
align-items: center;
gap: clamp(.5rem, 1.2vw, 1rem);

padding-inline: 12px;
}


.vmc-brand {
position: relative;
z-index: 2;
flex: none;
align-self: flex-start;
margin: 32px .5rem 0 0;
padding: .95rem 1.6rem 1.1rem;
color: var(--vmc-white);
border-radius: 0 0 14px 14px;
background: linear-gradient(180deg, #1b2138, #0d1120);
box-shadow:
inset 0 -1px 0 rgba(255, 255, 255, .10),
inset 0 0 0 1px var(--vmc-line-2),
0 16px 40px -18px rgba(124, 92, 255, .9);
transition: box-shadow var(--t-med) var(--ease-out);
}


.vmc-brand::before,
.vmc-brand::after {
content: "";
position: absolute;
top: -10px;
width: 3px;
height: 10px;
background: var(--vmc-line-3);
}
.vmc-brand::before { left: 20px; }
.vmc-brand::after  { right: 20px; }

.vmc-brand:hover {
box-shadow:
inset 0 -1px 0 rgba(255, 255, 255, .18),
inset 0 0 0 1px color-mix(in srgb, var(--vmc-violet) 45%, transparent),
0 20px 50px -18px rgba(124, 92, 255, 1);
}

.vmc-brand .vmc-logo {
height: clamp(34px, 3.6vw, 46px);
width: auto;
overflow: visible; 
position: relative;
z-index: 1;
}


.vmc-brand__lit {
position: absolute;
left: 8%;
right: 8%;
top: 100%;
height: 26px;
pointer-events: none;
background: radial-gradient(60% 100% at 50% 0, rgba(124, 92, 255, .5), transparent 72%);
}

@media (max-width: 900px) {
.vmc-brand { margin-top: 24px; padding: .7rem 1.1rem .85rem; }
.vmc-brand::before { left: 14px; }
.vmc-brand::after  { right: 14px; }
}
@media (max-width: 620px) {
.vmc-brand { margin-top: 20px; padding: .55rem .85rem .65rem; }
.vmc-brand .vmc-logo { height: 28px; }
.vmc-brand__lit { display: none; }
}



.vmc-inset {
position: relative;
display: inline-flex;
align-items: center;
height: var(--vmc-action-h);
flex: none;
color: var(--vmc-text-2);
background: rgba(3, 4, 8, .55);
border-radius: 999px;
box-shadow:
inset 0 2px 5px rgba(0, 0, 0, .7),
inset 0 0 0 1px rgba(0, 0, 0, .5),
inset 0 -1px 0 rgba(255, 255, 255, .07),
0 1px 0 rgba(255, 255, 255, .05);
transition: box-shadow var(--t-med) var(--ease-out), color var(--t-fast) var(--ease-out);
}

.vmc-inset--icon {
width: var(--vmc-action-h);
justify-content: center;
cursor: pointer;
border: 0;
}
.vmc-inset--icon .vmc-i { width: 20px; height: 20px; }

.vmc-inset--icon:hover {
color: var(--vmc-cyan);
box-shadow:
inset 0 2px 5px rgba(0, 0, 0, .7),
inset 0 0 0 1px rgba(34, 220, 224, .35),
inset 0 -1px 0 rgba(255, 255, 255, .1),
0 0 20px -10px var(--vmc-cyan);
}


.vmc-burger .vmc-i { transform: rotate(-90deg); transition: transform var(--t-med) var(--ease-spring); }
.vmc-burger[aria-expanded="true"] .vmc-i { transform: rotate(-90deg) scale(.85); }



.vmc-mode {
position: relative;
display: inline-flex;
align-items: center;
height: var(--vmc-action-h);
flex: none;
padding: 0;
overflow: hidden;
border-radius: 12px;
background:
linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 42%),
linear-gradient(180deg, var(--vmc-surface-3), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .45),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px var(--vmc-line-2),
0 6px 18px -8px rgba(0, 0, 0, .9);
}


.vmc-mode__pill {
position: absolute;
left: 0; bottom: 0;
width: 50%;
height: 2px;
transition: transform var(--t-med) var(--ease-spring);
}


.vmc-mode__pill::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 20%, var(--vmc-cyan) 20%, var(--vmc-cyan) 80%, transparent 80%);
filter: drop-shadow(0 0 8px var(--vmc-cyan));
}


.vmc-mode__pill::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 62%;
height: 20px;
pointer-events: none;
background: radial-gradient(ellipse 100% 100% at 50% 100%,
color-mix(in srgb, var(--vmc-cyan) 42%, transparent) 0%,
color-mix(in srgb, var(--vmc-cyan) 14%, transparent) 48%,
transparent 76%);
}
.vmc-mode__pill[data-on="sports"] { transform: translateX(100%); }

.vmc-mode__opt {
position: relative;
z-index: 1;
display: grid;
place-items: center;
height: 100%;
padding-inline: 1.15rem;
font: 700 var(--fs-xs)/1 var(--vmc-font-ui);
letter-spacing: .1em;
text-transform: uppercase;

color: var(--vmc-text-2);
white-space: nowrap;
transition: color var(--t-fast) var(--ease-out), text-shadow var(--t-fast) var(--ease-out);
}
.vmc-mode__opt:hover { color: var(--vmc-white); }
.vmc-mode__opt.is-on {
color: var(--vmc-white);
text-shadow: 0 0 12px color-mix(in srgb, var(--vmc-cyan) 70%, transparent);
}



.vmc-searchbar {
min-width: 250px;
flex: 0 1 340px;
gap: .6rem;
padding-inline: 1.05rem;
cursor: text;

box-shadow:
inset 0 0 0 1.5px rgba(34, 220, 224, .8),
inset 0 2px 5px rgba(0, 0, 0, .7),
inset 0 0 14px -8px var(--vmc-cyan),
0 0 16px -8px rgba(34, 220, 224, .8);
}
.vmc-searchbar > .vmc-i { width: 18px; height: 18px; color: var(--vmc-text-3); flex: none; }

.vmc-searchbar__input {
flex: 1;
min-width: 0;
height: 100%;
background: none;
border: 0;
outline: none;
font: 400 var(--fs-sm)/1 var(--vmc-font-ui);
color: var(--vmc-white);
}
.vmc-searchbar__input::placeholder { color: var(--vmc-text-4); }
.vmc-searchbar__input::-webkit-search-cancel-button,
.vmc-searchbar__input::-webkit-search-decoration { -webkit-appearance: none; display: none; }

.vmc-searchbar:focus-within {
color: var(--vmc-white);

box-shadow:
inset 0 0 0 1.5px var(--vmc-cyan),
inset 0 2px 5px rgba(0, 0, 0, .7),
inset 0 0 22px -8px var(--vmc-cyan),
0 0 30px -8px var(--vmc-cyan);
}
.vmc-searchbar:focus-within > .vmc-i { color: var(--vmc-cyan); }



.vmc-topbar__actions {
display: flex;
align-items: center;
gap: .5rem;
flex: none;
margin-left: auto;
}
.vmc-topbar__actions .vmc-btn {
height: var(--vmc-action-h);
padding-block: 0;
}


.vmc-searchbtn { display: none; }

@media (max-width: 1080px) {
.vmc-searchbar { display: none; }
.vmc-searchbtn { display: inline-flex; }
}
@media (max-width: 860px) {
.vmc-topbar__actions .vmc-btn span { display: none; }
.vmc-topbar__actions .vmc-btn { padding-inline: .9rem; }
}

@media (max-width: 620px) {


.vmc-topbar__inner { padding-inline: 8px; gap: .3rem; }


.vmc-brand { margin-right: .2rem; padding: .5rem .6rem .6rem; }
.vmc-brand .vmc-logo { height: clamp(28px, 9.8vw, 40px); }
.vmc-brand::before { left: 10px; }
.vmc-brand::after  { right: 10px; }

.vmc-topbar__actions .vmc-searchbtn,
.vmc-topbar__fav { display: none; }

.vmc-topbar__actions { gap: .3rem; }
.vmc-topbar__actions .vmc-btn .vmc-i { width: 20px; height: 20px; }


.vmc-topbar__actions .vmc-topbar__join span { display: inline; }
.vmc-topbar__actions .vmc-topbar__join {
padding-inline: .7rem;
gap: .3rem;
font-size: var(--fs-micro);
letter-spacing: .04em;
}
.vmc-topbar__actions .vmc-topbar__login { padding-inline: .55rem; }
}


@media (max-width: 385px) {
.vmc-topbar__inner { padding-inline: 6px; }
.vmc-brand { padding-inline: .45rem; margin-right: .1rem; }
.vmc-topbar__actions .vmc-topbar__join .vmc-i { display: none; }
.vmc-topbar__actions .vmc-topbar__join { padding-inline: .6rem; }
.vmc-topbar__actions .vmc-topbar__login { padding-inline: .45rem; }
}




.vmc-sidebar {
position: fixed;
top: calc(var(--vmc-topbar-h) + var(--vmc-admin-h));
bottom: 0;
left: 0;
z-index: var(--vmc-z-drawer);
width: var(--vmc-rail-w);
display: flex;
flex-direction: column;
background: rgba(9, 11, 19, .96);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-right: 1px solid var(--vmc-line);

overflow: visible;
overscroll-behavior: contain;
transition: width var(--t-med) var(--ease-out),
transform var(--t-slow) var(--ease-out),
box-shadow var(--t-med) var(--ease-out);
}

.vmc-sidebar.is-open {
width: var(--vmc-sidebar-w);
box-shadow: 24px 0 60px -28px rgba(0, 0, 0, .95);

overflow-y: auto;
overflow-x: hidden;
}

.vmc-sidebar__nav { padding: .9rem .6rem; flex: 1; }



.vmc-sidebar__own {

margin: 1.1rem .25rem .65rem;
padding: 0;
box-shadow: none;
}


.vmc-sidebar__own .vmc-sidebar__link {
border-radius: 999px;
color: var(--nav-tint);
background: rgba(7, 9, 15, .35);
text-shadow: 0 0 10px color-mix(in srgb, var(--nav-tint) 55%, transparent);
box-shadow:
inset 0 0 0 1.5px color-mix(in srgb, var(--nav-tint) 62%, transparent),
0 0 18px -8px color-mix(in srgb, var(--nav-tint) 60%, transparent);
transition: color var(--t-fast) var(--ease-out),
box-shadow var(--t-med) var(--ease-out),
text-shadow var(--t-med) var(--ease-out);
}
.vmc-sidebar__own .vmc-sidebar__link:hover,
.vmc-sidebar__own .vmc-sidebar__link.is-current {
color: var(--vmc-white);
text-shadow: 0 0 12px var(--nav-tint), 0 0 28px var(--nav-tint);
box-shadow:
inset 0 0 0 1.5px var(--nav-tint),
0 0 30px -6px var(--nav-tint);
}


.vmc-sidebar__own .vmc-sidebar__ico {
background: none;
box-shadow: none;
}


.vmc-sidebar__label { display: none; }
.vmc-sidebar.is-open .vmc-sidebar__label {
display: block;
padding: .85rem .75rem .45rem;
font: 600 var(--fs-micro)/1 var(--vmc-font-ui);
letter-spacing: .2em;
text-transform: uppercase;
color: var(--vmc-text-4);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


.vmc-sidebar__link {
--nav-tint: var(--vmc-violet);
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 0;
padding: .4rem 0;
margin-bottom: .6rem; 
font: 600 1rem/1.25 var(--vmc-font-ui);
color: var(--vmc-text-3);
border-radius: 10px;
transition: color var(--t-fast) var(--ease-out);
}

.vmc-sidebar__link:hover,
.vmc-sidebar__link.is-current { color: var(--vmc-white); }

.vmc-sidebar__link[data-accent="cyan"]    { --nav-tint: var(--vmc-cyan); }
.vmc-sidebar__link[data-accent="magenta"] { --nav-tint: var(--vmc-magenta); }


.vmc-sidebar.is-open .vmc-sidebar__link {
justify-content: flex-start;
gap: .7rem;
padding: .4rem .7rem;
}


.vmc-sidebar__ico {
display: grid;
place-items: center;
width: 40px; height: 40px;
flex: none;
color: var(--nav-tint);
border-radius: 12px;
background: linear-gradient(180deg, var(--vmc-surface-4), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .18),
inset 0 -1.5px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px var(--vmc-line),
0 4px 12px -6px rgba(0, 0, 0, .85);
transition: transform var(--t-med) var(--ease-spring),
box-shadow var(--t-med) var(--ease-out);
}
.vmc-sidebar__ico .vmc-i { width: 22px; height: 22px; }


.vmc-sidebar__ico .vmc-i__core { stroke: color-mix(in srgb, currentColor 78%, white); }
.vmc-sidebar__ico .vmc-i__glow { opacity: .32; }
.vmc-sidebar__link:hover .vmc-sidebar__ico .vmc-i__glow { opacity: .9; }


.vmc-sidebar__link:hover .vmc-sidebar__ico {
transform: translateY(-3px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .34),
inset 0 -1.5px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px color-mix(in srgb, var(--nav-tint) 30%, transparent),
0 10px 22px -8px rgba(0, 0, 0, .95),
0 0 26px -10px var(--nav-tint);
}


.vmc-sidebar__link.is-current .vmc-sidebar__ico {
transform: none;
background: linear-gradient(180deg, var(--vmc-surface-1), var(--vmc-surface-3));
box-shadow:
inset 0 2px 4px rgba(0, 0, 0, .75),
inset 0 -1px 0 rgba(255, 255, 255, .14),
inset 0 0 0 1px color-mix(in srgb, var(--nav-tint) 40%, transparent),
inset 0 0 16px -6px var(--nav-tint),
0 0 18px -10px var(--nav-tint);
}
.vmc-sidebar__link.is-current .vmc-sidebar__ico .vmc-i__glow { opacity: .8; }
.vmc-sidebar__text { display: none; }
.vmc-sidebar.is-open .vmc-sidebar__text {
display: block;
flex: 1;
white-space: nowrap;
overflow: hidden;
}


.vmc-sidebar__link::after {
content: attr(data-label);
position: absolute;
left: calc(100% + 14px);
top: 50%;
transform: translateY(-50%) translateX(-4px);
padding: .45rem .7rem;
font: 600 var(--fs-xs)/1 var(--vmc-font-ui);
letter-spacing: .04em;
white-space: nowrap;
color: var(--vmc-white);
background: var(--vmc-surface-3);
border-radius: 8px;
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--nav-tint) 40%, transparent),
0 12px 28px -14px #000;
opacity: 0;
pointer-events: none;
transition: opacity var(--t-fast) var(--ease-out), transform var(--t-fast) var(--ease-out);
z-index: 2;
}
.vmc-sidebar__link:hover::after { opacity: 1; transform: translateY(-50%) translateX(0); }


.vmc-sidebar.is-open .vmc-sidebar__link::after { content: none; }

.vmc-sidebar__foot {
padding: 1rem .6rem calc(1rem + env(safe-area-inset-bottom));
border-top: 1px solid var(--vmc-line);
display: none; 
gap: .5rem;
}


.vmc-mode--sidebar { display: none; }

@media (max-width: 760px) {
.vmc-topbar .vmc-mode { display: none; }
.vmc-mode--sidebar { display: flex; width: calc(100% - .5rem); margin: .25rem .25rem .5rem; }
.vmc-mode--sidebar .vmc-mode__opt { flex: 1; padding-inline: .5rem; }
}


.vmc-sidebar-scrim {
position: fixed;
inset: 0;
z-index: calc(var(--vmc-z-drawer) - 1);
background: rgba(4, 5, 10, .62);
backdrop-filter: blur(5px);
opacity: 0;
visibility: hidden;
transition: opacity var(--t-med) var(--ease-out), visibility var(--t-med);
}
.vmc-sidebar-scrim.is-open { opacity: 1; visibility: visible; }


@media (min-width: 1081px) {
.vmc-shell { padding-left: var(--vmc-rail-w); }


.vmc-sidebar__own { display: none; }


.vmc-sidebar__nav { padding-top: 32px; }
}


@media (min-width: 1081px) and (max-height: 640px) {
.vmc-sidebar { overflow-y: auto; overflow-x: hidden; }
.vmc-sidebar__link::after { content: none; }
}


@media (max-width: 1080px) {
.vmc-sidebar {

top: var(--vmc-admin-h);
width: min(300px, 84vw);
transform: translateX(-100%);
overflow-y: auto;
overflow-x: hidden;
}
.vmc-sidebar.is-open { transform: none; width: min(300px, 84vw); }
.vmc-sidebar__nav { padding-top: calc(var(--vmc-topbar-h) + 1rem); }


.vmc-sidebar .vmc-sidebar__label,
.vmc-sidebar .vmc-sidebar__text { display: block; }
.vmc-sidebar .vmc-sidebar__link { justify-content: flex-start; gap: .75rem; padding: .62rem .8rem; }
.vmc-sidebar .vmc-sidebar__link::after { content: none; }
.vmc-sidebar .vmc-sidebar__foot { display: grid; }
}




.vmc-offer {
position: fixed;
inset: 0;
z-index: var(--vmc-z-modal);
display: grid;
place-items: center;
padding: 1rem;
opacity: 0;
visibility: hidden;
transition: opacity var(--t-med) var(--ease-out), visibility var(--t-med);
}
.vmc-offer.is-open { opacity: 1; visibility: visible; }

.vmc-offer__scrim {
position: absolute;
inset: 0;
background: rgba(4, 5, 10, .82);
backdrop-filter: blur(14px) saturate(115%);
}

.vmc-offer__card {
position: relative;
display: flex;
flex-direction: column;
width: min(400px, 100%);
max-height: calc(100dvh - 2rem);
overflow-y: auto;
overscroll-behavior: contain;
text-align: center;
border-radius: 20px;
background:
radial-gradient(90% 60% at 50% 0%, rgba(124, 92, 255, .22), transparent 70%),
linear-gradient(180deg, var(--vmc-surface-2), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .1),
inset 0 0 0 1px var(--vmc-line-2),
0 40px 90px -40px rgba(0, 0, 0, 1);
transform: translateY(14px) scale(.97);
transition: transform var(--t-slow) var(--ease-spring);
}
.vmc-offer.is-open .vmc-offer__card { transform: none; }



.vmc-offer__band {
display: block;
flex: none;
overflow: hidden;
background: var(--vmc-surface-1);
}
.vmc-offer__band img {
display: block;
width: 100%;
height: 104px;
object-fit: cover;
object-position: center 42%;
}


.vmc-offer__body {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: .42rem;
padding: 1.2rem 1.35rem 1.15rem;
}
.vmc-offer__body > * { position: relative; z-index: 1; }

.vmc-offer__glow {
position: absolute;
left: 50%;
top: -4%;
width: 320px;
height: 320px;
transform: translateX(-50%);
pointer-events: none;
border-radius: 50%;
background: radial-gradient(circle,
color-mix(in srgb, var(--vmc-magenta) 26%, transparent) 0%,
color-mix(in srgb, var(--vmc-violet) 16%, transparent) 42%,
transparent 70%);
filter: blur(12px);
}


.vmc-offer__x {
position: absolute;
top: .7rem; right: .7rem;
z-index: 2;
display: grid;
place-items: center;
width: 34px; height: 34px;
border: 0;
border-radius: 50%;
cursor: pointer;
color: var(--vmc-text-3);
background: rgba(7, 9, 15, .5);
box-shadow: inset 0 0 0 1px var(--vmc-line-2);
transition: color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);
}
.vmc-offer__x:hover { color: var(--vmc-white); background: rgba(7, 9, 15, .8); }
.vmc-offer__x .vmc-i { width: 16px; height: 16px; }

.vmc-offer__eyebrow { margin-bottom: .2rem; }

.vmc-offer__lead {
margin: 0;
font: 600 var(--fs-xs)/1 var(--vmc-font-head);
letter-spacing: .34em;
text-transform: uppercase;
color: var(--vmc-text-2);
margin-left: -.04em;   
}

.vmc-offer__amount {
margin: 0;
font-size: clamp(2.8rem, 1.6rem + 6vw, 3.9rem);
line-height: .92;
}

.vmc-offer__sub {
margin: .3rem 0 .9rem;
font: 300 var(--fs-body)/1.45 var(--vmc-font-ui);
letter-spacing: .04em;
text-transform: uppercase;
color: var(--vmc-text-2);
text-wrap: balance;
}
.vmc-offer__sub b { color: var(--vmc-white); font-weight: 600; }
.vmc-offer__sub .vmc-hero__amp { color: var(--vmc-cyan); }

.vmc-offer__sub br { display: none; }


.vmc-offer__cta {
align-self: center;
min-width: min(240px, 100%);
padding: .72rem 1.6rem;
font-size: var(--fs-sm);
}


.vmc-offer__no {
margin-top: .2rem;
padding: .5rem .8rem;
border: 0;
background: none;
cursor: pointer;
font: 500 var(--fs-xs)/1 var(--vmc-font-ui);
letter-spacing: .06em;

color: var(--vmc-text-3);
transition: color var(--t-fast) var(--ease-out);
}
.vmc-offer__no:hover { color: var(--vmc-white); }


.vmc-offer__terms {
margin-top: .7rem;
padding-top: .7rem;
border-top: 1px solid var(--vmc-line);
text-align: left;
}
.vmc-offer__terms p {
margin: 0;
font-size: .62rem;
line-height: 1.5;
color: var(--vmc-text-2);
}
.vmc-offer__terms a {
color: var(--vmc-cyan);
text-decoration: underline;
text-underline-offset: 2px;
}
.vmc-offer__terms a:hover { color: var(--vmc-white); }

@media (max-width: 420px) {
.vmc-offer__card { padding: 1.9rem 1.15rem 1.25rem; }
.vmc-offer__sub { font-size: var(--fs-sm); }
}





.vmc-search {
position: fixed;
inset: 0;
z-index: var(--vmc-z-modal);
display: grid;
align-content: start;
justify-items: center;
padding: clamp(1rem, 7vh, 5rem) 1rem 1rem;
background: rgba(4, 5, 10, .84);
backdrop-filter: blur(18px) saturate(115%);
opacity: 0;
visibility: hidden;
transition: opacity var(--t-med) var(--ease-out), visibility var(--t-med);
}
.vmc-search.is-open { opacity: 1; visibility: visible; }

.vmc-search__panel {
display: flex;
flex-direction: column;
width: min(1060px, 100%);
max-height: min(80vh, 860px);
border-radius: 20px;
overflow: hidden;
background: linear-gradient(180deg, var(--vmc-surface-2), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .07),
inset 0 0 0 1px var(--vmc-line-2),
0 40px 90px -45px rgba(0, 0, 0, 1);
transform: translateY(-14px) scale(.99);
transition: transform var(--t-slow) var(--ease-spring);
}
.vmc-search.is-open .vmc-search__panel { transform: none; }


.vmc-search__bar {
display: flex;
align-items: center;
gap: .85rem;
flex: none;
padding: 1rem 1rem 1rem 1.3rem;
background: rgba(255, 255, 255, .022);
box-shadow: inset 0 -1px 0 var(--vmc-line);
transition: box-shadow var(--t-med) var(--ease-out);
}
.vmc-search__bar:focus-within {
box-shadow:
inset 0 -1px 0 color-mix(in srgb, var(--vmc-cyan) 55%, transparent),
inset 0 -14px 22px -20px var(--vmc-cyan);
}
.vmc-search__bar > .vmc-i { width: 21px; height: 21px; color: var(--vmc-cyan); flex: none; }

.vmc-search__input {
flex: 1;
min-width: 0;
background: none;
border: 0;
outline: none;
font: 400 clamp(1rem, 1.6vw, 1.22rem)/1.3 var(--vmc-font-head);
color: var(--vmc-white);
}
.vmc-search__input::placeholder { color: var(--vmc-text-4); }

.vmc-search__input::-webkit-search-cancel-button,
.vmc-search__input::-webkit-search-decoration { -webkit-appearance: none; display: none; }


.vmc-search__cats {
display: flex;
gap: .4rem;
flex: none;
padding: .7rem 1rem;
overflow-x: auto;
scrollbar-width: none;
box-shadow: inset 0 -1px 0 var(--vmc-line);
}
.vmc-search__cats::-webkit-scrollbar { display: none; }
.vmc-search__cats[hidden] { display: none; }

.vmc-scat {
--scat-tint: var(--vmc-cyan);
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: .42rem;
padding: .46rem .8rem;
border: 0;
border-radius: 999px;
cursor: pointer;
font: 600 var(--fs-xs)/1 var(--vmc-font-ui);
color: var(--vmc-text-3);
background: rgba(255, 255, 255, .04);
box-shadow: inset 0 0 0 1px var(--vmc-line);
transition: color var(--t-fast) var(--ease-out),
background var(--t-fast) var(--ease-out),
box-shadow var(--t-med) var(--ease-out);
}
.vmc-scat[data-accent="violet"]  { --scat-tint: var(--vmc-violet); }
.vmc-scat[data-accent="magenta"] { --scat-tint: var(--vmc-magenta); }
.vmc-scat[data-accent="gold"]    { --scat-tint: var(--vmc-gold); }
.vmc-scat .vmc-i { width: 15px; height: 15px; flex: none; color: var(--scat-tint); }
.vmc-scat:hover { color: var(--vmc-white); background: rgba(255, 255, 255, .07); }
.vmc-scat.is-on {
color: var(--vmc-white);
background: color-mix(in srgb, var(--scat-tint) 14%, transparent);
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--scat-tint) 70%, transparent),
0 0 18px -10px var(--scat-tint);
}
.vmc-scat.is-empty { opacity: .4; }


.vmc-search__results {
flex: 1;
min-height: 0;
padding: 1rem;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: var(--vmc-line-2) transparent;
}
.vmc-search__results::-webkit-scrollbar { width: 10px; }
.vmc-search__results::-webkit-scrollbar-track { background: transparent; }
.vmc-search__results::-webkit-scrollbar-thumb {
border: 3px solid transparent;
border-radius: 999px;
background-clip: content-box;
background-color: var(--vmc-line-2);
}
.vmc-search__results::-webkit-scrollbar-thumb:hover { background-color: var(--vmc-text-4); }


@media (min-width: 860px) {
.vmc-search__results .vmc-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

.vmc-search__hint {
margin: 0;
padding: var(--sp-6) 1rem;
text-align: center;
font-size: var(--fs-sm);
color: var(--vmc-text-3);
}


.vmc-search__results { min-height: min(52vh, 460px); }
.vmc-search__more { margin-top: 1.25rem; }
.vmc-search__more[hidden] { display: none; }

@media (max-width: 700px) {
.vmc-search { padding: .6rem .6rem 0; }
.vmc-search__panel { max-height: calc(100dvh - 1.2rem); border-radius: 16px; }
.vmc-search__bar { padding: .8rem .7rem .8rem 1rem; }
.vmc-search__results { padding: .8rem .7rem; }
}




.vmc-dock {
position: fixed;
left:  max(.6rem, env(safe-area-inset-left));
right: max(.6rem, env(safe-area-inset-right));
bottom: calc(.5rem + env(safe-area-inset-bottom));
z-index: var(--vmc-z-dock);
display: none;
align-items: center;
gap: .12rem;
height: 62px;
padding: 0 .3rem;
border-radius: 22px;
background: linear-gradient(180deg, rgba(26, 32, 52, .86), rgba(11, 14, 24, .94));
backdrop-filter: blur(24px) saturate(1.4);
-webkit-backdrop-filter: blur(24px) saturate(1.4);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .10),
inset 0 0 0 1px var(--vmc-line-2),
0 18px 40px -18px #000,
0 4px 14px -8px #000;
}

@media (max-width: 1080px) {
.vmc-dock { display: flex; }

body { padding-bottom: calc(var(--vmc-dock-h) + 32px + env(safe-area-inset-bottom)); }
}

.vmc-dock__item {
--dock-tint: var(--vmc-cyan);
position: relative;
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: .2rem;
height: 50px;
border: 0;
border-radius: 15px;
background: none;
font: 600 var(--fs-micro)/1 var(--vmc-font-ui);
letter-spacing: .03em;
color: var(--vmc-text-3);
transition: color var(--t-fast) var(--ease-out);
}


.vmc-dock__item::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
opacity: 0;
background: color-mix(in srgb, var(--dock-tint) 15%, transparent);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dock-tint) 34%, transparent);
transition: opacity var(--t-med) var(--ease-out);
}


.vmc-dock__item .vmc-i {
position: relative;
width: 25px; height: 25px;
transition: transform var(--t-med) var(--ease-spring);
}
.vmc-dock__item span { position: relative; }

.vmc-dock__item:hover { color: var(--vmc-text-2); }
.vmc-dock__item:active .vmc-i { transform: scale(.9); }

.vmc-dock__item.is-current { color: var(--vmc-white); }
.vmc-dock__item.is-current::before { opacity: 1; }
.vmc-dock__item.is-current .vmc-i { color: var(--dock-tint); }

.vmc-dock__item[data-accent="violet"]  { --dock-tint: var(--vmc-violet); }
.vmc-dock__item[data-accent="magenta"] { --dock-tint: var(--vmc-magenta); }


.vmc-dock__play {
flex: none;
display: grid;
place-items: center;
width: 64px; height: 64px;
margin: -28px .1rem 0;
border-radius: 21px; 
color: var(--vmc-ink);
background: var(--vmc-cyan);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .55),
inset 0 -12px 20px -14px rgba(7, 9, 15, .55),
0 0 0 5px rgba(11, 14, 24, .95),
0 12px 26px -12px var(--vmc-cyan),
0 16px 30px -16px #000;
transition: transform var(--t-med) var(--ease-spring),
box-shadow var(--t-med) var(--ease-out);
}
.vmc-dock__play .vmc-i { width: 30px; height: 30px; }


.vmc-dock__play .vmc-i__glow { opacity: 0; }
.vmc-dock__play .vmc-i__core { stroke: var(--vmc-ink); fill: none; }

.vmc-dock__play:hover {
transform: translateY(-2px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .7),
inset 0 -12px 20px -14px rgba(7, 9, 15, .55),
0 0 0 5px rgba(11, 14, 24, .95),
0 16px 32px -12px var(--vmc-cyan),
0 18px 34px -16px #000;
}
.vmc-dock__play:active { transform: scale(.94); }




.vmc-hero {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;

min-height: clamp(400px, 62vh, 560px);
padding-block: clamp(1.8rem, 4vw, 3rem) clamp(1.8rem, 3.5vw, 2.6rem);
overflow: hidden;
isolation: isolate;
}


@media (min-width: 900px) {
.vmc-hero {
min-height: 700px;


padding-bottom: calc(
clamp(1.8rem, 3.5vw, 2.6rem)
+ max(0px, var(--vmc-topbar-h) + 700px - 100vh)
);
}
}


.vmc-hero__bg {
position: absolute;
inset: 0;
z-index: -1;
background:
radial-gradient(90% 70% at 72% 40%, rgba(124, 92, 255, .18), transparent 70%),
radial-gradient(60% 60% at 20% 90%, rgba(34, 220, 224, .10), transparent 72%),
var(--vmc-surface-1);
}


.vmc-hero__video,
.vmc-hero__img {
--hero-merge: 150px;
-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 var(--hero-merge));
mask-image: linear-gradient(180deg, transparent 0, #000 var(--hero-merge));
}

.vmc-hero__video {
width: 100%;
height: 100%;
object-fit: cover;

filter: saturate(1.1) contrast(1.02) brightness(.92);
}


.vmc-hero__bg--clip picture,
.vmc-hero__bg--clip .vmc-hero__video {
position: absolute;
inset: 0;
}
.vmc-hero__bg--clip .vmc-hero__video {
opacity: 0;
transition: opacity .55s var(--ease-out);
}
.vmc-hero__bg--clip .vmc-hero__video.is-ready { opacity: 1; }


@media (prefers-reduced-motion: reduce) {
.vmc-hero__bg--clip .vmc-hero__video { display: none; }
}


.vmc-hero__link {
position: absolute;
inset: 0;
z-index: 0;
}
.vmc-hero .vmc-wrap { position: relative; pointer-events: none; }
.vmc-hero__offer .vmc-btn { pointer-events: auto; }

.vmc-hero__scrim {
position: absolute;
inset: 0;

background: linear-gradient(180deg, rgba(7, 9, 15, .3) 0%, transparent 28%, rgba(7, 9, 15, .5) 100%);
}


.vmc-hero__bg picture { display: block; width: 100%; height: 100%; }
.vmc-hero__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
filter: saturate(1.1) contrast(1.02) brightness(.92);
}


.vmc-hero--compact {
min-height: clamp(300px, 40vh, 420px);
padding-block: clamp(1.2rem, 2.4vw, 1.6rem);
}
@media (min-width: 900px) {
.vmc-hero--compact {
min-height: 420px;
padding-bottom: clamp(1.2rem, 2.4vw, 1.6rem); 
}
}


.vmc-hero--compact .vmc-hero__offer { max-width: 820px; }


.vmc-hero--compact .vmc-hero__spins { margin-bottom: 1rem; }

.vmc-hero--compact .vmc-hero__terms {
margin-top: .9rem;
max-width: min(680px, 100%);
}


.vmc-hero--compact .vmc-hero__spins br { display: none; }



.vmc-hero__offer {
position: relative;
max-width: 620px;
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
}


.vmc-hero__offer > * { max-width: 100%; }


.vmc-hero__offer::before {
content: "";
position: absolute;
z-index: -1;
top: -6rem;
bottom: -6rem;
left: -50vw;
right: -200px;
pointer-events: none;
background: linear-gradient(90deg,
rgba(7, 9, 15, .68) 0,
rgba(7, 9, 15, .68) calc(100% - 200px),
transparent 100%);

-webkit-mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000 85%, transparent 100%);
mask-image: linear-gradient(180deg, transparent 0, #000 15%, #000 85%, transparent 100%);
}

.vmc-hero__amount {
margin: .1rem 0 .5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: .1rem;
}

.vmc-hero__upto {
font: 600 clamp(.95rem, .8rem + .8vw, 1.4rem)/1 var(--vmc-font-head);
letter-spacing: .38em;
text-transform: uppercase;
color: var(--vmc-text-2);

margin-left: -.04em;
}


.vmc-hero__amount .vmc-display {
font-size: clamp(3.4rem, 1.2rem + 8.5vw, 7.25rem);
line-height: .88;
}

.vmc-hero__spins {
margin: 0 0 1.9rem;
font: 300 clamp(1rem, .9rem + .6vw, 1.35rem)/1.4 var(--vmc-font-ui);
letter-spacing: .04em;
text-transform: uppercase;
color: var(--vmc-text-2);
}
.vmc-hero__spins b {
color: var(--vmc-white);
font-weight: 600;
text-shadow: 0 0 18px rgba(34, 220, 224, .55);
}
.vmc-hero__spins .vmc-hero__amp { color: var(--vmc-cyan); }



@media (max-width: 620px) {

.vmc-hero,
.vmc-hero--compact { min-height: 0; }


.vmc-hero .vmc-stats { display: none; }


.vmc-hero__img,
.vmc-hero__video {
--hero-merge: 90px;
object-position: 70%;
}


.vmc-hero .vmc-hero__scrim {
background:
linear-gradient(90deg,
rgba(7, 9, 15, .93) 0%,
rgba(7, 9, 15, .8) 40%,
rgba(7, 9, 15, .34) 72%,
rgba(7, 9, 15, .06) 100%),
linear-gradient(180deg, rgba(7, 9, 15, .12), rgba(7, 9, 15, .34));
}


.vmc-hero .vmc-hero__upto { font-size: .78rem; letter-spacing: .3em; }
.vmc-hero .vmc-hero__amount { margin: .1rem 0 .35rem; }
.vmc-hero .vmc-hero__amount .vmc-display { font-size: 2.35rem; }
.vmc-hero .vmc-hero__spins { margin-bottom: .95rem; font-size: .86rem; }


.vmc-hero .vmc-hero__offer .vmc-btn {
padding: .68rem 1.25rem;
font-size: var(--fs-xs);
}



.vmc-hero__spins br { display: none; }
.vmc-hero__spins b:first-of-type::before { content: "\A"; white-space: pre; }


.vmc-hero--compact .vmc-hero__amount { margin-bottom: 0; }


.vmc-hero--compact .vmc-eyebrow { padding-top: .55rem; }
}

@media (max-width: 820px) {
.vmc-hero__offer { max-width: 100%; }

.vmc-hero__scrim {
background: linear-gradient(180deg, rgba(7, 9, 15, .62) 0%, rgba(7, 9, 15, .34) 45%, rgba(7, 9, 15, .72) 100%);
}
.vmc-hero__offer::before { display: none; }
}


.vmc-hero__terms {
margin: 1.4rem 0 0;
max-width: min(560px, 100%);
}


.vmc-terms-band {
padding-block: 1rem 1.15rem;
background: var(--vmc-surface-1);
box-shadow: inset 0 -1px 0 var(--vmc-line);
}
.vmc-terms-band .vmc-hero__terms { margin: 0; max-width: none; }
.vmc-terms-band .vmc-hero__terms p { color: var(--vmc-text-3); }
.vmc-hero__terms p {
margin: 0;
font-size: .72rem;
line-height: 1.55;
color: var(--vmc-text-2);
}
.vmc-hero__terms a {
color: var(--vmc-cyan);
text-decoration: underline;
text-underline-offset: 2px;
}
.vmc-hero__terms a:hover { color: var(--vmc-white); }


.vmc-stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1px;
background: var(--vmc-line);
box-shadow: 0 0 0 1px var(--vmc-line);
}
.vmc-stat { padding: .8rem .95rem; background: rgba(7, 9, 15, .72); }
.vmc-stat__n {
display: block;
font: 900 clamp(1.25rem, 2.4vw, 1.7rem)/1 var(--vmc-font-display);
letter-spacing: -.03em;

font-variant-numeric: tabular-nums;
}
.vmc-stat:nth-child(1) .vmc-stat__n { color: var(--vmc-cyan);    text-shadow: 0 0 22px rgba(34, 220, 224, .5); }
.vmc-stat:nth-child(2) .vmc-stat__n { color: var(--vmc-violet);  text-shadow: 0 0 22px rgba(124, 92, 255, .5); }
.vmc-stat:nth-child(3) .vmc-stat__n { color: var(--vmc-magenta); text-shadow: 0 0 22px rgba(255, 61, 134, .5); }
.vmc-stat__l {
display: block;
margin-top: .25rem;
font-size: var(--fs-micro);
letter-spacing: .14em;
text-transform: uppercase;
color: var(--vmc-text-3);
}

.vmc-hero .vmc-stats { margin-top: 1.5rem; width: min(560px, 100%); }



@media (prefers-reduced-motion: reduce) {
.vmc-hero__video { display: none; }
}




.vmc-strip {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(150px, 1fr);
gap: .9rem;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;

padding-block: .85rem 1.5rem;
margin-inline: -14px;
padding-inline: 14px;
}
.vmc-strip::-webkit-scrollbar { display: none; }

@media (min-width: 1080px) {
.vmc-strip { grid-auto-flow: row; grid-template-columns: repeat(8, 1fr); overflow: visible; }
}


.vmc-sign {
--sign-tint: var(--vmc-violet);
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: .5rem;
padding: 1.25rem .75rem 1.4rem;
overflow: hidden;          
scroll-snap-align: start;
text-align: center;
color: var(--vmc-text-2);
border-radius: 12px;
background:
linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 42%),
linear-gradient(180deg, var(--vmc-surface-3), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .45),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px var(--vmc-line-2),
0 6px 18px -8px rgba(0, 0, 0, .9);
transition: transform var(--t-med) var(--ease-spring),
box-shadow var(--t-med) var(--ease-out),
color var(--t-fast) var(--ease-out);
}


.vmc-sign::before {
content: "";
position: absolute;
left: 22%; right: 22%; bottom: 0;
height: 2px;
background: var(--sign-tint);
box-shadow: 0 0 10px var(--sign-tint);
transition: left var(--t-med) var(--ease-out), right var(--t-med) var(--ease-out);
}
.vmc-sign::after {
content: "";
position: absolute;
left: 50%; bottom: 0;
transform: translateX(-50%);
width: 64%; height: 22px;
pointer-events: none;
opacity: .85;
background: radial-gradient(ellipse 100% 100% at 50% 100%,
color-mix(in srgb, var(--sign-tint) 40%, transparent) 0%,
color-mix(in srgb, var(--sign-tint) 13%, transparent) 48%,
transparent 76%);
transition: opacity var(--t-med) var(--ease-out);
}

.vmc-sign:hover {
color: var(--vmc-white);
transform: translateY(-4px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .6),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px color-mix(in srgb, var(--sign-tint) 45%, transparent),
0 12px 28px -10px rgba(0, 0, 0, .95),
0 0 32px -12px var(--sign-tint);
}
.vmc-sign:hover::before { left: 10%; right: 10%; }
.vmc-sign:hover::after  { opacity: 1; }


.vmc-sign__ico {
position: relative;
display: grid;
place-items: center;
width: 52px; height: 52px;
color: var(--sign-tint);
transition: transform var(--t-med) var(--ease-spring);
}
.vmc-sign__ico::after {
content: "";
position: absolute;
left: 5px; right: 5px; bottom: 0;
height: 16px;
pointer-events: none;
background: radial-gradient(58% 100% at 50% 100%,
color-mix(in srgb, var(--sign-tint) 62%, transparent), transparent 74%);
}
.vmc-sign__ico .vmc-i { width: 34px; height: 34px; }
.vmc-sign:hover .vmc-sign__ico { transform: translateY(-2px) scale(1.06); }


.vmc-sign__ico .vmc-i__core { stroke: color-mix(in srgb, currentColor 78%, white); }
.vmc-sign__ico .vmc-i__glow {
opacity: .34;
transition: opacity var(--t-med) var(--ease-out),
fill var(--t-med) var(--ease-out),
filter var(--t-med) var(--ease-out);
}


.vmc-sign:hover .vmc-sign__ico .vmc-i__glow {
fill: currentColor;
opacity: .42;
filter: none;
}
.vmc-sign:hover .vmc-sign__ico .vmc-i {
filter: drop-shadow(0 0 7px color-mix(in srgb, currentColor 45%, transparent));
}

.vmc-sign__name {
font: 600 var(--fs-sm)/1.2 var(--vmc-font-ui);
letter-spacing: .02em;
}

.vmc-sign[data-accent="cyan"]    { --sign-tint: var(--vmc-cyan); }
.vmc-sign[data-accent="magenta"] { --sign-tint: var(--vmc-magenta); }


@media (max-width: 620px) {
.vmc-strip {
grid-auto-columns: minmax(96px, 1fr);
gap: .55rem;
padding-block: .6rem 1.1rem;
}
.vmc-sign {
gap: .35rem;
padding: .8rem .4rem .9rem;
border-radius: 10px;
}
.vmc-sign__ico { width: 34px; height: 34px; }
.vmc-sign__ico .vmc-i { width: 24px; height: 24px; }
.vmc-sign__name { font-size: var(--fs-xs); letter-spacing: .01em; }
}



.vmc-card {
--card-tint: var(--vmc-violet);
position: relative;
display: block;
overflow: hidden;
background: var(--vmc-surface-2);
border-radius: 10px;
box-shadow: inset 0 0 0 1px var(--vmc-line);
transition: transform var(--t-med) var(--ease-spring), box-shadow var(--t-med) var(--ease-out);
isolation: isolate;

}

.vmc-card:hover, .vmc-card:focus-visible {
transform: translateY(-7px);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--card-tint) 60%, transparent),
0 22px 46px -20px color-mix(in srgb, var(--card-tint) 95%, transparent),
0 0 44px -18px color-mix(in srgb, var(--card-tint) 70%, transparent);
}

.vmc-card__img {
display: block;
width: 100%;
height: auto;          
transition: filter var(--t-med) var(--ease-out), transform var(--t-slow) var(--ease-out);
}
.vmc-card:hover .vmc-card__img { filter: brightness(.5) saturate(1.15); transform: scale(1.04); }


.vmc-card.is-noart { aspect-ratio: var(--vmc-card-ratio); }
.vmc-card.is-noart .vmc-card__img { display: none; }
.vmc-card.is-noart::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(70% 70% at 50% 120%, rgba(124, 92, 255, .35), transparent 70%),
repeating-linear-gradient(115deg, rgba(244, 245, 247, .03) 0 10px, transparent 10px 20px),
var(--vmc-surface-3);
}



.vmc-card::after {
content: "";
position: absolute;
inset: auto 0 0 0;
height: 42%;
z-index: 1;
pointer-events: none;
background: linear-gradient(180deg, transparent, rgba(4, 5, 10, .9));
}

.vmc-card__body {
z-index: 2;
position: absolute;
inset: auto 0 0 0;
padding: 2.2rem .85rem .8rem;
background: linear-gradient(180deg, transparent, rgba(7, 9, 15, .92) 55%);

transform: translateY(calc(100% - 4.35rem));
transition: transform var(--t-med) var(--ease-out);
}
.vmc-card:hover .vmc-card__body { transform: none; }


.vmc-card:hover .vmc-card__meta { margin: 0; }

.vmc-card__name {
margin: 0;
font: 600 1rem/1.25 var(--vmc-font-ui);
color: var(--vmc-white);
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}

.vmc-card__meta {
display: flex;
align-items: center;
gap: .5rem;

margin-top: 2.4rem;
font-size: var(--fs-micro);
color: var(--vmc-text-3);
letter-spacing: .06em;
text-transform: uppercase;
}


.vmc-card__actions {
display: flex;
gap: .4rem;
margin-top: .7rem;
opacity: 0;
transform: translateY(6px);
transition: opacity var(--t-med) var(--ease-out) .05s, transform var(--t-med) var(--ease-out) .05s;
}
.vmc-card:hover .vmc-card__actions { opacity: 1; transform: none; }
.vmc-card__actions .vmc-btn { flex: 1; }




.vmc-card__burst {
position: absolute;
z-index: 2;
top: 42%; left: 50%;
width: 64px; height: 64px;
display: grid;
place-items: center;
border-radius: 50%;
color: #fff;



background: conic-gradient(from 210deg,
color-mix(in srgb, var(--vmc-cyan) 85%, white),
color-mix(in srgb, var(--vmc-violet) 85%, white),
color-mix(in srgb, var(--vmc-magenta) 85%, white),
color-mix(in srgb, var(--vmc-cyan) 85%, white));
box-shadow:
0 0 30px -2px var(--card-tint),
0 0 72px -14px var(--card-tint),
0 12px 28px -12px rgba(0, 0, 0, .9);
transform: translate(-50%, -50%) scale(.55);
opacity: 0;
transition: transform var(--t-med) var(--ease-spring), opacity var(--t-fast) var(--ease-out);
pointer-events: none;
}
.vmc-card__burst::before {
content: "";
position: absolute;

inset: 4px;
border-radius: 50%;
background: rgba(4, 5, 10, .88);
}
.vmc-card:hover .vmc-card__burst { opacity: 1; transform: translate(-50%, -50%) scale(1); }

.vmc-card__burst .vmc-i__core,
.vmc-card__burst .vmc-i__glow { fill: currentColor; stroke: none; }

.vmc-card__burst .vmc-i {
position: relative; 
width: 24px; height: 24px;
margin-left: 3px; 

filter: drop-shadow(0 0 10px var(--card-tint));
}


@media (max-width: 620px) {
.vmc-card__burst { width: 44px; height: 44px; }
.vmc-card__burst::before { inset: 3px; }
.vmc-card__burst .vmc-i { width: 17px; height: 17px; margin-left: 2px; }

.vmc-card__actions { display: none; }
}


.vmc-fav__note {
margin: .35rem 0 0;
font: 500 var(--fs-xs)/1 var(--vmc-font-ui);
letter-spacing: .14em;
text-transform: uppercase;
color: var(--vmc-text-4);
}
.vmc-empty p { margin-bottom: .4rem; }
.vmc-empty p:first-child { font: 700 1.15rem/1.3 var(--vmc-font-head); color: var(--vmc-white); }


.vmc-card__fav {
position: absolute;
top: .45rem; right: .45rem;
z-index: 4;
display: grid;
place-items: center;
width: 32px; height: 32px;
padding: 0;
border: 0;
cursor: pointer;
border-radius: 50%;
color: var(--vmc-white);
background: rgba(4, 5, 10, .58);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
box-shadow: inset 0 0 0 1px var(--vmc-line-2);
opacity: .8;
transition: opacity var(--t-fast) var(--ease-out),
transform var(--t-med) var(--ease-spring),
background var(--t-fast) var(--ease-out),
box-shadow var(--t-med) var(--ease-out),
color var(--t-fast) var(--ease-out);
}
.vmc-card__fav .vmc-i { width: 15px; height: 15px; }

.vmc-card__fav .vmc-i__glow,
.vmc-card:hover .vmc-card__fav .vmc-i__glow { opacity: 0; }


.vmc-card__fav .vmc-i__core { stroke: currentColor; }

.vmc-card:hover .vmc-card__fav,
.vmc-card:focus-visible .vmc-card__fav { opacity: 1; }


.vmc-card__fav:focus-visible { border-radius: 50%; }

.vmc-card__fav:hover {
color: var(--vmc-gold);
transform: scale(1.12);
background: rgba(4, 5, 10, .8);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--vmc-gold) 55%, transparent);
}


.vmc-card__fav.is-on {
opacity: 1;
color: var(--vmc-gold);
background: rgba(4, 5, 10, .8);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--vmc-gold) 55%, transparent);
}

.vmc-card__fav.is-on .vmc-i__core { fill: currentColor; stroke: currentColor; }


.vmc-card__tag {
--badge-tint: var(--vmc-cyan);
position: absolute;
top: .6rem; left: .6rem;
z-index: 3;

opacity: 0;
transform: translateY(-6px);
transition: opacity var(--t-fast) var(--ease-out),
transform var(--t-med) var(--ease-spring);
}
.vmc-card:hover .vmc-card__tag,
.vmc-card:focus-visible .vmc-card__tag { opacity: 1; transform: none; }
.vmc-card__tag--jack { --badge-tint: var(--vmc-violet); }

.vmc-card[data-accent="cyan"]    { --card-tint: var(--vmc-cyan); }
.vmc-card[data-accent="magenta"] { --card-tint: var(--vmc-magenta); }




.vmc-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(.6rem, 1.2vw, 1rem);
}
@media (min-width: 560px)  { .vmc-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 860px)  { .vmc-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 1200px) { .vmc-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); } }

@media (min-width: 2200px) { .vmc-grid { grid-template-columns: repeat(10, minmax(0, 1fr)); } }


@media (max-width: 559px) { .vmc-grid .vmc-skel:nth-child(n+10) { display: none; } }
@media (max-width: 859px) and (min-width: 560px) { .vmc-grid .vmc-skel:nth-child(n+13) { display: none; } }


[data-rows]:empty { min-height: 347px; }
@media (min-width: 900px) {
[data-rows]:empty { min-height: 318px; }
}


.vmc-rail {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(158px, 1fr);
gap: clamp(.6rem, 1.2vw, 1rem);
overflow-x: auto;
scroll-snap-type: x proximity;
scroll-padding-inline: var(--vmc-gutter);
scrollbar-width: none;


padding-block: 1.25rem 2.5rem;
margin-inline: -16px;
padding-inline: 16px;
}
.vmc-rail::-webkit-scrollbar { display: none; }
.vmc-rail > * { scroll-snap-align: start; }


@media (min-width: 1200px) {

.vmc-rail { grid-auto-columns: calc((100% - 7 * clamp(.6rem, 1.2vw, 1rem)) / 7.5); }
}


.vmc-rail-nav { display: none; gap: .4rem; }
@media (hover: hover) and (min-width: 900px) { .vmc-rail-nav { display: flex; } }
.vmc-rail-nav .vmc-i { width: 18px; height: 18px; }
.vmc-rail-nav__prev .vmc-i { transform: rotate(180deg); }


.vmc-rail-nav .vmc-iconbtn {
width: 40px; height: 40px;
color: var(--vmc-text-2);
border-radius: 12px;
background: linear-gradient(180deg, var(--vmc-surface-4), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .18),
inset 0 -1.5px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px var(--vmc-line),
0 4px 12px -6px rgba(0, 0, 0, .85);
}
.vmc-rail-nav .vmc-iconbtn:hover {
color: var(--vmc-cyan);
transform: translateY(-3px);
background: linear-gradient(180deg, var(--vmc-surface-4), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .34),
inset 0 -1.5px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px color-mix(in srgb, var(--vmc-cyan) 30%, transparent),
0 10px 22px -8px rgba(0, 0, 0, .95),
0 0 26px -10px var(--vmc-cyan);
}
.vmc-rail-nav .vmc-iconbtn[disabled] { opacity: .28; pointer-events: none; transform: none; }


.vmc-rail-nav.is-idle { display: none; }


.vmc-skel {
aspect-ratio: var(--vmc-card-ratio);
background: linear-gradient(100deg, var(--vmc-surface-2) 30%, var(--vmc-surface-3) 50%, var(--vmc-surface-2) 70%);
background-size: 220% 100%;
animation: vmc-shimmer 1.4s linear infinite;
border-radius: 10px;
}

@keyframes vmc-shimmer {
from { background-position: 120% 0; }
to   { background-position: -20% 0; }
}




.vmc-marquee {
position: relative;
height: 72px;
overflow: hidden;

background:
linear-gradient(90deg,
color-mix(in srgb, var(--vmc-cyan) 7%, transparent),
color-mix(in srgb, var(--vmc-violet) 6%, transparent) 52%,
color-mix(in srgb, var(--vmc-magenta) 7%, transparent)),
linear-gradient(180deg, rgba(11, 14, 24, .96), rgba(7, 9, 15, .96));
border-bottom: 1px solid var(--vmc-line);
}


.vmc-marquee::before {
content: "";
position: absolute;
top: 0; left: 0; right: 0;
height: 1px;
z-index: 3;
background: var(--vmc-climb);
opacity: .55;
}


.vmc-marquee::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
background: linear-gradient(90deg,
var(--vmc-ink) 0, transparent 6%, transparent 94%, var(--vmc-ink) 100%);
}


.vmc-marquee__label {
display: none;
position: absolute;
left: 0; top: 0; bottom: 0;
z-index: 4;
align-items: center;
gap: .55rem;
padding-left: clamp(1rem, 2vw, 2rem);
padding-right: 3.4rem;
font: 700 var(--fs-micro)/1 var(--vmc-font-ui);
letter-spacing: .2em;
text-transform: uppercase;
color: var(--vmc-white);
pointer-events: none;

background: linear-gradient(90deg,
var(--vmc-ink) 0,
var(--vmc-ink) calc(100% - 52px),
transparent 100%);
}
@media (min-width: 900px) { .vmc-marquee__label { display: flex; } }


.vmc-marquee__pulse {
flex: none;
width: 7px; height: 7px;
border-radius: 50%;
background: var(--vmc-cyan);
box-shadow: 0 0 10px var(--vmc-cyan), 0 0 20px -4px var(--vmc-cyan);
animation: vmc-tick-pulse 2.4s var(--ease-out) infinite;
}
@keyframes vmc-tick-pulse {
0%, 100% { opacity: 1;   transform: scale(1); }
50%      { opacity: .35; transform: scale(.74); }
}

.vmc-marquee__track {
display: flex;
align-items: center;
width: max-content;
height: 100%;
animation: vmc-ticker 64s linear infinite;
will-change: transform;
}
.vmc-marquee:hover .vmc-marquee__track { animation-play-state: paused; }

@keyframes vmc-ticker {
from { transform: translate3d(0, 0, 0); }
to   { transform: translate3d(-50%, 0, 0); }
}


.vmc-tick {
--tick-tint: var(--vmc-cyan);
position: relative;
display: flex;
align-items: center;
gap: .65rem;
flex: none;
width: 200px;
margin-inline: .35rem;
padding: .55rem .9rem;
border-radius: 12px;
background: linear-gradient(180deg, rgba(23, 28, 46, .78), rgba(11, 14, 24, .78));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .05),
inset 0 0 0 1px var(--vmc-line);
color: var(--vmc-text-2);
transition: transform var(--t-med) var(--ease-spring),
box-shadow var(--t-med) var(--ease-out),
background var(--t-med) var(--ease-out);
}

.vmc-tick::before {
content: "";
flex: none;
width: 3px;
height: 30px;
border-radius: 2px;
background: var(--tick-tint);
box-shadow: 0 0 10px -2px var(--tick-tint);
opacity: .85;
transition: height var(--t-med) var(--ease-spring),
opacity var(--t-fast) var(--ease-out),
box-shadow var(--t-med) var(--ease-out);
}

.vmc-tick[data-tint="violet"]  { --tick-tint: var(--vmc-violet); }
.vmc-tick[data-tint="magenta"] { --tick-tint: var(--vmc-magenta); }

.vmc-tick:hover {
transform: translateY(-2px);
background: linear-gradient(180deg, rgba(30, 36, 56, .92), rgba(13, 17, 29, .92));
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--tick-tint) 55%, transparent),
0 10px 22px -14px #000,
0 0 22px -14px var(--tick-tint);
}
.vmc-tick:hover::before {
height: 36px;
opacity: 1;
box-shadow: 0 0 16px -2px var(--tick-tint);
}


.vmc-tick__text {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: .25rem;
min-width: 0;
}
.vmc-tick__name {
font: 600 .85rem/1.2 var(--vmc-font-ui);
color: var(--vmc-white);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: color var(--t-fast) var(--ease-out);
}
.vmc-tick:hover .vmc-tick__name { color: var(--tick-tint); }

.vmc-tick__prov {
font: 500 var(--fs-micro)/1 var(--vmc-font-ui);
letter-spacing: .12em;
text-transform: uppercase;
color: var(--vmc-text-4);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

@media (prefers-reduced-motion: reduce) {
.vmc-marquee__track { animation: none; }
.vmc-marquee__pulse { animation: none; }
}




.vmc-rail.vmc-promos {
--promo-gap: clamp(1rem, 2vw, 1.5rem);

grid-auto-columns: calc((100% - 2 * var(--promo-gap)) / 3);
gap: var(--promo-gap);
}
@media (max-width: 980px) {
.vmc-rail.vmc-promos { grid-auto-columns: calc((100% - var(--promo-gap)) / 2); }
}
@media (max-width: 640px) {
.vmc-rail.vmc-promos { grid-auto-columns: 86%; }
}


.vmc-promos-dots {
display: flex;
justify-content: center;
align-items: center;

gap: 0;
margin-top: .35rem;
}
.vmc-promos-dots:empty { display: none; }

.vmc-promos-dot {
display: grid;
place-items: center;
width: 58px; height: 20px;
padding: 0;
border: 0;
background: none;
cursor: pointer;
}
.vmc-promos-dot::before {
content: "";
width: 100%; height: 3px;
background: var(--vmc-line-2);
transition: background var(--t-med) var(--ease-out),
box-shadow var(--t-med) var(--ease-out);
}

.vmc-promos-dot:first-child::before { border-radius: 3px 0 0 3px; }
.vmc-promos-dot:last-child::before  { border-radius: 0 3px 3px 0; }
.vmc-promos-dot:hover::before { background: var(--vmc-line-3); }
.vmc-promos-dot.is-on::before {
background: var(--vmc-climb);
box-shadow: 0 0 14px -2px var(--vmc-violet);
}


.vmc-promo {
--promo-tint: var(--vmc-violet);
position: relative;
display: flex;
flex-direction: column;
min-height: 0;
height: 100%; 
padding: clamp(1.25rem, 2.5vw, 1.9rem);
overflow: hidden;
border-radius: 12px;
background:
linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 42%),
linear-gradient(180deg, var(--vmc-surface-3), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .45),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px var(--vmc-line-2),
0 6px 18px -8px rgba(0, 0, 0, .9);
transition: transform var(--t-med) var(--ease-spring), box-shadow var(--t-med) var(--ease-out);
}

.vmc-promo:hover {
transform: translateY(-5px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .6),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px color-mix(in srgb, var(--promo-tint) 45%, transparent),
0 14px 32px -12px rgba(0, 0, 0, .95),
0 0 34px -14px var(--promo-tint);
}

.vmc-promo > * { position: relative; z-index: 1; }


.vmc-promo .vmc-badge {

--badge-tint: var(--promo-tint);
align-self: flex-start;
margin-bottom: .85rem;
}

.vmc-promo__art {

width: calc(100% + 2 * clamp(1.25rem, 2.5vw, 1.9rem));
max-width: none;
margin: calc(-1 * clamp(1.25rem, 2.5vw, 1.9rem)) calc(-1 * clamp(1.25rem, 2.5vw, 1.9rem)) 1.2rem;

aspect-ratio: 550 / 249;
object-fit: contain;
background: var(--vmc-surface-1);
display: block;

border-bottom: 2px solid var(--promo-tint);
box-shadow: 0 10px 26px -12px var(--promo-tint);
transition: box-shadow var(--t-med) var(--ease-out);
}
.vmc-promo:hover .vmc-promo__art { box-shadow: 0 14px 34px -12px var(--promo-tint); }

.vmc-promo__title {
font: 700 1.42rem/1.34 var(--vmc-font-head);
letter-spacing: -.018em;
margin-bottom: .55rem;
}
.vmc-promo p { font-size: var(--fs-sm); }
.vmc-promo__foot { margin-top: auto; padding-top: 1.25rem; }

.vmc-promo__terms {
font: 300 var(--fs-xs)/1.65 var(--vmc-font-ui);
letter-spacing: 0;
color: var(--vmc-text-4);
margin-top: .8rem;
}
.vmc-promo__terms a { color: var(--vmc-text-3); text-decoration: underline; text-underline-offset: 2px; }
.vmc-promo__terms a:hover { color: var(--vmc-cyan); }

.vmc-promo[data-accent="cyan"]    { --promo-tint: var(--vmc-cyan); }
.vmc-promo[data-accent="magenta"] { --promo-tint: var(--vmc-magenta); }




.vmc-wall {

margin-top: 1rem;
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: .7rem;
}
@media (max-width: 1000px) { .vmc-wall { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 560px)  { .vmc-wall { grid-template-columns: repeat(2, minmax(0, 1fr)); } }


.vmc-brand-tile {
--tile-tint: var(--vmc-cyan);
display: grid;
place-items: center;
gap: .35rem;
min-height: 92px;
padding: 1rem .8rem;
text-align: center;
cursor: pointer;
color: var(--vmc-text-3);
border-radius: 12px;
background: rgba(7, 9, 15, .4);
box-shadow: inset 0 0 0 1px var(--vmc-line-2);
transition: transform var(--t-med) var(--ease-spring),
box-shadow var(--t-med) var(--ease-out),
color var(--t-fast) var(--ease-out);
}

.vmc-brand-tile__name {

font: 700 .82rem/1.2 var(--vmc-font-head);
letter-spacing: .07em;
text-transform: uppercase;
color: var(--vmc-white);

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.vmc-brand-tile__n {
font: 500 var(--fs-micro)/1 var(--vmc-font-ui);
letter-spacing: .16em;
text-transform: uppercase;
color: var(--vmc-text-4);
transition: color var(--t-fast) var(--ease-out);
}

.vmc-brand-tile:hover {
color: var(--vmc-text-2);
transform: translateY(-3px);
box-shadow:
inset 0 0 0 1.5px color-mix(in srgb, var(--tile-tint) 70%, transparent),
inset 0 0 24px -14px var(--tile-tint),
0 0 26px -14px color-mix(in srgb, var(--tile-tint) 60%, transparent);
}
.vmc-brand-tile:hover .vmc-brand-tile__name {
color: color-mix(in srgb, var(--tile-tint) 30%, white);
text-shadow: 0 0 14px color-mix(in srgb, var(--tile-tint) 45%, transparent);
}
.vmc-brand-tile:hover .vmc-brand-tile__n { color: var(--vmc-text-2); }





.vmc-features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: clamp(.7rem, 1.4vw, 1rem);
}

.vmc-feature {
--f-tint: var(--vmc-cyan);
position: relative;
overflow: hidden;
padding: clamp(1.4rem, 3vw, 1.9rem);
border-radius: 12px;
background:
linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 42%),
linear-gradient(180deg, var(--vmc-surface-3), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .38),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px var(--vmc-line),
0 5px 16px -8px rgba(0, 0, 0, .9);
transition: transform var(--t-med) var(--ease-spring),
box-shadow var(--t-med) var(--ease-out);
}


.vmc-feature::before {
content: "";
position: absolute;
left: 24%; right: 24%; bottom: 0;
height: 2px;
background: var(--f-tint);
box-shadow: 0 0 10px var(--f-tint);
transition: left var(--t-med) var(--ease-out), right var(--t-med) var(--ease-out);
}
.vmc-feature::after {
content: "";
position: absolute;
left: 50%; bottom: 0;
transform: translateX(-50%);
width: 62%; height: 22px;
pointer-events: none;
opacity: .8;
background: radial-gradient(ellipse 100% 100% at 50% 100%,
color-mix(in srgb, var(--f-tint) 34%, transparent) 0,
color-mix(in srgb, var(--f-tint) 11%, transparent) 48%, transparent 76%);
transition: opacity var(--t-med) var(--ease-out);
}

.vmc-feature:hover {
transform: translateY(-4px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .55),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px color-mix(in srgb, var(--f-tint) 45%, transparent),
0 14px 30px -12px rgba(0, 0, 0, .95),
0 0 32px -14px var(--f-tint);
}
.vmc-feature:hover::before { left: 12%; right: 12%; }
.vmc-feature:hover::after  { opacity: 1; }


.vmc-feature__ico {
position: relative;
display: grid;
place-items: center;
width: 46px; height: 46px;
margin-bottom: 1.1rem;
color: var(--f-tint);
border-radius: 12px;
background: linear-gradient(180deg, var(--vmc-surface-4), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .18),
inset 0 -1.5px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px var(--vmc-line),
0 4px 12px -6px rgba(0, 0, 0, .85);
transition: transform var(--t-med) var(--ease-spring), box-shadow var(--t-med) var(--ease-out);
}
.vmc-feature:hover .vmc-feature__ico {
transform: translateY(-2px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .34),
inset 0 -1.5px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px color-mix(in srgb, var(--f-tint) 35%, transparent),
0 8px 18px -8px rgba(0, 0, 0, .95),
0 0 24px -10px var(--f-tint);
}
.vmc-feature__ico .vmc-i { width: 24px; height: 24px; }

.vmc-feature__ico .vmc-i__core { stroke: color-mix(in srgb, currentColor 78%, white); }
.vmc-feature__ico .vmc-i__glow { opacity: .34; }
.vmc-feature:hover .vmc-feature__ico .vmc-i__glow { opacity: .95; }

.vmc-feature__title { font: 700 1.08rem/1.3 var(--vmc-font-head); margin-bottom: .45rem; }
.vmc-feature p { font-size: var(--fs-sm); font-weight: 300; margin: 0; }

.vmc-feature:nth-child(2) { --f-tint: var(--vmc-violet); }
.vmc-feature:nth-child(3) { --f-tint: var(--vmc-magenta); }
.vmc-feature:nth-child(4) { --f-tint: var(--vmc-cyan); }




.vmc-acc { border-top: 1px solid var(--vmc-line); }
.vmc-acc__item { border-bottom: 1px solid var(--vmc-line); }

.vmc-acc__q {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
width: 100%;
padding: 1.15rem 0;
text-align: left;
font: 500 1.02rem/1.4 var(--vmc-font-ui);
color: var(--vmc-text);
transition: color var(--t-fast) var(--ease-out);
}
.vmc-acc__q:hover { color: var(--vmc-cyan); }
.vmc-acc__q .vmc-i {
width: 18px; height: 18px;
flex: none;
color: var(--vmc-violet);
transform: rotate(90deg);
transition: transform var(--t-med) var(--ease-spring);
}
.vmc-acc__q[aria-expanded="true"] .vmc-i { transform: rotate(-90deg); color: var(--vmc-magenta); }

.vmc-acc__a {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows var(--t-med) var(--ease-out);
}
.vmc-acc__q[aria-expanded="true"] + .vmc-acc__a { grid-template-rows: 1fr; }
.vmc-acc__a > div { overflow: hidden; }
.vmc-acc__a p { padding-bottom: 1.2rem; font-size: var(--fs-sm); max-width: 78ch; }




.vmc-footer {
position: relative;

margin-top: clamp(1rem, 2vw, 2rem);
padding-top: clamp(2.5rem, 5vw, 4rem);
background: linear-gradient(180deg, transparent, rgba(4, 5, 10, .85) 22%);
border-top: 1px solid var(--vmc-line);
}


.vmc-footer::before {
content: "";
position: absolute;
top: -1px; left: 0; right: 0;
height: 1px;
background: var(--vmc-climb);
opacity: .6;
}

.vmc-footer__top {
display: grid;
grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
gap: clamp(1.5rem, 3vw, 3rem);
padding-bottom: var(--sp-6);
}

@media (max-width: 900px) { .vmc-footer__top { grid-template-columns: 1fr 1fr; } }


@media (max-width: 560px) {
.vmc-footer__top { grid-template-columns: 1fr 1fr; gap: 1.75rem 1.25rem; }
.vmc-footer__brand { grid-column: 1 / -1; }
}


.vmc-footer__brand .vmc-logo { height: 56px; width: auto; overflow: visible; margin-bottom: 1.1rem; }
.vmc-footer__blurb {
max-width: 38ch;
font-size: var(--fs-sm);
font-weight: 300;
color: var(--vmc-text-3);
}


.vmc-footer { --fcol-tint: var(--vmc-cyan); }
.vmc-fcol[data-accent="violet"]  { --fcol-tint: var(--vmc-violet); }
.vmc-fcol[data-accent="magenta"] { --fcol-tint: var(--vmc-magenta); }

.vmc-fcol__head {
display: flex;
align-items: center;
gap: .55rem;
margin-bottom: 1.1rem;
font: 600 var(--fs-xs)/1 var(--vmc-font-ui);
letter-spacing: .18em;
text-transform: uppercase;
color: var(--vmc-text-2);
}

.vmc-fcol__ico {
position: relative;
display: grid;
place-items: center;
width: 32px; height: 32px;
flex: none;
color: var(--fcol-tint);
}
.vmc-fcol__ico::after {
content: "";
position: absolute;
left: 3px; right: 3px; bottom: 0;
height: 10px;
pointer-events: none;
background: radial-gradient(58% 100% at 50% 100%,
color-mix(in srgb, var(--fcol-tint) 66%, transparent), transparent 74%);
}
.vmc-fcol__ico .vmc-i { width: 21px; height: 21px; }
.vmc-fcol__ico .vmc-i__core { stroke: color-mix(in srgb, currentColor 78%, white); }
.vmc-fcol__ico .vmc-i__glow { opacity: .34; }

.vmc-footer__list { list-style: none; margin: 0; padding: 0; }
.vmc-footer__list li { margin-bottom: .55rem; }
.vmc-footer__list a {
font-size: var(--fs-sm);
color: var(--vmc-text-2);
position: relative;
padding-left: 0;
transition: color var(--t-fast) var(--ease-out), padding-left var(--t-fast) var(--ease-out);
}
.vmc-footer__list a::before {
content: "";
position: absolute;
left: 0; top: 50%;
width: 0; height: 1px;
background: var(--fcol-tint);
transform: translateY(-50%);
transition: width var(--t-fast) var(--ease-out);
}
.vmc-footer__list a:hover { color: var(--vmc-white); padding-left: 14px; }
.vmc-footer__list a:hover::before { width: 9px; box-shadow: 0 0 8px var(--fcol-tint); }





.vmc-fapps { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: .6rem; }

.vmc-fapp {
--soc-tint: var(--vmc-cyan);
display: flex;
align-items: center;
gap: .6rem;
padding: .48rem .9rem .48rem .72rem;
color: var(--soc-tint);
border-radius: 12px;
background: linear-gradient(180deg, var(--vmc-surface-4), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .18),
inset 0 -1.5px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px var(--vmc-line),
0 4px 12px -6px rgba(0, 0, 0, .85);
transition: transform var(--t-med) var(--ease-spring),
box-shadow var(--t-med) var(--ease-out);
}
.vmc-fapp[data-accent="violet"] { --soc-tint: var(--vmc-violet); }

.vmc-fapp .vmc-i { width: 22px; height: 22px; flex: none; }
.vmc-fapp .vmc-i__core { stroke: color-mix(in srgb, currentColor 78%, white); }
.vmc-fapp .vmc-i__glow { opacity: .32; }

.vmc-fapp__t {
display: flex;
flex-direction: column;
line-height: 1.16;
font-size: .84rem;
font-weight: 600;
color: var(--vmc-text);
}
.vmc-fapp__t small {
font-size: .6rem;
font-weight: 400;
letter-spacing: .07em;
text-transform: uppercase;
color: var(--vmc-text-3);
}

.vmc-fapp:hover {
transform: translateY(-2px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .32),
inset 0 -1.5px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px color-mix(in srgb, var(--soc-tint) 50%, transparent),
0 8px 20px -8px rgba(0, 0, 0, .9),
0 0 26px -10px var(--soc-tint);
}
.vmc-fapp:hover .vmc-i__glow { opacity: .9; }



.vmc-promos-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(.8rem, 1.6vw, 1.25rem);
margin-top: 1.25rem;

align-items: stretch;
}
@media (max-width: 1100px) { .vmc-promos-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px)  { .vmc-promos-grid { grid-template-columns: 1fr; } }


.vmc-promo--full { height: 100%; }


.vmc-promo--full .vmc-promo__art {
border-bottom: 1px solid color-mix(in srgb, var(--promo-tint) 30%, transparent);
box-shadow: none;
}
.vmc-promo--full:hover .vmc-promo__art {
border-bottom-color: color-mix(in srgb, var(--promo-tint) 55%, transparent);
box-shadow: none;
}


.vmc-promo--full .vmc-badge {
color: var(--promo-tint);
background: color-mix(in srgb, var(--promo-tint) 13%, transparent);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--promo-tint) 32%, transparent);
text-shadow: none;
}


.vmc-promo--full:hover {
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .5),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px color-mix(in srgb, var(--promo-tint) 34%, transparent),
0 14px 32px -14px rgba(0, 0, 0, .95);
}


.vmc-promo--full .vmc-promo__sub {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
min-height: calc(2 * 1.5em);
margin: 0;
color: var(--vmc-text-2);
line-height: 1.5;
}


.vmc-promo--full .vmc-promo__foot { margin-top: auto; padding-top: 1.25rem; }



.vmc-promo__tc { margin-top: 1.15rem; }
.vmc-promo__tc summary {
cursor: pointer;
font: 600 var(--fs-xs)/1.4 var(--vmc-font-ui);
letter-spacing: .04em;
text-transform: uppercase;
color: var(--vmc-text-3);
list-style: none;
transition: color var(--t-fast) var(--ease-out);
}
.vmc-promo__tc summary::-webkit-details-marker { display: none; }
.vmc-promo__tc summary::before {
content: "+";
display: inline-block;
width: 1em;
font-weight: 700;
color: var(--promo-tint);
}
.vmc-promo__tc[open] summary::before { content: "−"; }
.vmc-promo__tc summary:hover { color: var(--vmc-text-2); }
.vmc-promo__tc p {
margin: .5rem 0 0;
font-size: var(--fs-xs);
line-height: 1.6;
color: var(--vmc-text-3);
}

.vmc-promo__tc a {
color: var(--vmc-cyan);
text-decoration: underline;
text-underline-offset: .18em;
text-decoration-thickness: 1px;
transition: color var(--t-fast) var(--ease-out);
}
.vmc-promo__tc a:hover,
.vmc-promo__tc a:focus-visible { color: var(--vmc-white); }

.vmc-promos-note {
margin: 1.5rem 0 0;
font-size: var(--fs-sm);
color: var(--vmc-text-3);
}
.vmc-promos-note a { color: var(--vmc-cyan); text-decoration: underline; text-underline-offset: 2px; }


.vmc-promo[hidden] { display: none; }




.vmc-sitemap {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: clamp(.8rem, 1.4vw, 1.15rem);
margin-top: 1.25rem;
}

.vmc-sitemap__blk {
--map-tint: var(--vmc-cyan);
position: relative;
overflow: hidden;
padding: clamp(1rem, 1.8vw, 1.35rem);
border-radius: 16px;
background: linear-gradient(180deg, var(--vmc-surface-2), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .05),
inset 0 0 0 1px var(--vmc-line),
0 12px 30px -24px #000;
}
.vmc-sitemap__blk[data-accent="violet"]  { --map-tint: var(--vmc-violet); }
.vmc-sitemap__blk[data-accent="magenta"] { --map-tint: var(--vmc-magenta); }


.vmc-sitemap__blk::before {
content: "";
position: absolute;
inset: 0 0 auto;
height: 2px;
pointer-events: none;
background: linear-gradient(90deg,
var(--map-tint),
color-mix(in srgb, var(--map-tint) 30%, transparent) 62%,
transparent);
opacity: .85;
}


.vmc-sitemap__blk summary {
list-style: none;
cursor: pointer;
}
.vmc-sitemap__blk summary::-webkit-details-marker { display: none; }
.vmc-sitemap__blk summary:focus-visible {
outline: 2px solid var(--map-tint);
outline-offset: 4px;
border-radius: 8px;
}

.vmc-sitemap__head {
display: flex;
align-items: center;
gap: .6rem;
}

.vmc-sitemap__blk[open] .vmc-sitemap__head,
.vmc-sitemap__blk--static .vmc-sitemap__head {
margin-bottom: 1rem;
padding-bottom: .85rem;
border-bottom: 1px solid var(--vmc-line);
}

.vmc-sitemap__chev {
display: grid;
place-items: center;
width: 26px; height: 26px;
flex: none;
border-radius: 7px;
color: var(--map-tint);
box-shadow: inset 0 0 0 1px var(--vmc-line);
transition: box-shadow var(--t-fast) var(--ease-out);
}

.vmc-sitemap__chev .vmc-i {
width: 14px; height: 14px;
transform: rotate(90deg);
transition: transform var(--t-med) var(--ease-out);
}
.vmc-sitemap__blk[open] .vmc-sitemap__chev .vmc-i { transform: rotate(-90deg); }
.vmc-sitemap__blk summary:hover .vmc-sitemap__chev {
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--map-tint) 55%, transparent);
}

.vmc-sitemap__ico {
display: grid;
place-items: center;
width: 34px; height: 34px;
flex: none;
border-radius: 10px;
color: var(--map-tint);
background: linear-gradient(180deg, var(--vmc-surface-3), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .06),
inset 0 0 0 1px color-mix(in srgb, var(--map-tint) 26%, transparent),
0 0 16px -12px var(--map-tint);
}
.vmc-sitemap__ico .vmc-i { width: 17px; height: 17px; }
.vmc-sitemap__label {
flex: 1;
min-width: 0;
font: 700 var(--fs-sm)/1.2 var(--vmc-font-ui);
letter-spacing: .12em;
text-transform: uppercase;
color: var(--vmc-white);
}

.vmc-sitemap__count {
flex: none;
padding: .2rem .5rem;
border-radius: 999px;
font: 600 var(--fs-micro)/1.4 var(--vmc-font-ui);
color: var(--map-tint);
background: color-mix(in srgb, var(--map-tint) 10%, transparent);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--map-tint) 26%, transparent);
}


.vmc-sitemap__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: .55rem 1.5rem;
margin: 0;
padding: 0;
list-style: none;
}
.vmc-sitemap__list li.is-child { padding-left: 1rem; }

.vmc-sitemap__list li[data-accent="violet"]  { --map-tint: var(--vmc-violet); }
.vmc-sitemap__list li[data-accent="magenta"] { --map-tint: var(--vmc-magenta); }
.vmc-sitemap__list li[data-accent="cyan"]    { --map-tint: var(--vmc-cyan); }
.vmc-sitemap__list li[data-accent="gold"]    { --map-tint: var(--vmc-gold); }

.vmc-sitemap__link {
position: relative;
display: inline-block;
font-size: var(--fs-sm);
color: var(--vmc-text-2);
transition: color var(--t-fast) var(--ease-out), padding-left var(--t-fast) var(--ease-out);
}
.vmc-sitemap__link::before {
content: "";
position: absolute;
left: 0; top: 50%;
width: 0; height: 1.5px;
background: var(--map-tint);
transform: translateY(-50%);
transition: width var(--t-fast) var(--ease-out);
}
.vmc-sitemap__link:hover { color: var(--vmc-white); padding-left: 14px; }
.vmc-sitemap__link:hover::before { width: 9px; box-shadow: 0 0 8px var(--map-tint); }




.vmc-sitemap__link--ico {
display: inline-flex;
align-items: center;
gap: .5rem;
}
.vmc-sitemap__link--ico::before { display: none; }
.vmc-sitemap__link--ico:hover { padding-left: 0; }
.vmc-sitemap__lico {
display: grid;
place-items: center;
width: 24px; height: 24px;
flex: none;
border-radius: 7px;
color: var(--map-tint);
background: rgba(23, 28, 46, .5);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--map-tint) 22%, transparent);
transition: box-shadow var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);
}
.vmc-sitemap__lico .vmc-i { width: 14px; height: 14px; }
.vmc-sitemap__link--ico:hover .vmc-sitemap__lico {
background: color-mix(in srgb, var(--map-tint) 14%, rgba(11, 14, 24, .6));
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--map-tint) 60%, transparent),
0 0 14px -8px var(--map-tint);
}





.vmc-rg {
border-radius: 16px;
background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .022));
box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, .07),
inset 0 1px 0 rgba(255, 255, 255, .045),
0 2px 10px -6px rgba(0, 0, 0, .9);
}

.vmc-footer__wall {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: .5rem;
margin-top: var(--sp-5);
text-align: center;
}
.vmc-footer__wall div,
.vmc-footer__wall p,
.vmc-footer__wall span {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: inherit;
margin: 0;
}


.vmc-footer__wall img {
height: 30px; width: auto;
box-sizing: content-box;
padding: .6rem .75rem;
border: 1px solid rgba(255, 255, 255, .15);
border-radius: 12px;

background: none;
transition: transform var(--t-med) var(--ease-spring),
filter var(--t-med) var(--ease-out),
border-color var(--t-med) var(--ease-out),
box-shadow var(--t-med) var(--ease-out);
}


.vmc-footer__wall img:hover,
.vmc-footer__wall a:hover img {
transform: translateY(-2px);
filter: brightness(1.12);
border-color: var(--vmc-cyan);
box-shadow:
0 6px 18px -10px rgba(0, 0, 0, .9),
0 0 20px -12px var(--vmc-cyan);
}


.vmc-footer__wall p:empty { display: none; }


.vmc-rg {
display: flex;
align-items: center;
gap: 1.1rem;
padding: 1.1rem 1.4rem;
font-size: var(--fs-sm);
line-height: 1.65;
}

.vmc-rg p { margin: 0; flex: 1; min-width: 260px; }
.vmc-footer__legal .vmc-rg p { color: var(--vmc-text-2); }

.vmc-footer__legal .vmc-rg a { color: var(--vmc-cyan); }
.vmc-footer__legal .vmc-rg a:hover { color: var(--vmc-white); }



.vmc-footer__legal {
padding-block: var(--sp-5);
font-size: var(--fs-xs);
line-height: 1.75;
}
.vmc-footer__legal,
.vmc-footer__legal p,
.vmc-footer__legal li { color: var(--vmc-text-3); }
.vmc-footer__legal a { color: var(--vmc-text-3); text-decoration: underline; text-underline-offset: 3px; }
.vmc-footer__legal a:hover { color: var(--vmc-cyan); }

.vmc-footer__legal > :not(.vmc-rg) { margin-top: 1rem; }

@media (max-width: 640px) {

.vmc-rg { align-items: flex-start; }
.vmc-rg p { min-width: 0; }


.vmc-footer__wall { gap: .5rem; }
.vmc-footer__wall img { height: 22px; padding: .5rem .6rem; border-radius: 10px; }
}


.vmc-age {
display: inline-grid;
place-items: center;
width: 36px; height: 36px;
flex: none;
border: 2px solid var(--vmc-magenta);
border-radius: 50%;
font: 700 .8rem/1 var(--vmc-font-ui);
color: var(--vmc-magenta);
}







.vmc-muted    { color: var(--vmc-text-3); }




.vmc-totop {
position: fixed;
right: var(--vmc-gutter);
bottom: calc(var(--vmc-dock-h) + 1rem + env(safe-area-inset-bottom));
z-index: 70;
display: grid;
place-items: center;
width: 46px; height: 46px;
padding: 0;
border: 0;
cursor: pointer;
color: var(--vmc-cyan);
border-radius: 12px;
background: linear-gradient(180deg, var(--vmc-surface-4), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .2),
inset 0 -1.5px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px var(--vmc-line-2),
0 10px 24px -10px rgba(0, 0, 0, .95);
opacity: 0;
transform: translateY(12px);
pointer-events: none;
transition: opacity var(--t-med) var(--ease-out),
transform var(--t-med) var(--ease-spring),
box-shadow var(--t-med) var(--ease-out);
}
.vmc-totop.is-on { opacity: 1; transform: none; pointer-events: auto; }
.vmc-totop:hover {
transform: translateY(-2px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .34),
inset 0 -1.5px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px color-mix(in srgb, var(--vmc-cyan) 50%, transparent),
0 14px 30px -12px rgba(0, 0, 0, .95),
0 0 28px -10px var(--vmc-cyan);
}
.vmc-totop .vmc-i { width: 20px; height: 20px; transform: rotate(-90deg); }
.vmc-totop .vmc-i__core { stroke: color-mix(in srgb, currentColor 78%, white); }
.vmc-totop .vmc-i__glow { opacity: .32; }
.vmc-totop:hover .vmc-i__glow { opacity: .9; }

@media (min-width: 1081px) { .vmc-totop { bottom: var(--vmc-gutter); } }




.screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}

.screen-reader-text:focus {
z-index: 100000;
top: 1rem;
left: 1rem;
width: auto;
height: auto;
padding: .75rem 1.25rem;
clip: auto;
clip-path: none;
background: var(--vmc-surface-2);
color: var(--vmc-white);
font: 500 .95rem/1 var(--vmc-font-ui);
}

.alignleft { float: left; margin: 0 1.5rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.aligncenter { display: block; margin-inline: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: .85rem; opacity: .7; }






.vmc-page {
position: relative;
padding-block: clamp(1.5rem, 3vw, 2.5rem) clamp(3rem, 6vw, 5rem);
}


.vmc-page--flush { padding-top: 0; }



.vmc-phead {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: .85rem;
margin-bottom: var(--sp-5);
}
.vmc-phead__ico {
--phead-tint: var(--vmc-violet);
position: relative;
display: grid;
place-items: center;
width: 46px; height: 46px;
flex: none;
color: var(--phead-tint);
}
.vmc-phead__ico::after {
content: "";
position: absolute;
left: 3px; right: 3px; bottom: 0;
height: 15px;
pointer-events: none;
background: radial-gradient(58% 100% at 50% 100%,
color-mix(in srgb, var(--phead-tint) 70%, transparent), transparent 74%);
}
.vmc-phead__ico .vmc-i { width: 30px; height: 30px; }
.vmc-phead__ico .vmc-i__core { stroke: color-mix(in srgb, currentColor 78%, white); }
.vmc-phead__ico[data-accent="cyan"]    { --phead-tint: var(--vmc-cyan); }
.vmc-phead__ico[data-accent="magenta"] { --phead-tint: var(--vmc-magenta); }

.vmc-phead__title {
margin: 0;
font: 800 var(--fs-h2)/1.1 var(--vmc-font-display);
letter-spacing: -.02em;
color: var(--vmc-white);
}




.vmc-pager {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: .5rem;
padding-block: var(--sp-6) var(--sp-4);
}

.vmc-pager .page-numbers {
display: grid;
place-items: center;
min-width: 44px;
height: 44px;
padding: 0 .75rem;
border-radius: 12px;
font: 700 var(--fs-sm)/1 var(--vmc-font-ui);
letter-spacing: .02em;
color: var(--vmc-text-2);
text-decoration: none;
background:
linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, 0) 42%),
linear-gradient(180deg, var(--vmc-surface-3), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .4),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px var(--vmc-line-2),
0 6px 18px -8px rgba(0, 0, 0, .9);
transition: transform var(--t-med) var(--ease-spring),
color var(--t-fast) var(--ease-out),
box-shadow var(--t-med) var(--ease-out);
}

.vmc-pager a.page-numbers:hover {
color: var(--vmc-white);
transform: translateY(-2px);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .55),
inset 0 -2px 0 rgba(0, 0, 0, .5),
inset 0 0 0 1px color-mix(in srgb, var(--vmc-cyan) 45%, transparent),
0 12px 26px -10px rgba(0, 0, 0, .95),
0 0 28px -12px var(--vmc-cyan);
}


.vmc-pager .page-numbers.current {
color: var(--vmc-ink);
background: var(--vmc-cyan);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .5),
inset 0 -2px 0 rgba(7, 9, 15, .2),
0 8px 22px -12px var(--vmc-cyan);
}


.vmc-pager .page-numbers.dots {
min-width: 0;
padding: 0 .2rem;
color: var(--vmc-text-4);
background: none;
box-shadow: none;
}

.vmc-pager .page-numbers .vmc-i { width: 17px; height: 17px; }
.vmc-pager .prev .vmc-i { transform: rotate(180deg); }
.vmc-pager .prev, .vmc-pager .next { padding: 0; }

@media (max-width: 480px) {
.vmc-pager { gap: .35rem; }
.vmc-pager .page-numbers { min-width: 40px; height: 40px; padding: 0 .5rem; }
}

.vmc-more { display: flex; justify-content: center; padding-block: var(--sp-6) var(--sp-4); }


.vmc-cta { margin-top: var(--sp-5); }
.vmc-more[hidden] { display: none; }



.vmc-empty[hidden] { display: none; }

.vmc-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: .9rem;
text-align: center;
padding: clamp(2.4rem, 5vw, 4rem) 1.5rem;
border-radius: 16px;
background: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(255, 255, 255, .03));
box-shadow:
inset 0 3px 9px rgba(0, 0, 0, .85),
inset 0 0 0 1px rgba(0, 0, 0, .6),
inset 0 -1px 0 rgba(255, 255, 255, .09);
}
.vmc-empty__ico {
position: relative;
display: grid;
place-items: center;
width: 54px; height: 54px;
color: var(--vmc-violet);
}
.vmc-empty__ico::after {
content: "";
position: absolute;
left: 4px; right: 4px; bottom: 0;
height: 16px;
background: radial-gradient(58% 100% at 50% 100%,
color-mix(in srgb, var(--vmc-violet) 66%, transparent), transparent 74%);
}
.vmc-empty__ico .vmc-i { width: 32px; height: 32px; }
.vmc-empty__title { margin: 0; font: 800 var(--fs-h3)/1.2 var(--vmc-font-display); color: var(--vmc-white); }
.vmc-empty p  { margin: 0; max-width: 46ch; font-size: var(--fs-sm); color: var(--vmc-text-3); }

.vmc-empty__actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: .6rem;
margin-top: .35rem;
}



.vmc-posts {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: clamp(1rem, 1.7vw, 1.5rem);
}
@media (min-width: 768px)  { .vmc-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .vmc-posts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.vmc-post {
--post-tint: var(--vmc-cyan);
position: relative;
display: flex;
flex-direction: column;
border-radius: 16px;
overflow: hidden;
background: linear-gradient(180deg, var(--vmc-surface-2), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .06),
inset 0 0 0 1px var(--vmc-line),
0 10px 26px -18px rgba(0, 0, 0, .95);
transition: transform var(--t-med) var(--ease-spring),
box-shadow var(--t-med) var(--ease-out);
}
.vmc-post[data-accent="violet"]  { --post-tint: var(--vmc-violet); }
.vmc-post[data-accent="magenta"] { --post-tint: var(--vmc-magenta); }


.vmc-post::before {
content: "";
position: absolute;
inset: 0 0 auto;
height: 2px;
pointer-events: none;
background: linear-gradient(90deg,
var(--post-tint),
color-mix(in srgb, var(--post-tint) 32%, transparent) 60%,
transparent);
opacity: .8;
transition: opacity var(--t-med) var(--ease-out);
}

.vmc-post::after {
content: "";
position: absolute;
inset: 0 0 auto;
height: 66%;
pointer-events: none;
background: radial-gradient(74% 100% at 6% 0%,
color-mix(in srgb, var(--post-tint) 20%, transparent), transparent 72%);
opacity: .55;
transition: opacity var(--t-med) var(--ease-out);
}
.vmc-post:hover {
transform: translateY(-3px);
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--post-tint) 55%, transparent),
0 16px 34px -20px rgba(0, 0, 0, .95),
0 0 26px -16px var(--post-tint);
}
.vmc-post:hover::before,
.vmc-post:hover::after { opacity: 1; }

.vmc-post__body {
position: relative;
z-index: 1; 
display: flex;
flex-direction: column;
gap: .55rem;
flex: 1;
padding: 1.4rem 1.35rem 1.45rem;
}

.vmc-post__body > * { max-width: 62ch; }
.vmc-post__meta {
display: flex;
align-items: center;
gap: .5rem;
font: 600 var(--fs-micro)/1 var(--vmc-font-ui);
letter-spacing: .14em;
text-transform: uppercase;
color: var(--post-tint);
}

.vmc-post__meta::before {
content: "";
flex: none;
width: 6px; height: 6px;
border-radius: 50%;
background: var(--post-tint);
box-shadow: 0 0 9px var(--post-tint);
}
.vmc-post__meta time { color: inherit; }
.vmc-post__title { margin: .1rem 0 0; font: 700 1.1rem/1.36 var(--vmc-font-head); }

@media (min-width: 1080px) {
.vmc-post__body  { padding: 1.6rem 1.55rem 1.65rem; gap: .6rem; }
.vmc-post__title { font-size: 1.22rem; }
}
.vmc-post__title a { color: var(--vmc-white); transition: color var(--t-fast) var(--ease-out); }

.vmc-post__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.vmc-post:hover .vmc-post__title a { color: var(--post-tint); }

.vmc-post__excerpt {
margin: 0 0 .3rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-clamp: 3;
overflow: hidden;
font-size: var(--fs-sm);
font-weight: 300;
line-height: 1.65;
color: var(--vmc-text-3);
}

.vmc-post__more {
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: .45rem;
margin-top: auto;
padding: .58rem 1.05rem;
border-radius: 999px;
background: color-mix(in srgb, var(--post-tint) 9%, rgba(7, 9, 15, .45));
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--post-tint) 38%, transparent);
font: 600 var(--fs-xs)/1 var(--vmc-font-ui);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--post-tint);
transition: background var(--t-med) var(--ease-out),
box-shadow var(--t-med) var(--ease-out),
color var(--t-fast) var(--ease-out);
}
.vmc-post:hover .vmc-post__more {
background: color-mix(in srgb, var(--post-tint) 24%, rgba(7, 9, 15, .45));
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--post-tint) 85%, transparent),
0 0 24px -12px var(--post-tint);
color: #fff;
}
.vmc-post__more .vmc-i { width: 15px; height: 15px; transition: transform var(--t-med) var(--ease-spring); }
.vmc-post:hover .vmc-post__more .vmc-i { transform: translateX(3px); }


.vmc-single {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 300px);
gap: clamp(1.5rem, 3vw, 3rem);
align-items: start;
}
@media (max-width: 900px) { .vmc-single { grid-template-columns: minmax(0, 1fr); } }

.vmc-single__main { min-width: 0; }

.vmc-single__side { min-width: 0; position: sticky; top: calc(var(--vmc-topbar-h) + 1rem + var(--vmc-admin-h)); }
@media (max-width: 900px) { .vmc-single__side { position: static; } }


.vmc-single__cover {
margin: 0 0 1.5rem;
border-radius: 16px;
overflow: hidden;
box-shadow:
inset 0 0 0 1px var(--vmc-line-2),
0 14px 34px -22px rgba(0, 0, 0, .95);
}

.vmc-single__cover img {
width: 100%;
max-height: 460px;
display: block;
object-fit: cover;
}

.vmc-single__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .5rem .7rem;
margin-bottom: 1rem;
font: 500 var(--fs-micro)/1 var(--vmc-font-ui);
letter-spacing: .12em;
text-transform: uppercase;
color: var(--vmc-text-4);
}

.vmc-single__tag {
padding: .28rem .55rem;
border-radius: 999px;
color: var(--vmc-text-2);
background: rgba(255, 255, 255, .05);
box-shadow: inset 0 0 0 1px var(--vmc-line-2);
}


.vmc-single__main .vmc-content__head { margin-bottom: var(--sp-4); }


.vmc-side {
padding: 1.15rem 1.2rem 1.3rem;
border-radius: 16px;
background: linear-gradient(180deg, var(--vmc-surface-2), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .06),
inset 0 0 0 1px var(--vmc-line);
}
.vmc-side__head {
margin-bottom: .9rem;
padding-bottom: .8rem;
font: 700 1rem/1.2 var(--vmc-font-head);
color: var(--vmc-white);
border-bottom: 1px solid var(--vmc-line);
}
.vmc-side__list { list-style: none; margin: 0; padding: 0; display: grid; }
.vmc-side__list li + li { border-top: 1px solid var(--vmc-line); }
.vmc-side__list a {
display: block;
padding: .7rem 0;
transition: color var(--t-fast) var(--ease-out);
}
.vmc-side__title {
display: block;
font-size: var(--fs-sm);
line-height: 1.45;
color: var(--vmc-text-2);
transition: color var(--t-fast) var(--ease-out);
}
.vmc-side__list a:hover .vmc-side__title { color: var(--vmc-cyan); }
.vmc-side__list time {
display: block;
margin-top: .3rem;
font: 500 var(--fs-micro)/1 var(--vmc-font-ui);
letter-spacing: .1em;
text-transform: uppercase;
color: var(--vmc-text-4);
}


.vmc-fixtures {
display: grid;
grid-template-columns: 1fr;
gap: clamp(1rem, 1.5vw, 1.5rem);
}
@media (min-width: 40rem)  { .vmc-fixtures { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64rem)  { .vmc-fixtures { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.vmc-fx {
--fx-tint: var(--vmc-cyan);
--fx-pad: 1.05rem;
display: flex;
flex-direction: column;
border-radius: 14px;
overflow: hidden;
background: linear-gradient(180deg, var(--vmc-surface-2), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .07),
inset 0 0 0 1px var(--vmc-line),
0 8px 22px -14px rgba(0, 0, 0, .95);
transition: transform var(--t-med) var(--ease-spring), box-shadow var(--t-med) var(--ease-out);
}
.vmc-fx:hover {
transform: translateY(-2px);
box-shadow:
inset 0 0 0 1px var(--vmc-line-2),
0 14px 30px -16px rgba(0, 0, 0, .95),
0 0 26px -18px var(--fx-tint);
}
.vmc-fx[data-accent="violet"]  { --fx-tint: var(--vmc-violet); }
.vmc-fx[data-accent="magenta"] { --fx-tint: var(--vmc-magenta); }
.vmc-fx[data-accent="gold"]    { --fx-tint: var(--vmc-gold); }


.vmc-fx__head { display: flex; align-items: center; gap: .5rem; padding: 1rem var(--fx-pad) 0; }
.vmc-fx__sport {
display: inline-flex;
align-items: center;
gap: .32rem;
padding: .24rem .5rem;
border-radius: 999px;
font: 600 .58rem/1 var(--vmc-font-head);
letter-spacing: .1em;
text-transform: uppercase;
color: var(--fx-tint);
background: color-mix(in srgb, var(--fx-tint) 13%, transparent);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fx-tint) 30%, transparent);
}
.vmc-fx__sport .vmc-i { width: 11px; height: 11px; }
.vmc-fx__live {
margin-left: auto;
display: inline-flex;
align-items: center;
gap: .34rem;
font: 600 var(--fs-micro)/1 var(--vmc-font-head);
letter-spacing: .11em;
text-transform: uppercase;
color: var(--vmc-magenta);
}
.vmc-fx__live::before {
content: "";
width: 6px; height: 6px;
border-radius: 50%;
background: var(--vmc-magenta);
box-shadow: 0 0 8px var(--vmc-magenta);
animation: vmc-fx-pulse 1.6s var(--ease-in-out) infinite;
}
@keyframes vmc-fx-pulse { 50% { opacity: .3; } }


.vmc-fx__event {
padding: .75rem var(--fx-pad) .1rem;
font: 800 1.14rem/1.25 var(--vmc-font-display);
letter-spacing: -.01em;
color: var(--vmc-white);
text-wrap: balance;
}


.vmc-fx__facts { display: flex; flex-wrap: wrap; gap: .45rem .85rem; padding: .55rem var(--fx-pad) 1rem; }
.vmc-fx__fact {
display: inline-flex;
align-items: center;
gap: .34rem;
min-width: 0;
font: 500 var(--fs-xs)/1 var(--vmc-font-ui);
color: var(--vmc-text-3);
}
.vmc-fx__fact .vmc-i { width: 14px; height: 14px; flex: none; color: var(--vmc-text-4); }
.vmc-fx__fact span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vmc-fx__fact--time { color: var(--vmc-white); font-weight: 600; font-variant-numeric: tabular-nums; }
.vmc-fx__fact--time .vmc-i { color: var(--fx-tint); }


.vmc-fx__teams { display: grid; gap: .6rem; padding: .95rem var(--fx-pad) .9rem; border-top: 1px solid var(--vmc-line); }
.vmc-fx__team  { display: flex; align-items: center; gap: .6rem; min-width: 0; }
.vmc-fx__crest {
width: 27px; height: 27px;
flex: none;
display: grid;
place-items: center;
overflow: hidden;
border-radius: 50%;
font: 800 var(--fs-micro)/1 var(--vmc-font-display);
color: var(--vmc-text-2);
background: linear-gradient(180deg, var(--vmc-surface-4), var(--vmc-surface-2));
box-shadow: inset 0 0 0 1px var(--vmc-line-2);
}
.vmc-fx__crest img { width: 100%; height: 100%; object-fit: contain; }
.vmc-fx__name {
min-width: 0;
font: 500 var(--fs-body)/1.25 var(--vmc-font-ui);
color: var(--vmc-white);
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.vmc-fx__score { margin-left: auto; flex: none; font: 800 1rem/1 var(--vmc-font-display); color: var(--vmc-white); }


.vmc-fx__runners { display: grid; gap: .1rem; padding: .75rem calc(var(--fx-pad) - .4rem) .3rem; border-top: 1px solid var(--vmc-line); }
.vmc-fx__runner {
display: flex;
align-items: center;
gap: .6rem;
width: 100%;
padding: .4rem .4rem;
border: 0;
border-radius: 8px;
background: none;
text-align: left;
cursor: pointer;
color: inherit;
text-decoration: none;
transition: background var(--t-fast) var(--ease-out);
}
.vmc-fx__runner:hover { background: rgba(255, 255, 255, .05); }
.vmc-fx__no {
width: 19px; height: 19px;
flex: none;
display: grid;
place-items: center;
border-radius: 5px;
font: 800 .62rem/1 var(--vmc-font-display);
color: var(--vmc-text-3);
background: rgba(255, 255, 255, .06);
font-variant-numeric: tabular-nums;
}
.vmc-fx__runner .vmc-fx__name { flex: 1; font-weight: 400; font-size: var(--fs-sm); color: var(--vmc-text-2); }
.vmc-fx__runner .vmc-fx__price { font-size: .85rem; }
.vmc-fx__sp { font: 500 var(--fs-xs)/1 var(--vmc-font-ui); letter-spacing: .04em; color: var(--vmc-text-4); }
.vmc-fx__more { margin: 0; padding: .3rem var(--fx-pad) 1.15rem; font-size: var(--fs-xs); color: var(--vmc-text-4); }
.vmc-fx__more b { color: var(--fx-tint); font-weight: 600; }


.vmc-fx__odds { display: grid; grid-template-columns: repeat(3, 1fr); gap: .45rem; padding: 0 var(--fx-pad) 1rem; }

.vmc-fx__odd {
display: flex;
flex-direction: column;
align-items: center;
gap: .2rem;
padding: .52rem .3rem;
border: 0;
border-radius: 9px;
cursor: pointer;
color: inherit;
text-decoration: none;
background: rgba(255, 255, 255, .04);
box-shadow: inset 0 0 0 1px var(--vmc-line);
transition: background var(--t-fast) var(--ease-out), box-shadow var(--t-med) var(--ease-out);
}
.vmc-fx__price { font: 800 .96rem/1 var(--vmc-font-display); color: var(--vmc-white); font-variant-numeric: tabular-nums; }
.vmc-fx__pick {
font: 500 .64rem/1 var(--vmc-font-ui);
letter-spacing: .09em;
text-transform: uppercase;
color: var(--vmc-text-4);
max-width: 72px;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.vmc-fx__odd:hover {
background: rgba(255, 255, 255, .08);
box-shadow: inset 0 0 0 1px var(--fx-tint), 0 0 16px -9px var(--fx-tint);
}
.vmc-fx__odd:hover .vmc-fx__price { color: var(--fx-tint); }


.vmc-fx__bet {
display: flex;
align-items: center;
justify-content: center;
gap: .45rem;
margin: auto var(--fx-pad) var(--fx-pad);
padding: .72rem 1rem;
border-radius: 10px;
font: 600 var(--fs-xs)/1 var(--vmc-font-ui);
letter-spacing: .06em;
text-transform: uppercase;
color: var(--fx-tint);
box-shadow: inset 0 0 0 1.4px color-mix(in srgb, var(--fx-tint) 52%, transparent);
transition: color var(--t-fast) var(--ease-out),
background var(--t-fast) var(--ease-out),
box-shadow var(--t-med) var(--ease-out);
}
.vmc-fx__bet:hover,
.vmc-fx__bet:focus-visible {
color: var(--vmc-white);
background: color-mix(in srgb, var(--fx-tint) 15%, transparent);
box-shadow:
inset 0 0 0 1.4px var(--fx-tint),
inset 0 0 18px -10px var(--fx-tint),
0 0 20px -12px var(--fx-tint);
}
.vmc-fx__bet .vmc-i { width: 15px; height: 15px; }



.vmc-sports-tabs {
display: flex;
gap: .55rem;
overflow-x: auto;
scrollbar-width: none;
margin-block: 0 var(--sp-5);
margin-inline: -14px;
padding: .35rem 14px 1rem;
}
.vmc-sports-tabs::-webkit-scrollbar { display: none; }

.vmc-stile {
--stile-tint: var(--vmc-cyan);
flex: 0 0 auto;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: .45rem;
width: 92px;
padding: .9rem .4rem .72rem;
cursor: pointer;
border: 0;
border-radius: 14px;
font: 500 var(--fs-xs)/1.15 var(--vmc-font-ui);
text-align: center;
color: var(--vmc-text-3);
background: linear-gradient(180deg, var(--vmc-surface-3), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .1),
inset 0 0 0 1px var(--vmc-line),
0 4px 12px -7px rgba(0, 0, 0, .9);
transition: color var(--t-fast) var(--ease-out),
box-shadow var(--t-med) var(--ease-out),
transform var(--t-fast) var(--ease-spring);
}
.vmc-stile[data-accent="violet"]  { --stile-tint: var(--vmc-violet); }
.vmc-stile[data-accent="magenta"] { --stile-tint: var(--vmc-magenta); }
.vmc-stile[data-accent="gold"]    { --stile-tint: var(--vmc-gold); }
.vmc-stile .vmc-i { width: 28px; height: 28px; color: var(--stile-tint); }
.vmc-stile__n {
position: absolute;
top: .42rem; right: .5rem;
font: 600 var(--fs-micro)/1 var(--vmc-font-ui);
color: var(--vmc-text-4);
font-variant-numeric: tabular-nums;
}
.vmc-stile:hover { transform: translateY(-2px); color: var(--vmc-white); }
.vmc-stile.is-on {
color: var(--vmc-white);
box-shadow: inset 0 0 0 1.5px var(--stile-tint), 0 0 26px -12px var(--stile-tint);
}
.vmc-stile.is-on .vmc-stile__n { color: var(--stile-tint); }
.vmc-stile.is-empty { opacity: .4; }
.vmc-stile.is-empty .vmc-stile__n { display: none; }



.vmc-pagelinks {
display: flex;
flex-wrap: wrap;
gap: .45rem;
margin-top: var(--sp-5);
font: 600 var(--fs-sm)/1 var(--vmc-font-ui);
}
.vmc-pagelinks > span,
.vmc-pagelinks a {
display: grid;
place-items: center;
min-width: 34px;
height: 34px;
padding: 0 .6rem;
border-radius: 10px;
color: var(--vmc-text-2);
background: rgba(3, 4, 8, .5);
box-shadow: inset 0 2px 5px rgba(0, 0, 0, .7), inset 0 0 0 1px var(--vmc-line-2);
}
.vmc-pagelinks a:hover { color: var(--vmc-cyan); box-shadow: inset 0 0 0 1px var(--vmc-cyan); }
.vmc-pagelinks > span { color: var(--vmc-ink); background: var(--vmc-cyan); box-shadow: none; }




.vmc-content {
position: relative;

padding-block: clamp(1.5rem, 3vw, 2.25rem) clamp(1.5rem, 3vw, 2.25rem);

box-shadow: inset 0 1px 0 var(--vmc-line);
background: linear-gradient(180deg, rgba(255, 255, 255, .012), transparent 60%);
}


.vmc-content__head {

display: grid;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: .85rem;
margin-bottom: var(--sp-5);
}
.vmc-content__title { min-width: 0; overflow-wrap: break-word; }
@media (max-width: 560px) {
.vmc-content__title { font-size: clamp(1.3rem, 4.4vw, 1.6rem); }
}
.vmc-content__ico {
--content-tint: var(--vmc-violet);
position: relative;
display: grid;
place-items: center;
width: 46px; height: 46px;
flex: none;
color: var(--content-tint);
}
.vmc-content__ico::after {
content: "";
position: absolute;
left: 3px; right: 3px; bottom: 0;
height: 15px;
pointer-events: none;
background: radial-gradient(58% 100% at 50% 100%,
color-mix(in srgb, var(--content-tint) 70%, transparent), transparent 74%);
}
.vmc-content__ico .vmc-i { width: 30px; height: 30px; }
.vmc-content__ico .vmc-i__core { stroke: color-mix(in srgb, currentColor 78%, white); }
.vmc-content__ico[data-accent="cyan"]    { --content-tint: var(--vmc-cyan); }
.vmc-content__ico[data-accent="magenta"] { --content-tint: var(--vmc-magenta); }

.vmc-content__title {
margin: 0;
font: 800 var(--fs-h2)/1.15 var(--vmc-font-display);
letter-spacing: -.02em;
color: var(--vmc-white);
text-wrap: balance;
}




.vmc-prose {

font-weight: 300;
font-size: var(--fs-body);
line-height: 1.75;
color: var(--vmc-text-2);
}
.vmc-prose > * + * { margin-top: 1.1em; }


.vmc-prose :is(h2, h3, h4, h5, h6) {
margin: 2em 0 .6em;
font-family: var(--vmc-font-head);
font-weight: 700;
line-height: 1.25;
letter-spacing: -.01em;
color: var(--vmc-white);
text-wrap: balance;
}

.vmc-prose h2 {
position: relative;
font-size: var(--fs-h3);
padding-top: .85em;
}
.vmc-prose h2::before {
content: "";
position: absolute;
left: 0; top: 0;
width: 46px; height: 2px;
border-radius: 2px;
background: var(--vmc-climb);
}
.vmc-prose h3 {
position: relative;
font-size: 1.15rem;
padding-left: .85rem;
}
.vmc-prose h3::before {
content: "";
position: absolute;
left: 0; top: .18em; bottom: .18em;
width: 3px;
border-radius: 2px;
background: var(--vmc-cyan);
box-shadow: 0 0 10px -2px var(--vmc-cyan);
}
.vmc-prose h4 { font-size: 1.02rem; color: var(--vmc-cyan); }
.vmc-prose :is(h5, h6) { font-size: .95rem; letter-spacing: .04em; text-transform: uppercase; color: var(--vmc-text-3); }
.vmc-prose > :is(h2, h3, h4, h5, h6):first-child { margin-top: 0; }


.vmc-prose p { margin: 0 0 1.1em; }
.vmc-prose > :last-child { margin-bottom: 0; }
.vmc-prose strong, .vmc-prose b { color: var(--vmc-white); font-weight: 600; }

.vmc-prose a {
color: var(--vmc-cyan);
text-decoration: underline;
text-underline-offset: 3px;
}
.vmc-prose a:hover { color: var(--vmc-white); }


.vmc-prose :is(ul, ol) { margin-left: 0; padding-left: 0; list-style: none; }
.vmc-prose li { margin: 0 0 .55rem; padding-left: 1.6rem; position: relative; color: inherit; }
.vmc-prose li:last-child { margin-bottom: 0; }

.vmc-prose ul > li::before {
content: "";
position: absolute;
left: .32rem; top: .72em;
width: 6px; height: 6px;
border-radius: 50%;
background: var(--vmc-cyan);

box-shadow: 0 0 9px -1px var(--vmc-cyan);
}

.vmc-prose li li::before {
background: none;
box-shadow: inset 0 0 0 1.5px var(--vmc-cyan);
}

.vmc-prose ol { counter-reset: vmc-ol; }
.vmc-prose ol > li { counter-increment: vmc-ol; }
.vmc-prose ol > li::before {
content: counter(vmc-ol);
position: absolute;
left: 0; top: .12em;
display: grid;
place-items: center;
width: 1.15rem; height: 1.15rem;
border-radius: 6px;
font: 700 .72rem/1 var(--vmc-font-ui);
color: var(--vmc-cyan);
background: color-mix(in srgb, var(--vmc-cyan) 10%, transparent);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--vmc-cyan) 32%, transparent);
}
.vmc-prose li > :is(ul, ol) { margin-top: .55rem; }


.vmc-prose :is(img, figure, video, iframe) {
display: block;
max-width: 100%;
height: auto;
margin-inline: auto;
border-radius: 12px;
}

.vmc-prose :is(img, video, iframe) { margin-block: 1.6em; }
.vmc-prose figure { margin-block: 1.6em; }

.vmc-prose figure :is(img, video, iframe) { margin-block: 0; }

.vmc-prose > :is(img, figure, video, iframe):first-child { margin-top: 0; }
.vmc-prose > :is(img, figure, video, iframe):last-child { margin-bottom: 0; }
.vmc-prose figcaption {
margin-top: .6rem;
text-align: center;
font-size: var(--fs-sm);
color: var(--vmc-text-4);
}

.vmc-prose .aligncenter { margin-inline: auto; }
.vmc-prose .alignleft   { margin-inline: 0 auto; }
.vmc-prose .alignright  { margin-inline: auto 0; }

.vmc-prose blockquote {
margin: 1.6em 0;
padding: 1rem 1.4rem;
border-left: 2px solid var(--vmc-violet);
background: rgba(124, 92, 255, .07);
border-radius: 0 12px 12px 0;
font-style: normal;
color: var(--vmc-text);
}

.vmc-prose :is(code, kbd, samp) {
padding: .12em .38em;
border-radius: 6px;
font-size: .92em;
background: rgba(3, 4, 8, .55);
box-shadow: inset 0 0 0 1px var(--vmc-line-2);
}
.vmc-prose pre {
padding: 1rem 1.2rem;
border-radius: 12px;
overflow-x: auto;
background: rgba(3, 4, 8, .55);
box-shadow: inset 0 0 0 1px var(--vmc-line-2);
}
.vmc-prose pre code { padding: 0; background: none; box-shadow: none; }


.vmc-prose .vmc-prose__scroll,

.vmc-prose table {
display: table;
width: 100%;
max-width: 100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 14px;
overflow: hidden;
font-size: var(--fs-sm);
background: linear-gradient(180deg, var(--vmc-surface-2), var(--vmc-surface-1));
box-shadow:
inset 0 0 0 1px var(--vmc-line),
0 12px 30px -22px #000;
}
.vmc-prose :is(th, td) {
padding: .78rem 1rem;
border-bottom: 1px solid var(--vmc-line);
text-align: left;
vertical-align: top;
}

.vmc-prose thead th {
position: relative;
padding-block: .7rem;
font: 600 var(--fs-micro)/1.3 var(--vmc-font-ui);
letter-spacing: .12em;
text-transform: uppercase;
color: var(--vmc-white);
background: linear-gradient(180deg,
color-mix(in srgb, var(--vmc-cyan) 12%, transparent),
transparent);
border-bottom: 0;
white-space: nowrap;
}
.vmc-prose thead th::after {
content: "";
position: absolute;
left: 0; right: 0; bottom: 0;
height: 1px;
background: var(--vmc-climb);
opacity: .5;
}

.vmc-prose tbody tr:nth-child(even) { background: rgba(244, 245, 247, .022); }
.vmc-prose tbody tr:hover { background: color-mix(in srgb, var(--vmc-cyan) 5%, transparent); }
.vmc-prose tbody tr:last-child :is(th, td) { border-bottom: 0; }

.vmc-prose tbody :is(td, th):first-child { color: var(--vmc-white); font-weight: 500; }
.vmc-prose caption {
caption-side: bottom;
padding-top: .7rem;
font-size: var(--fs-xs);
color: var(--vmc-text-4);
text-align: left;
}
@media (max-width: 720px) {
.vmc-prose table { display: block; overflow-x: auto; }

.vmc-prose :is(th, td) { white-space: nowrap; }
}

.vmc-prose hr { border: 0; height: 1px; margin: 2em 0; background: var(--vmc-line); }



.vmc-prose {
--col-gap: clamp(1rem, 2vw, 1.5rem);
}
.vmc-prose .row,
.vmc-prose :has(> [class*="col-"]) {
display: flex;
flex-wrap: wrap;
gap: var(--col-gap);
margin: 0;
padding: 0;
list-style: none;
}

.vmc-prose [class*="col-"] { flex: 0 0 100%; min-width: 0; }


.vmc-prose :is(.container, .container-fluid) { width: 100%; max-width: none; padding: 0; margin: 0; }

@media (min-width: 768px) {

.vmc-prose .col-md-1  { flex: 0 0 calc(8.3333% - var(--col-gap) * 11 / 12); }
.vmc-prose .col-md-2  { flex: 0 0 calc(16.6666% - var(--col-gap) * 10 / 12); }
.vmc-prose .col-md-3  { flex: 0 0 calc(25% - var(--col-gap) * 9 / 12); }
.vmc-prose .col-md-4  { flex: 0 0 calc(33.3333% - var(--col-gap) * 8 / 12); }
.vmc-prose .col-md-5  { flex: 0 0 calc(41.6666% - var(--col-gap) * 7 / 12); }
.vmc-prose .col-md-6  { flex: 0 0 calc(50% - var(--col-gap) * 6 / 12); }
.vmc-prose .col-md-7  { flex: 0 0 calc(58.3333% - var(--col-gap) * 5 / 12); }
.vmc-prose .col-md-8  { flex: 0 0 calc(66.6666% - var(--col-gap) * 4 / 12); }
.vmc-prose .col-md-9  { flex: 0 0 calc(75% - var(--col-gap) * 3 / 12); }
.vmc-prose .col-md-10 { flex: 0 0 calc(83.3333% - var(--col-gap) * 2 / 12); }
.vmc-prose .col-md-11 { flex: 0 0 calc(91.6666% - var(--col-gap) * 1 / 12); }
.vmc-prose .col-md-12 { flex: 0 0 100%; }
}


.vmc-prose [class*="col-"] > :first-child { margin-top: 0; }
.vmc-prose [class*="col-"] > :last-child  { margin-bottom: 0; }
.vmc-prose :is(dt) { color: var(--vmc-white); font-weight: 600; }
.vmc-prose dd { margin: 0 0 .8rem 1.6rem; }




.vmc-page--tight { padding-block: 0 clamp(2rem, 4vw, 3.5rem); }


.vmc-phead__title { min-width: 0; overflow-wrap: break-word; }

@media (max-width: 560px) {
.vmc-phead__title { font-size: clamp(1.3rem, 4.4vw, 1.6rem); }
}


.vmc-gr__faqhead { margin-top: clamp(2rem, 4vw, 3rem); }


.vmc-gr__banner {
position: relative;
overflow: hidden;


margin-inline: calc(-1 * var(--vmc-gutter));
margin-bottom: var(--sp-5);


padding-block: calc(clamp(1.15rem, 2.2vw, 2rem) + 25px);
padding-inline: var(--vmc-gutter);

border-radius: 0;
background: var(--vmc-surface-1);

box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .06),
inset 0 -1px 0 var(--vmc-line-2);
}


.vmc-gr__bannerbg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
}
.vmc-gr__banner--art .vmc-gr__bannerbg {
filter: blur(30px) saturate(1.3);
transform: scale(1.14); 
}


.vmc-gr__bannerscrim {
position: absolute;
inset: 0;
background:
linear-gradient(90deg,
rgba(7, 9, 15, .94) 0%,
rgba(7, 9, 15, .86) 34%,
rgba(7, 9, 15, .45) 64%,
rgba(7, 9, 15, .15) 100%),
linear-gradient(180deg, rgba(7, 9, 15, .25), rgba(7, 9, 15, .45));
}

@media (max-width: 780px) {
.vmc-gr__bannerscrim {
background:
linear-gradient(90deg,
rgba(7, 9, 15, .94) 0%,
rgba(7, 9, 15, .88) 52%,
rgba(7, 9, 15, .5) 78%,
rgba(7, 9, 15, .2) 100%),
linear-gradient(180deg, rgba(7, 9, 15, .25), rgba(7, 9, 15, .45));
}
}

.vmc-gr__banner .vmc-hero__offer {
position: relative;
z-index: 1; 
max-width: min(620px, 100%);
}
.vmc-gr__banner .vmc-hero__offer::before { display: none; } 
.vmc-gr__banner .vmc-hero__amount .vmc-display {
font-size: clamp(2.2rem, 1rem + 3vw, 3.4rem);
}
.vmc-gr__banner .vmc-hero__upto { font-size: clamp(.8rem, .72rem + .35vw, 1rem); }
.vmc-gr__banner .vmc-hero__spins {
margin-bottom: .9rem;
font-size: clamp(.92rem, .86rem + .3vw, 1.08rem);
}

.vmc-gr__banner .vmc-hero__spins br { display: none; }
.vmc-gr__banner .vmc-hero__terms { margin-top: 1rem; max-width: min(680px, 100%); }
.vmc-gr__banner .vmc-hero__terms p { font-size: .68rem; color: var(--vmc-text-3); }


.vmc-gr__bannerlink {
position: absolute;
inset: 0;
z-index: 0;
}
.vmc-gr__banner .vmc-hero__offer { pointer-events: none; }
.vmc-gr__banner .vmc-hero__offer .vmc-btn { pointer-events: auto; }


.vmc-terms-band--gr {
margin: calc(-1 * var(--sp-5)) 0 var(--sp-5);
padding-block: .9rem 1rem;
background: none;
box-shadow: inset 0 -1px 0 var(--vmc-line);
}
.vmc-terms-band--gr .vmc-hero__terms { margin: 0; max-width: none; }
.vmc-terms-band--gr .vmc-hero__terms p { font-size: .68rem; color: var(--vmc-text-3); }


@media (max-width: 620px) {
.vmc-gr__bannerscrim {
background:
linear-gradient(90deg,
rgba(7, 9, 15, .92) 0%,
rgba(7, 9, 15, .86) 46%,
rgba(7, 9, 15, .5) 74%,
rgba(7, 9, 15, .2) 100%),
linear-gradient(180deg, rgba(7, 9, 15, .18), rgba(7, 9, 15, .42));
}


.vmc-gr__bannerbg { background-position: 72% center; }
.vmc-gr__banner--art .vmc-gr__bannerbg { background-position: center; }


.vmc-gr__banner .vmc-eyebrow { margin-bottom: .5rem; }
.vmc-gr__banner .vmc-hero__spins { margin-bottom: .8rem; }


.vmc-gr__art {
max-width: 260px;
margin-inline: auto;
}
}


.vmc-gr__head { min-width: 0; }
.vmc-gr__title {
margin: 0;

font: 800 clamp(1.45rem, 1.05rem + 1.35vw, 2.1rem)/1.15 var(--vmc-font-display);
letter-spacing: -.02em;
color: var(--vmc-white);
text-wrap: balance;
min-width: 0;
overflow-wrap: break-word;
}
@media (max-width: 560px) {
.vmc-gr__title { font-size: clamp(1.3rem, 4.4vw, 1.6rem); }
}

.vmc-gr__lede {
margin: .55rem 0 0;
max-width: 72ch;
font-size: var(--fs-sm);
font-weight: 300;
line-height: 1.7;
color: var(--vmc-text-3);
}


.vmc-gr__hero {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: clamp(1rem, 2vw, 1.6rem);
align-items: center;
padding: clamp(1rem, 1.8vw, 1.5rem);
border-radius: 18px;
background:
radial-gradient(85% 130% at 12% 0%, color-mix(in srgb, var(--vmc-cyan) 9%, transparent), transparent 62%),
linear-gradient(180deg, var(--vmc-surface-2), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .06),
inset 0 0 0 1px var(--vmc-line),
var(--vmc-shadow-2);
}

@media (min-width: 860px) {
.vmc-gr__hero { grid-template-columns: minmax(0, 360px) minmax(0, 1fr); }
.vmc-gr__hero--noart { grid-template-columns: minmax(0, 1fr); }
}


.vmc-gr__side {
display: flex;
flex-direction: column;
justify-content: center;
gap: clamp(.9rem, 1.6vw, 1.25rem);
min-width: 0;
}
.vmc-gr__play { align-self: start; }
@media (max-width: 620px) { .vmc-gr__play { align-self: stretch; justify-content: center; } }

.vmc-gr__art {
display: block;
border-radius: 14px;
overflow: hidden;
box-shadow: inset 0 0 0 1px var(--vmc-line-2), 0 14px 30px -20px #000;
}

.vmc-gr__art img {
display: block;
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
object-position: top;
}


.vmc-gr__stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(.6rem, 1.1vw, .85rem);
}
@media (max-width: 420px)  { .vmc-gr__stats { grid-template-columns: minmax(0, 1fr); } }

@media (min-width: 1280px) { .vmc-gr__stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }



.vmc-fact {
--fact-tint: var(--vmc-cyan);
display: flex;
align-items: center;
gap: .7rem;
min-width: 0;
padding: .7rem .8rem;
border-radius: 12px;
background: linear-gradient(180deg, rgba(23, 28, 46, .55), rgba(11, 14, 24, .55));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .04),
inset 0 0 0 1px var(--vmc-line);
}

.vmc-fact--empty { background: rgba(11, 14, 24, .35); }
.vmc-fact--empty .vmc-fact__ico { opacity: .5; }
.vmc-fact--empty .vmc-fact__value { color: var(--vmc-text-4); }
.vmc-fact[data-accent="violet"]  { --fact-tint: var(--vmc-violet); }
.vmc-fact[data-accent="magenta"] { --fact-tint: var(--vmc-magenta); }

.vmc-fact__ico {
position: relative;
display: grid;
place-items: center;
width: 42px; height: 42px;
flex: none;
border-radius: 12px;
color: var(--fact-tint);
background: linear-gradient(180deg, var(--vmc-surface-3), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .06),
inset 0 0 0 1px color-mix(in srgb, var(--fact-tint) 26%, transparent),
0 0 18px -12px var(--fact-tint);
}
.vmc-fact__ico .vmc-i { width: 21px; height: 21px; }
.vmc-fact__ico .vmc-i__core { stroke: color-mix(in srgb, currentColor 78%, white); }

.vmc-fact__text {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: .25rem;
min-width: 0;
}
.vmc-fact__label {
font: 600 var(--fs-micro)/1.15 var(--vmc-font-ui);
letter-spacing: .14em;
text-transform: uppercase;
color: var(--fact-tint);
}
.vmc-fact__value {
font: 500 .95rem/1.35 var(--vmc-font-ui);
color: var(--vmc-white);
overflow-wrap: anywhere;
}

.vmc-gr__block { margin-top: clamp(1.5rem, 3vw, 2.5rem); }


.vmc-gr__facts {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: clamp(.6rem, 1.1vw, .85rem);
}
@media (min-width: 620px)  { .vmc-gr__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .vmc-gr__facts { grid-template-columns: repeat(4, minmax(0, 1fr)); } }


.vmc-gr__figure {
margin: 0 auto var(--sp-5);
max-width: 900px;
border-radius: 16px;
overflow: hidden;
box-shadow: inset 0 0 0 1px var(--vmc-line-2), var(--vmc-shadow-2);
}
.vmc-gr__figure img { display: block; width: 100%; height: auto; }


.vmc-gr__block--slots { margin-top: clamp(1.1rem, 2vw, 1.6rem); }

.vmc-slots__head {
display: flex;
align-items: center;
gap: .55rem;
margin-bottom: .85rem;
}
.vmc-slots__mark {
display: grid;
place-items: center;
flex: none;
color: var(--vmc-magenta);
}

.vmc-slots__mark[data-accent="cyan"]    { color: var(--vmc-cyan); }
.vmc-slots__mark[data-accent="violet"]  { color: var(--vmc-violet); }
.vmc-slots__mark[data-accent="magenta"] { color: var(--vmc-magenta); }

.vmc-slots__mark .vmc-i { width: 18px; height: 18px; }
.vmc-slots__mark .vmc-i__glow { opacity: .5; }

.vmc-slots__head .vmc-rail-nav { gap: .3rem; }
.vmc-slots__head .vmc-rail-nav .vmc-iconbtn { width: 30px; height: 30px; border-radius: 9px; }
.vmc-slots__head .vmc-rail-nav .vmc-i { width: 15px; height: 15px; }

.vmc-slots__title {
margin: 0;
font: 700 1.02rem/1.2 var(--vmc-font-head);
letter-spacing: .005em;
color: var(--vmc-white);
white-space: nowrap;
}
.vmc-slots__rule {
flex: 1;
height: 1px;
min-width: 1.5rem;
background: linear-gradient(90deg, var(--vmc-line-2), transparent);
}



.vmc-slots {
display: grid;
grid-auto-flow: column;
grid-template-rows: repeat(2, auto);
grid-auto-columns: minmax(112px, 1fr);
gap: clamp(.4rem, .9vw, .65rem);
overflow-x: auto;
scroll-snap-type: x proximity;
scrollbar-width: none;

margin-inline: calc(-1 * var(--vmc-gutter, 16px));
padding-inline: var(--vmc-gutter, 16px);
scroll-padding-inline: var(--vmc-gutter, 16px);
padding-block: .2rem .5rem;
}
.vmc-slots::-webkit-scrollbar { display: none; }
.vmc-slots > * { scroll-snap-align: start; }
@media (min-width: 900px) { .vmc-slots { grid-auto-columns: minmax(132px, 1fr); } }


.vmc-slots--one {
grid-template-rows: auto;
grid-auto-columns: 112px;
justify-content: start;
}
@media (min-width: 900px) { .vmc-slots--one { grid-auto-columns: 132px; } }

.vmc-slot {
--slot-tint: var(--vmc-violet);
position: relative;
display: flex;
flex-direction: column;
gap: .1rem;
color: var(--vmc-text-2);
transition: transform var(--t-med) var(--ease-spring),
color var(--t-fast) var(--ease-out);
}
.vmc-slot[data-accent="cyan"]    { --slot-tint: var(--vmc-cyan); }
.vmc-slot[data-accent="magenta"] { --slot-tint: var(--vmc-magenta); }

.vmc-slot:hover,
.vmc-slot:focus-visible { transform: translateY(-3px); color: var(--vmc-white); }


.vmc-slot__screen {
position: relative;
display: block;
overflow: hidden;
border-radius: 9px;
background: var(--vmc-surface-2);
box-shadow: inset 0 0 0 1px var(--vmc-line-2);
transition: box-shadow var(--t-med) var(--ease-out);
}

.vmc-slot__screen img {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
object-position: top;
transition: transform var(--t-slow) var(--ease-out), filter var(--t-med) var(--ease-out);
}
.vmc-slot:hover .vmc-slot__screen img { transform: scale(1.06); filter: brightness(.55); }
.vmc-slot:hover .vmc-slot__screen,
.vmc-slot:focus-visible .vmc-slot__screen {
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--slot-tint) 55%, transparent),
0 8px 20px -10px rgba(0, 0, 0, .95),
0 0 22px -12px var(--slot-tint);
}


.vmc-slot__screen::after {
content: "";
position: absolute;
left: 30%; right: 30%; bottom: 0;
height: 2px;
pointer-events: none;
background: var(--slot-tint);
box-shadow: 0 0 9px var(--slot-tint);
transition: left var(--t-med) var(--ease-out), right var(--t-med) var(--ease-out);
}
.vmc-slot:hover .vmc-slot__screen::after,
.vmc-slot:focus-visible .vmc-slot__screen::after { left: 8%; right: 8%; }


.vmc-slot__blank {
display: grid;
place-items: center;
aspect-ratio: 1 / 1;   
color: var(--slot-tint);
opacity: .5;
}
.vmc-slot__blank .vmc-i { width: 22px; height: 22px; }


.vmc-slot__play {
position: absolute;
inset: 0;
display: grid;
place-items: center;
opacity: 0;
color: var(--slot-tint);
background: rgba(7, 9, 15, .35);
transition: opacity var(--t-med) var(--ease-out);
}
.vmc-slot__play .vmc-i { width: 26px; height: 26px; }
.vmc-slot:hover .vmc-slot__play,
.vmc-slot:focus-visible .vmc-slot__play { opacity: 1; }


.vmc-slot__name {
margin-top: .45rem;
font: 600 var(--fs-micro)/1.25 var(--vmc-font-ui);
color: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vmc-slot__prov {
font: 500 .58rem/1.25 var(--vmc-font-ui);
letter-spacing: .07em;
text-transform: uppercase;
color: var(--vmc-text-4);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}





.vmc-gcards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
gap: clamp(.7rem, 1.3vw, 1rem);
}
.vmc-gcard {
--card-tint: var(--vmc-cyan);
display: flex;
align-items: center;
gap: .8rem;
min-width: 0;
padding: .6rem .85rem;
border-radius: 14px;
background: linear-gradient(180deg, var(--vmc-surface-2), var(--vmc-surface-1));
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, .05),
inset 0 0 0 1px var(--vmc-line);
color: var(--vmc-text-2);
transition: transform var(--t-med) var(--ease-spring),
box-shadow var(--t-med) var(--ease-out);
}
.vmc-gcard[data-accent="violet"]  { --card-tint: var(--vmc-violet); }
.vmc-gcard[data-accent="magenta"] { --card-tint: var(--vmc-magenta); }
.vmc-gcard:hover {
transform: translateY(-2px);
box-shadow:
inset 0 0 0 1px color-mix(in srgb, var(--card-tint) 55%, transparent),
0 12px 24px -16px #000,
0 0 22px -14px var(--card-tint);
}

.vmc-gcard__art {
display: grid;
place-items: center;
width: 52px; height: 52px;
flex: none;
border-radius: 10px;
overflow: hidden;
color: var(--card-tint);
box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--card-tint) 30%, transparent);
}



.vmc-gcard__art img {
width: 100%; height: 100%;
object-fit: cover;
object-position: top;
}

.vmc-gcard__art--blank {
background:
radial-gradient(80% 120% at 50% 118%, color-mix(in srgb, var(--card-tint) 30%, transparent), transparent 72%),
linear-gradient(180deg, var(--vmc-surface-3), var(--vmc-surface-1));
}
.vmc-gcard__art--blank .vmc-i { width: 22px; height: 22px; }

.vmc-gcard__text {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: .22rem;
min-width: 0;
}
.vmc-gcard__name {
font: 600 .92rem/1.25 var(--vmc-font-ui);
color: var(--vmc-white);
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
transition: color var(--t-fast) var(--ease-out);
}
.vmc-gcard:hover .vmc-gcard__name { color: var(--card-tint); }
.vmc-gcard__prov {
font: 500 var(--fs-micro)/1 var(--vmc-font-ui);
letter-spacing: .12em;
text-transform: uppercase;
color: var(--vmc-text-4);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.vmc-gr__all { margin: var(--sp-5) 0 0; }





.vmc-crumbs {
margin-bottom: .75rem;
font: 500 var(--fs-micro)/1.4 var(--vmc-font-ui);
letter-spacing: .1em;
text-transform: uppercase;
color: var(--vmc-text-4);
}
.vmc-crumbs a { color: var(--vmc-text-3); text-decoration: none; }
.vmc-crumbs a:hover, .vmc-crumbs a:focus-visible { color: var(--vmc-cyan); }
.vmc-crumbs .breadcrumb_last { color: var(--vmc-text-2); }


.vmc-phead--sub { margin-top: var(--sp-6); }
.vmc-phead--sub .vmc-phead__title { font-size: var(--fs-h3); }
.vmc-reviews__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: .35rem 1.2rem;
margin: 0;
padding: 0;
list-style: none;
}
.vmc-reviews__list a {
display: block;
padding: .45rem 0;
color: var(--vmc-text-2);
text-decoration: none;
box-shadow: inset 0 -1px 0 var(--vmc-line);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.vmc-reviews__list a:hover, .vmc-reviews__list a:focus-visible { color: var(--vmc-cyan); }


.vmc-login__cta { margin: 0 0 var(--sp-5); }
.vmc-login__links {
display: flex;
flex-wrap: wrap;
gap: .6rem;
margin-top: var(--sp-5);
}


.vmc-single__by { color: var(--vmc-text-2); }
.vmc-single__updated { color: var(--vmc-text-4); }
a.vmc-single__tag { text-decoration: none; }
a.vmc-single__tag:hover, a.vmc-single__tag:focus-visible { color: var(--vmc-cyan); }


.vmc-card__play { font: inherit; cursor: pointer; }