:root{--night:#14070c;--velvet:#2a0c16;--velvet2:#3d1020;--ruby:#e0476a;--ruby-d:#9c0d2a;--gold:#e6b65a;--gold-l:#ffeab0;--gold-d:#8c5b17;--cream:#f7ead2;--mute:#c9b29a;--line:#5a2a35;
--goldgrad:linear-gradient(135deg,#fff0bd 0%,#e6b65a 35%,#a8701f 60%,#f2cf7a 85%,#b98428 100%);--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}
body{margin:0;color:var(--cream);font:400 17px/1.65 Onest,system-ui,sans-serif;overflow-x:hidden;
background:radial-gradient(900px 500px at 80% -100px,#4a0f22 0,transparent 70%),radial-gradient(700px 500px at 0 30%,#2b0a15 0,transparent 70%),var(--night)}
h1,h2,h3{font-family:Cinzel,Georgia,serif;line-height:1.12;letter-spacing:.01em;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(2rem,5.2vw,3.7rem);font-weight:900}h2{font-size:clamp(1.4rem,2.8vw,2.1rem)}h3{font-size:1.1rem}
h1,h2{background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent}
h1 span{display:block}
a{color:var(--gold)}img,svg{max-width:100%}
.vz-skip{position:absolute;left:-999px}.vz-skip:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px;z-index:99}
.vz-top{position:sticky;top:0;z-index:40;background:#100509;border-bottom:1px solid transparent;border-image:var(--goldgrad) 1;box-shadow:0 8px 30px -12px #000}
.vz-top__in{max-width:1200px;margin:auto;padding:10px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.vz-brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font:700 1.2rem Cinzel,serif;letter-spacing:.04em}
.vz-brand b{color:var(--gold);font-weight:900;margin-left:.25em}
.vz-chip{font-size:.76rem;font-weight:600;padding:5px 12px;border-radius:99px;background:var(--velvet);color:var(--gold-l);border:1px solid var(--gold-d);letter-spacing:.03em}
.vz-nav{margin-left:auto;display:flex;gap:2px}
.vz-nav a{color:var(--cream);text-decoration:none;padding:8px 13px;border-radius:8px;font-weight:500;font-size:.95rem}
.vz-nav a:hover{color:var(--gold-l);background:#ffffff0d}.vz-nav a[aria-current]{color:var(--gold-l);box-shadow:inset 0 -2px 0 var(--gold)}
.vz-burger{display:none;margin-left:auto;background:var(--goldgrad);color:#2a0710;border:0;border-radius:8px;padding:8px 16px;font:700 .9rem Onest;cursor:pointer}
main{max-width:1200px;margin:auto;padding:0 20px}
.vz-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:56px 0 24px}
.vz-chip--hero{display:inline-block;margin-bottom:14px}
.vz-hero__art{width:100%;max-width:440px;height:auto;justify-self:center;filter:drop-shadow(0 30px 40px #000c)}
.vz-hbulbs circle{animation:vzbulb 1.4s steps(2) infinite}.vz-hbulbs circle:nth-child(even){animation-delay:.7s}
@keyframes vzbulb{0%{fill:#ffe08a;filter:drop-shadow(0 0 4px #ffd36b)}50%{fill:#7a4b18;filter:none}}
.vz-under{font-size:.88rem;color:var(--gold-l);margin:-.2em 0 1em;font-weight:600;opacity:.85}
.vz-lead{font-size:1.12rem;color:var(--mute);max-width:56ch}
.vz-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:700;color:var(--ruby);margin:0 0 .7em}
.vz-btn{display:inline-block;background:var(--goldgrad);color:#2a0710;border:0;border-radius:10px;padding:12px 24px;font:700 1rem Onest;text-decoration:none;cursor:pointer;margin:4px 6px 4px 0;
box-shadow:inset 0 1px 0 #fff8,inset 0 -3px 0 #0003,0 8px 20px -8px #e6b65a88;transition:transform .15s,filter .15s}
.vz-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.vz-btn--ghost{background:transparent;color:var(--gold-l);box-shadow:inset 0 0 0 1.5px var(--gold-d)}.vz-btn--ghost:hover{background:#e6b65a14}
.vz-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.vz-deco{height:18px;margin:10px auto 0;max-width:620px;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold) 80%,transparent) center/100% 1px no-repeat,
radial-gradient(circle,var(--gold) 0 4px,transparent 5px) center/18px 18px no-repeat}
/* cabinet */
.vz-game{margin:28px 0 56px}
.vz-cab{position:relative;border-radius:28px;padding:34px clamp(14px,3vw,40px) 28px;background:linear-gradient(180deg,#4f1023,#22070f 70%);
border:3px solid transparent;background-clip:padding-box;box-shadow:0 0 0 3px #b98428,0 0 0 7px #2a0c16,0 0 0 9px #8c5b17,0 30px 80px -20px #000,0 0 60px -10px #e0476a55}
.vz-bulbs{position:absolute;inset:9px;border-radius:22px;border:7px dotted #ffd877;pointer-events:none;opacity:.9;filter:drop-shadow(0 0 4px #ffcf5c);animation:vzmarq 1.2s steps(2) infinite}
@keyframes vzmarq{50%{border-color:#ffecb0;opacity:.55}}
.vz-cab__crown{text-align:center;position:relative;margin-bottom:10px}
.vz-cab__crown h2{font-size:clamp(1.3rem,3vw,2.1rem)}
.vz-cab__crown p{margin:0;color:var(--mute);font-size:.9rem;letter-spacing:.04em}
.vz-cab__orn{display:block;width:120px;height:12px;margin:0 auto 10px;background:radial-gradient(circle,var(--gold) 0 3px,transparent 4px) center/12px 12px no-repeat,linear-gradient(90deg,transparent,var(--gold),transparent) center/100% 1px no-repeat}
.vz-game__bar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 18px;position:relative}
.vz-stat{background:linear-gradient(#0d0306,#1c060c);border:1px solid var(--gold-d);border-radius:12px;padding:8px 14px;display:flex;flex-direction:column;box-shadow:inset 0 2px 10px #000}
.vz-stat span{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--mute)}
.vz-stat strong{font:700 1.6rem/1.2 Cinzel,serif;color:#ffd36b;text-shadow:0 0 12px #ffb40066}.vz-stat em{font-style:normal;font-size:.78rem;color:var(--mute)}
.vz-stat select{margin-top:4px;font:700 1.15rem Onest;border-radius:8px;border:1px solid var(--gold-d);padding:4px 8px;background:var(--velvet2);color:var(--gold-l)}
.vz-window{position:relative;padding:10px;border-radius:18px;background:var(--goldgrad);box-shadow:0 10px 30px -10px #000}
.vz-reels{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:#0a0204;padding:8px;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 2px #000}
.vz-col{display:grid;gap:6px;border-radius:8px;background:linear-gradient(180deg,#a99a82 0,#fffaf0 18%,#fffaf0 82%,#a99a82 100%);overflow:hidden}
.vz-cell{aspect-ratio:1;display:grid;place-items:center;padding:13%;position:relative;transition:background .25s,box-shadow .25s}
.vz-cell svg{width:100%;height:100%;filter:drop-shadow(0 3px 2px #0005)}
.vz-col.is-spin .vz-cell{animation:vzroll .09s linear infinite;filter:blur(2.5px)}
@keyframes vzroll{0%{transform:translateY(-35%)}100%{transform:translateY(35%)}}
.vz-glass{position:absolute;inset:18px;border-radius:12px;pointer-events:none;background:linear-gradient(180deg,#0008 0,transparent 16%,transparent 84%,#0008 100%),linear-gradient(100deg,transparent 40%,#ffffff1a 50%,transparent 60%)}
.vz-cell.is-win{background:radial-gradient(circle,#fff4c4,#ffd36b 80%);box-shadow:inset 0 0 0 3px var(--ruby),0 0 18px #ff4d73;z-index:1;animation:vzglow 1s ease-in-out infinite alternate}
@keyframes vzglow{to{box-shadow:inset 0 0 0 3px #ffd36b,0 0 26px #ffd36b}}
.vz-msg{min-height:3em;margin:16px 0 8px;color:var(--cream);font-weight:500;text-align:center;position:relative}
.vz-game__ctrl{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;position:relative}
.vz-game__ctrl .vz-btn--spin{padding:15px 56px;font:900 1.2rem Cinzel,serif;letter-spacing:.12em;border-radius:99px;
background:radial-gradient(120% 140% at 50% 0,#ff8aa0,#c4122f 55%,#6e0718);color:#fff;box-shadow:0 0 0 3px #e6b65a,0 0 0 6px #2a0c16,0 10px 30px -6px #e0476aaa,inset 0 2px 0 #fff6}
.vz-game__note{font-size:.84rem;color:var(--mute);margin:14px 0 0;text-align:center;position:relative}
/* sections */
.vz-duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:56px}
.vz-steps,.vz-aboutgame{background:linear-gradient(160deg,#2a0c16,#1a060b);border-radius:var(--r);padding:30px;border:1px solid var(--line);position:relative}
.vz-steps::before,.vz-aboutgame::before{content:"";position:absolute;inset:6px;border:1px solid #e6b65a33;border-radius:14px;pointer-events:none}
.vz-steps ol{counter-reset:s;list-style:none;padding:0;margin:0}
.vz-steps li{counter-increment:s;position:relative;padding:0 0 14px 52px}
.vz-steps li::before{content:counter(s,upper-roman);position:absolute;left:0;top:0;width:36px;height:36px;transform:rotate(45deg);border:1.5px solid var(--gold);display:grid;place-items:center;font:700 .8rem Cinzel;color:var(--gold-l)}
.vz-steps b{color:var(--gold-l)}
.vz-pay{margin-bottom:56px}
.vz-tablewrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--gold-d);background:#1a060b}
table{width:100%;border-collapse:collapse}th,td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}
th{background:var(--velvet2);font:700 .8rem Cinzel,serif;letter-spacing:.06em;color:var(--gold-l)}td{color:#ffd36b;font-weight:600}td:first-child{display:flex;align-items:center;gap:10px;color:var(--cream)}
.vz-ico svg{width:38px;height:38px;display:block;background:#fffaf0;border-radius:8px;padding:3px}
.vz-small{font-size:.86rem;color:var(--mute)}
.vz-lines{display:flex;flex-wrap:wrap;gap:12px}.vz-lines figure{margin:0;background:#1a060b;border:1px solid var(--line);border-radius:12px;padding:8px 12px;text-align:center;font-size:.8rem;color:var(--mute)}
.vz-lines svg{width:70px;height:42px}.vz-lines path{stroke:var(--ruby);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px #ff4d73)}
.vz-care{background:linear-gradient(120deg,#0c3a2a,#06231a);border:1px solid #1f7a57;border-radius:var(--r);padding:34px;margin-bottom:60px}.vz-care .vz-kicker{color:#7cf5c2}
.vz-pagehead{padding:56px 0 16px;max-width:800px}
.vz-prose{max-width:780px;padding-bottom:60px}.vz-prose h2{font-size:1.4rem;margin-top:1.5em}.vz-prose h3{color:var(--gold-l)}
code{background:var(--velvet2);padding:1px 6px;border-radius:5px;color:var(--gold-l)}
.vz-foot{background:#0b0306;color:var(--mute);margin-top:20px;border-top:1px solid transparent;border-image:var(--goldgrad) 1}
.vz-foot__in{max-width:1200px;margin:auto;padding:42px 20px 28px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px}
.vz-foot a{color:var(--gold-l)}
.vz-foot__links{list-style:none;padding:0;margin:0;columns:2}.vz-foot__links li{margin-bottom:8px}
.vz-disc{color:var(--gold);font-weight:600}
.vz-foot__op{grid-column:1/-1;font-size:.82rem;border-top:1px solid var(--line);padding-top:16px;margin:0}
.vz-linkbtn{background:none;border:0;color:var(--gold-l);text-decoration:underline;font:inherit;padding:0;cursor:pointer}
.vz-cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:560px;z-index:60;background:#1f0910;color:var(--cream);border-radius:16px;padding:18px 20px;box-shadow:0 20px 50px -10px #000;border:1px solid var(--gold-d)}
.vz-cookie p{margin:0 0 10px;font-size:.92rem}.vz-cookie__prefs{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
@media (max-width:900px){.vz-hero,.vz-duo,.vz-foot__in{grid-template-columns:1fr}.vz-hero{padding-top:32px}.vz-hero__art{max-width:320px}}
@media (max-width:760px){.vz-burger{display:block}.vz-nav{display:none;width:100%;flex-direction:column;margin:0}.vz-nav.is-open{display:flex}
.vz-top .vz-chip{order:3;width:100%;text-align:center}
.vz-game__bar{grid-template-columns:1fr 1fr}.vz-stat--sel{grid-column:1/-1}.vz-reels{gap:3px;padding:4px}.vz-col{gap:2px}.vz-window{padding:6px}.vz-glass{inset:10px}
.vz-cab{padding:30px 14px 22px}.vz-bulbs{border-width:5px;inset:6px}.vz-stat strong{font-size:1.3rem}.vz-game__ctrl .vz-btn--spin{width:100%}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.vz-col.is-spin .vz-cell{filter:blur(1px);opacity:.6}html{scroll-behavior:auto}}
.vz-cookie[hidden],.vz-cookie__prefs[hidden]{display:none}
