/* Valter site B: account dashboard. Colors and type follow the official lobby (Prompt, #09080D, #663BFA, #AEF02B) */
:root{
  --vd-bg:#09080D;
  --vd-violet:#663BFA;
  --vd-violet-l:#8562FB;
  --vd-lime:#AEF02B;
  --vd-c1:#181524;
  --vd-c2:#36324D;
  --vd-mute:#A19DB2;
  --vd-mute2:#B6B3C7;
  --vd-white:#FFFFFF;
  --vd-r:16px;
  --vd-r-s:8px;
  --vd-gap:56px;
  --vd-fs-1:40px;
  --vd-fs-2:26px;
  --vd-fs-3:17px;
  --vd-fs-t:16px;
  --vd-fs-s:14px;
  --vd-headh:108px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--vd-headh) + 16px)}
body{margin:0;background:var(--vd-bg);color:var(--vd-white);font:400 var(--vd-fs-t)/1.55 Prompt,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0}
.vd-wrap{width:100%;max-width:1200px;margin:0 auto}
@media (max-width:1240px){.vd-wrap{padding:0 20px}}
@media (max-width:600px){.vd-wrap{padding:0 16px}}
.vd-center{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}
.vd-age{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:24px;padding:0 6px;border:1px solid var(--vd-c2);border-radius:6px;font-size:12px;font-weight:600;color:var(--vd-mute2)}

/* Type */
.vd-h1{font-size:var(--vd-fs-1);line-height:1.15;font-weight:700;margin:0 0 16px}
.vd-h2{font-size:var(--vd-fs-2);line-height:1.25;font-weight:700;margin:0 0 16px}
.vd-h3{font-size:var(--vd-fs-3);line-height:1.35;font-weight:600;margin:0 0 8px}

/* Buttons: flat, radius 8, lime like the official Aanmelden */
.vd-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:var(--vd-r-s);background:var(--vd-lime);color:#000;font-weight:600;font-size:var(--vd-fs-s);text-decoration:none;white-space:nowrap;transition:background .15s}
.vd-btn:hover{background:#c3f763}
.vd-btn--sm{height:40px;padding:0 16px}
.vd-btn--lg{height:56px;padding:0 40px;font-size:var(--vd-fs-t)}
.vd-btn--white{background:var(--vd-white)}
.vd-btn--white:hover{background:#e6e4ef}
.vd-btn--block{width:100%}


/* Header row 1: thin black bar */
.vd-head{position:sticky;top:0;z-index:50}
.vd-bar{background:var(--vd-bg);border-bottom:1px solid var(--vd-c1)}
.vd-bar__in{display:flex;align-items:center;justify-content:space-between;height:56px}
.vd-logo{font-family:Michroma,Prompt,sans-serif;font-size:22px;letter-spacing:.06em;color:var(--vd-lime);text-decoration:none;line-height:1}
.vd-bar__act{display:flex;align-items:center;gap:8px}
.vd-burger{display:none;width:40px;height:40px;border:0;border-radius:var(--vd-r-s);background:var(--vd-c1);padding:11px 10px;cursor:pointer;flex-direction:column;justify-content:space-between}
.vd-burger span{display:block;height:2px;background:var(--vd-white);border-radius:2px}

/* Header row 2: pill tabs */
.vd-tabs{background:var(--vd-c1)}
.vd-tabs__in{display:flex;gap:6px;height:52px;align-items:center}
.vd-tab{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;color:rgba(255,255,255,.6);font-size:var(--vd-fs-s);font-weight:500;text-decoration:none;white-space:nowrap}
.vd-tab:hover{color:var(--vd-white);background:var(--vd-c2)}
.vd-tab--m{display:none}
@media (max-width:1060px) and (min-width:901px){.vd-tabs__in{gap:2px}.vd-tab{padding:0 10px;font-size:13px}}
.vd-tab.is-on{background:var(--vd-violet);color:var(--vd-white);font-weight:600}

/* Hero */
.vd-hero{padding:32px 0 8px}
.vd-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:40px;align-items:center}
.vd-hero__main{min-width:0}
.vd-hero__art{margin:0;display:flex;justify-content:center}
.vd-hero__art img{border-radius:var(--vd-r);width:460px}
.vd-hero__art--sq img{width:auto;max-height:340px;border-radius:0}
.vd-hero__art--stage{width:460px;height:360px;align-items:flex-end;border-radius:var(--vd-r);background:#120f1c var(--vd-art-bg,url(/static/img/vd-welkom-bg.webp)) 62% center/cover no-repeat;overflow:hidden}
.vd-hero__art--stage img{width:auto;max-width:100%;max-height:340px;height:auto;border-radius:0}
.vd-hero__art--stage img[width="224"]{margin-bottom:40px}
.vd-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:stretch}
.vd-strip__art{border-radius:var(--vd-r);background:#120f1c url(/static/img/vd-promo-bg-weekdag.webp) center/cover no-repeat;display:flex;align-items:flex-end;justify-content:center;min-height:240px}
.vd-strip__art img{width:auto;max-width:100%;height:auto}
.vd-strip__body{background:var(--vd-c1);border-radius:var(--vd-r);padding:20px;display:flex;flex-direction:column;justify-content:center}
.vd-strip__sum{font-size:var(--vd-fs-2);font-weight:700;color:var(--vd-lime);line-height:1.2;margin:2px 0 10px}
.vd-strip__steps{list-style:none;margin:0;padding:0;font-size:var(--vd-fs-s)}
.vd-strip__steps li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--vd-c2)}
.vd-strip__steps span{color:var(--vd-mute2)}
.vd-hero__cta{margin-top:28px}

/* Big violet card, like the official "Mobiel gamen" block */
.vd-promo{background:var(--vd-violet) url(/static/img/vd-lijnen.webp) right top -34px/1417px auto no-repeat;border-radius:var(--vd-r);padding:24px 28px 28px}
.vd-promo__lbl{font-size:var(--vd-fs-s);font-weight:600;color:rgba(255,255,255,.8)}
.vd-promo__sum{font-size:var(--vd-fs-1);font-weight:700;color:var(--vd-lime);line-height:1.15;margin:4px 0 20px}
.vd-promo__sum span{color:var(--vd-white)}
.vd-nw{white-space:nowrap}
.vd-ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}
.vd-ladder::before{content:"";position:absolute;left:16px;right:calc(33.333% - 16px);top:15px;height:2px;background:rgba(255,255,255,.35)}
.vd-ladder__step{position:relative;display:flex;flex-direction:column;gap:2px}
.vd-ladder__dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#4a25d6;border:2px solid var(--vd-lime);color:var(--vd-lime);font-weight:700;font-size:var(--vd-fs-s);margin-bottom:8px}
.vd-ladder__step:first-child .vd-ladder__dot{background:var(--vd-lime);color:#000}
.vd-ladder__n{font-size:var(--vd-fs-s);color:rgba(255,255,255,.8)}
.vd-ladder__step b{font-size:var(--vd-fs-t);font-weight:600}
.vd-ladder__fs{font-size:var(--vd-fs-s);color:var(--vd-lime);font-weight:600}

/* KPI row on /bonus */
.vd-kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vd-kpis li{background:var(--vd-c1);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:2px}
.vd-kpis b{font-size:var(--vd-fs-2);color:var(--vd-lime);line-height:1.2}
.vd-kpis span{font-size:var(--vd-fs-s);color:var(--vd-mute2)}

/* Body: main 780 + sticky card */
.vd-body{display:flow-root;margin-top:var(--vd-gap)}
.vd-main{min-width:0}
/* Card floats at the top right; content below it runs the full container width */
.vd-side{float:right;width:380px;margin:0 0 32px 40px}
.vd-toc,.vd-calc,.vd-note,.vd-navcard,.vd-card{overflow:hidden}
.vd-card{background:var(--vd-c1);border:1px solid var(--vd-c2);border-radius:var(--vd-r);padding:24px}
.vd-card__lbl{font-size:var(--vd-fs-s);color:var(--vd-mute);font-weight:500}
.vd-card__sum{font-size:var(--vd-fs-2);font-weight:700;color:var(--vd-lime);margin:2px 0 12px}
.vd-card__sum span{color:var(--vd-white)}
.vd-card__rows{list-style:none;margin:0;padding:0;font-size:var(--vd-fs-s)}
.vd-card__rows li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--vd-c2)}
.vd-card__rows span{color:var(--vd-mute2)}
.vd-card__rows b{font-weight:600;text-align:right}
.vd-card__cta{display:flex;align-items:center;gap:10px;margin-top:16px}

/* Sections */
.vd-sec{margin-top:var(--vd-gap)}
.vd-main>.vd-sec:first-of-type{margin-top:32px}

/* TOC, closed by default */
.vd-toc{background:var(--vd-c1);border-radius:12px}
.vd-toc summary{list-style:none;cursor:pointer;padding:14px 20px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.vd-toc summary::-webkit-details-marker{display:none}
.vd-toc summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--vd-lime);border-bottom:2px solid var(--vd-lime);transform:rotate(45deg);margin-top:-4px;transition:transform .15s}
.vd-toc[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.vd-toc ol{margin:0;padding:0 20px 16px 40px;columns:2;column-gap:32px;font-size:var(--vd-fs-s)}
.vd-toc li{padding:4px 0;break-inside:avoid}
.vd-toc a{color:var(--vd-mute2);text-decoration:none}
.vd-toc a:hover{color:var(--vd-lime)}

/* Prose blocks */
.vd-text{max-width:none}
.vd-text p{margin:0 0 14px;color:#E4E2EC}
.vd-text p:last-child{margin-bottom:0}
.vd-text a{color:var(--vd-lime);text-underline-offset:3px}
.vd-sec>.vd-text{margin-bottom:20px}
.vd-sec>.vd-text:last-child,.vd-sec>.vd-text:last-of-type{margin-bottom:0}
.vd-sec>*+.vd-text{margin-top:20px}
.vd-lead{margin-bottom:28px}
.vd-lead p:first-child{font-size:var(--vd-fs-3);color:var(--vd-white);font-weight:500}

/* Account balance rows */
.vd-balance{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vd-balance li{background:var(--vd-c1);border-radius:12px;padding:16px 18px;border-left:3px solid var(--vd-lime);display:flex;flex-direction:column;gap:4px}
.vd-balance b{font-weight:600}
.vd-balance span{font-size:var(--vd-fs-s);color:var(--vd-mute2)}
.vd-balance li:nth-child(2){border-left-color:var(--vd-violet)}
.vd-balance li:nth-child(3){border-left-color:var(--vd-violet-l)}
.vd-balance li:nth-child(4){border-left-color:var(--vd-c2)}

/* Cashback formula + status table */
.vd-formula{margin:16px 0 0;background:var(--vd-violet);border-radius:12px;padding:14px 18px;font-weight:600;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.vd-formula span{font-size:var(--vd-fs-s);color:var(--vd-lime)}
.vd-tbl--status{margin-top:16px}
.vd-tbl--status td:first-child{width:34%}

/* Number tiles */
.vd-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vd-tile{background:var(--vd-c1);border-radius:var(--vd-r);padding:20px;display:flex;flex-direction:column;gap:2px;text-decoration:none;transition:background .15s}
.vd-tile:hover{background:var(--vd-c2)}
.vd-tile img{width:96px;height:96px;margin-bottom:12px}
.vd-tile__lbl{font-size:var(--vd-fs-s);color:var(--vd-mute)}
.vd-tile__num{font-size:var(--vd-fs-2);color:var(--vd-lime);line-height:1.2}
.vd-tile__num small{font-size:var(--vd-fs-t);color:var(--vd-white)}
.vd-tile__sub{font-size:var(--vd-fs-s);color:var(--vd-mute2)}

/* Tables: same look and first column width everywhere */
.vd-tbl{overflow-x:auto;border-radius:12px}
.vd-tbl table{width:100%;border-collapse:collapse;background:var(--vd-c1);font-size:15px}
.vd-tbl th{background:var(--vd-c2);text-align:left;font-weight:600;font-size:var(--vd-fs-s);padding:12px 16px}
.vd-tbl td{padding:13px 16px;border-top:1px solid var(--vd-c2);vertical-align:top}
.vd-tbl td:first-child{font-weight:600;width:34%}
.vd-tbl--wide td:first-child{width:auto}
.vd-tbl--rank td:first-child{width:56px;color:var(--vd-lime)}

/* Stats and game shelf 4x2 */
.vd-stats{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vd-stats li{background:var(--vd-c1);border-radius:12px;padding:14px 16px}
.vd-stats b{display:block;font-size:var(--vd-fs-2);color:var(--vd-lime);line-height:1.2}
.vd-stats span{font-size:var(--vd-fs-s);color:var(--vd-mute2)}
.vd-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vd-game{text-decoration:none;display:flex;flex-direction:column;gap:8px}
.vd-game img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;transition:transform .15s}
.vd-game:hover img{transform:translateY(-3px)}
.vd-game span{font-size:var(--vd-fs-s);color:var(--vd-mute2);line-height:1.35}

/* Payment chips */
.vd-pay{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vd-pay li{background:var(--vd-c1);border:1px solid var(--vd-c2);border-radius:var(--vd-r-s);padding:6px 12px;font-size:13px;font-weight:600;color:var(--vd-mute2)}
.vd-pay--lg{margin-bottom:16px}

/* Responsible gaming */
.vd-rg{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;background:var(--vd-c1);border-radius:var(--vd-r);padding:28px;border-left:4px solid var(--vd-violet)}
.vd-rg__badge{width:64px;height:64px;border-radius:50%;border:2px solid var(--vd-lime);color:var(--vd-lime);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--vd-fs-3)}
.vd-rg__lead{color:var(--vd-mute2);margin-bottom:16px}
.vd-rg__list{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vd-rg__list li{background:var(--vd-bg);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;font-size:var(--vd-fs-s)}
.vd-rg__list b{font-size:15px}
.vd-rg__list span{color:var(--vd-mute2)}
.vd-rg__note{font-size:15px;color:var(--vd-mute2)}

/* FAQ as two columns of plates */
.vd-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vd-faq__item{background:var(--vd-c1);border-radius:12px;padding:20px;display:flex;flex-direction:column}
.vd-faq__item summary{list-style:none;cursor:default}
.vd-faq__item summary::-webkit-details-marker{display:none}
.vd-faq__a{color:var(--vd-mute2);font-size:15px}

/* /bonus: steps 2x2 */
.vd-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vd-step{background:var(--vd-c1);border-radius:var(--vd-r);padding:20px 22px;border-top:3px solid var(--vd-violet)}
.vd-step__n{font-size:var(--vd-fs-s);color:var(--vd-mute);font-weight:500}
.vd-step__pct{font-size:var(--vd-fs-2);font-weight:700;color:var(--vd-lime);line-height:1.25}
.vd-step__pct span{font-size:var(--vd-fs-t);color:var(--vd-white);font-weight:600}
.vd-step__fs{font-weight:600;margin-bottom:12px}
.vd-step__dl{margin:0;font-size:var(--vd-fs-s)}
.vd-step__dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--vd-c2)}
.vd-step__dl dt{color:var(--vd-mute2)}
.vd-step__dl dd{margin:0;text-align:right;font-weight:500}
.vd-howto{list-style:none;counter-reset:vdh;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.vd-howto li{counter-increment:vdh;display:flex;align-items:center;gap:12px;background:var(--vd-c1);border-radius:12px;padding:14px 16px;font-size:var(--vd-fs-s);font-weight:500}
.vd-howto li::before{content:counter(vdh);flex:0 0 28px;height:28px;border-radius:50%;background:var(--vd-violet);display:flex;align-items:center;justify-content:center;font-weight:700}

/* /bonus: free spins per slot, rows with cover */
.vd-fs{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vd-fs__row{display:grid;grid-template-columns:120px minmax(0,1.3fr) minmax(0,1.5fr) 84px 88px;gap:16px;align-items:center;background:var(--vd-c1);border-radius:12px;padding:10px 16px 10px 10px}
.vd-fs__cover{display:flex;justify-content:center}
.vd-fs__cover img{height:72px;width:auto;border-radius:8px}
.vd-fs__game{display:flex;flex-direction:column;line-height:1.35}
.vd-fs__game b{font-weight:600}
.vd-fs__game span,.vd-fs__where{font-size:var(--vd-fs-s);color:var(--vd-mute2)}
.vd-fs__num{font-size:var(--vd-fs-3);font-weight:700;color:var(--vd-lime);text-align:right;white-space:nowrap}
.vd-fs__go{display:inline-flex;align-items:center;justify-content:center;height:36px;border-radius:var(--vd-r-s);border:1px solid var(--vd-lime);color:var(--vd-lime);font-size:var(--vd-fs-s);font-weight:600;text-decoration:none}
.vd-fs__go:hover{background:var(--vd-lime);color:#000}
.vd-fs__note{margin-top:12px;font-size:var(--vd-fs-s);color:var(--vd-mute2);display:flex;align-items:center;justify-content:center;gap:10px}

/* /bonus: tab switch, underline tabs like the official promo filter */
.vd-switch__bar{display:flex;gap:4px;border-bottom:1px solid var(--vd-c2);margin-bottom:16px}
.vd-switch__bar button{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;color:rgba(255,255,255,.6);font:600 var(--vd-fs-s) Prompt,sans-serif;padding:12px 18px;cursor:pointer}
.vd-switch__bar button[aria-selected="true"]{color:var(--vd-white);border-bottom-color:var(--vd-violet-l)}
.vd-switch__panel[hidden]{display:none}

/* /bonus: contribution rules */
.vd-rules{display:grid;gap:12px;margin-bottom:20px}
.vd-rule{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;background:var(--vd-c1);border-radius:12px;padding:14px 18px}
.vd-rule b{font-size:var(--vd-fs-2);color:var(--vd-lime)}
.vd-rule span{font-size:15px;color:var(--vd-mute2)}

/* 404 */
.vd-404{padding:80px 0}
/* Inner pages: extra blocks */
.vd-hero--plain{padding-bottom:0}
.vd-hero__facts{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.vd-hero__facts li{background:var(--vd-c1);border:1px solid var(--vd-c2);border-radius:999px;padding:8px 16px;font-size:var(--vd-fs-s);color:var(--vd-mute2)}
.vd-hero__facts b{color:var(--vd-lime);font-weight:600}
.vd-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:400px}
.vd-mosaic img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}
.vd-line{list-style:none;counter-reset:vdl;margin:0;padding:0}
.vd-line li{counter-increment:vdl;position:relative;padding:0 0 20px 52px}
.vd-line li::before{content:counter(vdl);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--vd-violet);display:flex;align-items:center;justify-content:center;font-weight:700}
.vd-line li::after{content:"";position:absolute;left:16px;top:38px;bottom:4px;width:2px;background:var(--vd-c2)}
.vd-line li:last-child{padding-bottom:0}
.vd-line li:last-child::after{display:none}
.vd-line b{display:block;font-weight:600;margin-bottom:2px}
.vd-line span{color:var(--vd-mute2);font-size:15px}
.vd-calc{background:var(--vd-c1);border:1px solid var(--vd-c2);border-radius:var(--vd-r);padding:18px 22px}
.vd-calc__h{font-size:var(--vd-fs-s);color:var(--vd-mute);margin-bottom:6px}
.vd-calc__row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid var(--vd-c2);font-size:15px}
.vd-calc__row:first-of-type{border-top:0}
.vd-calc__row span{color:var(--vd-mute2)}
.vd-calc__row b{font-weight:600;text-align:right}
.vd-calc__row--total b{color:var(--vd-lime)}
.vd-calc+.vd-calc{margin-top:12px}
.vd-calcs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vd-calcs .vd-calc+.vd-calc{margin-top:0}
.vd-check{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.vd-check li{position:relative;padding:12px 16px 12px 46px;background:var(--vd-c1);border-radius:12px;font-size:15px}
.vd-check li::before{content:"";position:absolute;left:18px;top:17px;width:12px;height:7px;border-left:2px solid var(--vd-lime);border-bottom:2px solid var(--vd-lime);transform:rotate(-45deg)}
.vd-check b{font-weight:600}
.vd-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.vd-pair>div{background:var(--vd-c1);border-radius:var(--vd-r);padding:20px 22px}
.vd-pair h3{margin-bottom:10px}
.vd-pair p{font-size:15px;color:var(--vd-mute2);margin:0 0 8px}
.vd-pair p:last-child{margin-bottom:0}
.vd-pair__sub{display:block;font-size:var(--vd-fs-s);color:var(--vd-mute2)}
.vd-more{color:var(--vd-lime);font-weight:600;font-size:var(--vd-fs-s);text-underline-offset:3px}
.vd-pair .vd-pair__num{font-size:var(--vd-fs-2);color:var(--vd-lime);font-weight:700;margin-bottom:4px}
.vd-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vd-chips li{background:var(--vd-c1);border:1px solid var(--vd-c2);border-radius:999px;padding:6px 14px;font-size:var(--vd-fs-s);color:var(--vd-mute2)}
.vd-chips li b{color:var(--vd-white);font-weight:600}
.vd-note{background:var(--vd-c1);border-left:3px solid var(--vd-violet-l);border-radius:0 12px 12px 0;padding:14px 18px;font-size:15px;color:var(--vd-mute2)}
.vd-note b{color:var(--vd-white)}
.vd-qlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
.vd-qlist li{padding:10px 14px;background:var(--vd-c1);border-radius:10px;font-size:15px}
.vd-navcard{background:var(--vd-c1);border:1px solid var(--vd-c2);border-radius:var(--vd-r);padding:20px 22px}
.vd-navcard ol{margin:8px 0 0;padding-left:20px;font-size:var(--vd-fs-s)}
.vd-navcard li{padding:5px 0}
.vd-navcard a{color:var(--vd-mute2);text-decoration:none}
.vd-navcard a:hover{color:var(--vd-lime)}
.vd-navcard .vd-btn,.vd-navcard .vd-btn:hover{color:#000}
.vd-navcard .vd-card__cta{margin-top:16px}
.vd-sec>*+.vd-calc,.vd-sec>*+.vd-calcs,.vd-sec>*+.vd-check,.vd-sec>*+.vd-pair,.vd-sec>*+.vd-line,.vd-sec>*+.vd-note,.vd-sec>*+.vd-chips,.vd-sec>*+.vd-qlist,.vd-sec>*+.vd-tbl,.vd-sec>*+.vd-tiles,.vd-sec>*+.vd-rules,.vd-sec>*+.vd-shelf{margin-top:20px}
.vd-mult{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:400px}
.vd-mult li{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:var(--vd-r);background:var(--vd-c1);border:1px solid var(--vd-c2);font-size:var(--vd-fs-1);font-weight:700;color:var(--vd-white)}
.vd-mult li.is-top{background:var(--vd-violet);color:var(--vd-lime);grid-column:span 2;aspect-ratio:auto}
.vd-mult--words li{font-size:var(--vd-fs-3);aspect-ratio:auto;min-height:96px;text-align:center;padding:0 8px}
.vd-404__lead{color:var(--vd-mute2);margin-bottom:20px}
.vd-404__links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.vd-404__links a{display:inline-flex;height:44px;align-items:center;padding:0 18px;border-radius:var(--vd-r-s);background:var(--vd-c1);border:1px solid var(--vd-c2);text-decoration:none}

/* Footer */
.vd-foot{background:var(--vd-c1);margin-top:72px;padding:48px 0 24px}
.vd-foot__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.vd-foot__h{font-weight:600;margin-bottom:12px}
.vd-foot__col .vd-logo{display:inline-block;margin-bottom:16px}
.vd-foot__links{list-style:none;margin:0;padding:0;font-size:var(--vd-fs-s)}
.vd-foot__links li{padding:4px 0}
.vd-foot__links a{color:var(--vd-mute2);text-decoration:none}
.vd-foot__links a:hover{color:var(--vd-lime)}
.vd-foot__mail{font-size:var(--vd-fs-s);color:var(--vd-violet-l);margin:12px 0}
.vd-foot__legal{border-top:1px solid var(--vd-c2);margin-top:32px;padding-top:20px;font-size:13px;color:var(--vd-mute);display:grid;gap:8px}
.vd-foot__legal .vd-age{margin-right:6px}

/* Mobile sticky CTA */
.vd-dock{display:none}

@media (max-width:1100px){
  .vd-side{float:none;width:auto;margin:0 0 32px}
}
@media (max-width:900px){
  :root{--vd-fs-1:28px;--vd-fs-2:22px;--vd-gap:44px;--vd-headh:56px}
  .vd-burger{display:flex}
  .vd-tabs{display:none;position:absolute;left:0;right:0;top:56px;border-bottom:1px solid var(--vd-c2)}
  .vd-head.is-open .vd-tabs{display:block}
  .vd-tabs__in{flex-direction:column;align-items:stretch;height:auto;padding-top:8px;padding-bottom:12px;gap:4px}
  .vd-tab{height:44px;border-radius:var(--vd-r-s)}
  .vd-hero{padding-top:20px}
  .vd-hero__grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .vd-hero__art img{width:auto;max-width:100%;max-height:150px}
  .vd-hero__art--sq img{max-height:170px}
  .vd-mosaic{width:240px;gap:8px}
  .vd-mult{width:100%;max-width:300px}
  .vd-hero__art--stage img[width="224"]{margin-bottom:0}
  .vd-hero__art--stage{width:100%;height:190px}
  .vd-hero__art--stage img{width:auto;max-height:180px}
  .vd-hero__cta{margin-top:16px}
  .vd-body{margin-top:32px}
  .vd-dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;justify-content:center;gap:12px;background:var(--vd-c1);border-top:1px solid var(--vd-c2);padding:10px 16px}
  .vd-dock__txt{font-size:13px;color:var(--vd-mute2)}
  .vd-dock__txt b{color:var(--vd-lime);font-size:var(--vd-fs-s)}
  body{padding-bottom:64px}
}
@media (max-width:640px){
  .vd-logo{font-size:18px}
  .vd-bar .vd-btn--white{display:none}
  .vd-tab--m{display:inline-flex}
  .vd-promo{padding:20px}
  .vd-ladder{grid-template-columns:minmax(0,1fr);gap:10px}
  .vd-ladder::before{left:15px;right:auto;top:16px;bottom:16px;width:2px;height:auto}
  .vd-ladder__step{display:grid;grid-template-columns:32px auto minmax(0,1fr);grid-template-areas:"d n n" "d b f";column-gap:12px;row-gap:0;align-items:center}
  .vd-ladder__dot{grid-area:d;margin:0}
  .vd-ladder__n{grid-area:n;font-size:13px;line-height:1.3}
  .vd-ladder__step b{grid-area:b}
  .vd-ladder__fs{grid-area:f}
  .vd-promo__sum{margin-bottom:14px}
  .vd-h1{margin-bottom:12px}
  .vd-kpis,.vd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vd-tiles,.vd-strip,.vd-balance{grid-template-columns:minmax(0,1fr)}
  .vd-tile{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:16px;align-items:center}
  .vd-tile img{width:72px;height:72px;margin:0;grid-row:span 3}
  .vd-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .vd-toc ol{columns:1}
  .vd-rg{grid-template-columns:minmax(0,1fr);padding:20px}
  .vd-rg__list,.vd-faq,.vd-steps,.vd-howto,.vd-foot__grid{grid-template-columns:minmax(0,1fr)}
  .vd-foot__grid{gap:28px}
  .vd-rule{grid-template-columns:64px minmax(0,1fr)}
  .vd-calcs,.vd-pair,.vd-qlist{grid-template-columns:minmax(0,1fr)}
  .vd-fs__row{grid-template-columns:88px minmax(0,1fr) auto;grid-template-areas:"c g n" "c w w" "c o o";column-gap:12px;row-gap:4px;padding:10px 12px 12px 10px}
  .vd-fs__cover{grid-area:c;align-self:start}
  .vd-fs__cover img{height:auto;width:88px}
  .vd-fs__game{grid-area:g}
  .vd-fs__num{grid-area:n;align-self:start}
  .vd-fs__where{grid-area:w}
  .vd-fs__go{grid-area:o;justify-self:start;padding:0 18px;height:34px;margin-top:4px}
  .vd-tbl--wide table,.vd-tbl--wide tbody,.vd-tbl--wide tr,.vd-tbl--wide td{display:block;width:100%}
  .vd-tbl--wide thead{display:none}
  .vd-tbl--wide tr{border-top:1px solid var(--vd-c2);padding:8px 0}
  .vd-tbl--wide td{border:0;padding:4px 16px;display:flex;justify-content:space-between;gap:12px}
  .vd-tbl--wide td{text-align:right}
  .vd-tbl--wide td::before{content:attr(data-th);color:var(--vd-mute);font-weight:400;flex:0 0 auto;text-align:left}
  .vd-tbl--wide td:first-child{font-size:var(--vd-fs-t);color:var(--vd-lime)}
  .vd-tbl--wide td:first-child{text-align:left}
  .vd-tbl--wide td:first-child::before{content:none}
  .vd-btn--lg{padding:0 28px}
}