:root{--bg1:#2e0b49;--bg2:#5b2485;--bg3:#4d1a73;--txt:#f0e8ff;--mut:#ccb8e3;--acc:#f5d216;--bd:rgba(255,255,255,.16);--sh:0 10px 24px rgba(10,2,18,.35)}
@font-face{font-family:LuckyCompact;src:url("./assets/fonts/lucky-compact-text.woff2") format("woff2");font-display:swap}
@font-face{font-family:LuckyDisplay;src:url("./assets/fonts/lucky-display-wide.woff2") format("woff2");font-display:swap}
*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden}body{font-family:"Trebuchet MS",LuckyCompact,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% -40%,#7f35ba,#4e1a77 45%,#2b0c44 100%);color:var(--txt);line-height:1.5}.vx-page-shell{min-height:100vh;display:flex;flex-direction:column}.vx-container{width:min(1180px,100% - 32px);margin:0 auto}.vx-text-flow{max-width:900px}a{color:inherit;text-decoration:none}.vx-btn{display:inline-flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid transparent;min-height:42px;padding:0 18px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;transition:.2s}.vx-btn:hover{transform:translateY(-1px)}.vx-btn-light{background:#fff;color:#3d1c57}.vx-btn-gold{background:var(--acc);color:#3b2550;border-color:#d0b20f;box-shadow:0 8px 18px rgba(245,210,22,.28)}
.vx-header-shell{background:linear-gradient(180deg,rgba(46,11,73,.98),rgba(64,18,104,.95));border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:40;backdrop-filter:blur(7px)}.vx-desktop-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:82px;gap:16px}.vx-desktop-nav{display:flex;gap:14px}.vx-desktop-nav a{padding:8px 10px;border-radius:6px;font-weight:700;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.vx-desktop-nav a:hover{background:rgba(255,255,255,.12)}.vx-logo-link{display:inline-flex;align-items:center;justify-content:center}.vx-logo-link img{height:56px;width:auto;object-fit:contain}.vx-desktop-actions{justify-self:end;display:flex;gap:10px}.vx-mobile-top,.vx-mobile-actions,.vx-mobile-tabs,.vx-mobile-drawer{display:none}.vx-burger-toggle{border:0;background:transparent;width:40px;height:40px;display:inline-flex;flex-direction:column;justify-content:center;gap:5px;padding:0;cursor:pointer}.vx-burger-toggle span{width:26px;height:2px;margin-left:2px;background:var(--acc)}
main{flex:1}main>section{margin:0}.vx-hero-scene{min-height:520px;background-image:linear-gradient(to top,rgba(37,10,59,.82),rgba(37,10,59,.22) 48%,rgba(37,10,59,.15)),url("./assets/images/scene/lucky-hero-desktop.webp");background-position:center top;background-size:cover;display:flex;flex-direction:column;justify-content:flex-end}.vx-hero-content{text-align:center;padding:120px 16px 28px}.vx-hero-pretitle{margin:0 0 10px;color:#f8e46d;font-weight:700;text-transform:uppercase;letter-spacing:.11em;font-size:.78rem}.vx-hero-content h1{margin:0;color:#fff;font-size:clamp(1.75rem,3.2vw,3.05rem);line-height:1.12;text-transform:uppercase;text-shadow:0 4px 18px rgba(0,0,0,.44)}.vx-hero-subtitle{margin:14px auto 18px;color:#f3e8ff;max-width:720px}.vx-hero-cta{display:inline-flex;min-width:min(460px,94%);min-height:56px;justify-content:center;align-items:center;border-radius:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#381f4d;background:linear-gradient(180deg,#ffe56a,#f5d216);border:1px solid #d2b10f;box-shadow:0 16px 28px rgba(18,3,30,.42);animation:vxPulse 1.9s ease-in-out infinite}@keyframes vxPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}.vx-hero-badges{display:flex;align-items:center;gap:14px;padding:12px 16px 14px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.vx-hero-badges::-webkit-scrollbar{display:none}.vx-hero-badges img{flex:0 0 auto;height:26px;width:auto;opacity:.94}
.vx-hero-wall{background-image:linear-gradient(180deg,rgba(27,8,43,.9),rgba(27,8,43,.84)),url("./assets/images/scene/hero.webp");background-size:cover;background-repeat:no-repeat;background-position:center}
.vx-section{padding:34px 0}.vx-promos{background:#551f7d}.vx-slots{background:#5f248b}.vx-about,.vx-app,.vx-devices{background:#56227e}.vx-bonus,.vx-payments,.vx-compare{background:#4f1d74}.vx-providers,.vx-auth,.vx-security,.vx-contacts,.vx-faq,.vx-inner-hero{background:#5a2283}.vx-promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vx-promo-grid article{background:rgba(255,255,255,.08);border:1px solid var(--bd);border-radius:14px;box-shadow:var(--sh);padding:18px}.vx-promo-grid h2{margin:0 0 8px;color:#fff;font-size:1.04rem}.vx-promo-grid p{margin:0;color:var(--mut)}
.vx-slot-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.vx-slot-card{position:relative;overflow:hidden;border-radius:12px;box-shadow:var(--sh);background:#3b165a;aspect-ratio:2/3;transition:.22s}.vx-slot-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.22s}.vx-slot-overlay{position:absolute;inset:0;display:grid;grid-template-rows:1fr auto 1fr;align-items:center;justify-items:center;opacity:0;transition:.22s;background:linear-gradient(to top,rgba(10,4,20,.78),rgba(10,4,20,.34));padding:12px}.vx-slot-overlay h3{margin:0;align-self:end;color:#fff;text-align:center;font-size:.95rem}.vx-slot-actions{align-self:center;display:flex;gap:8px}.vx-slot-actions a{min-width:68px;min-height:33px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid rgba(255,255,255,.5);background:rgba(245,210,22,.92);color:#31144a;font-size:.76rem;font-weight:800;text-transform:uppercase}.vx-slot-card:hover{transform:scale(1.03)}.vx-slot-card:hover img{filter:brightness(.56)}.vx-slot-card:hover .vx-slot-overlay{opacity:1}
.vx-section h2{color:#fff;margin:20px 0 12px;font-size:clamp(1.34rem,2.2vw,2rem)}p{margin:0 0 14px}.vx-bonus-cards,.vx-icon-cards,.vx-contact-grid,.vx-why-grid,.vx-payment-grid{display:grid;gap:12px}.vx-bonus-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.vx-icon-cards{margin-bottom:16px}.vx-bonus-cards article,.vx-auth-step,.vx-icon-cards article,.vx-contact-grid article,.vx-why-grid article,.vx-cash-grid article{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1px solid var(--bd);border-radius:13px;box-shadow:var(--sh);padding:16px}.vx-bonus-cards h3,.vx-auth-step h3,.vx-contact-grid h3,.vx-why-grid h3,.vx-cash-grid h3{margin:0 0 10px;color:#fff}.vx-provider-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.vx-provider-grid img{width:100%;height:52px;object-fit:contain;background:rgba(255,255,255,.08);border:1px solid var(--bd);border-radius:10px;padding:10px}.vx-cash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.vx-cash-grid table,.vx-compare-table{width:100%;border-collapse:collapse;font-size:.94rem}.vx-cash-grid th,.vx-cash-grid td,.vx-compare-table th,.vx-compare-table td{border-bottom:1px solid rgba(255,255,255,.14);text-align:left;padding:10px 8px;vertical-align:top}.vx-cash-grid th,.vx-compare-table th{color:#f7de66;font-weight:700}.vx-payment-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}.vx-payment-grid img{width:100%;height:48px;object-fit:contain;background:rgba(255,255,255,.08);border:1px solid var(--bd);border-radius:10px;padding:10px}.vx-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.vx-why-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:14px}.vx-compare-table-wrap{overflow-x:auto;margin-bottom:14px}
.vx-styled-list{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:8px}.vx-styled-list li{position:relative;padding:10px 12px 10px 34px;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}.vx-styled-list li::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--acc);position:absolute;left:12px;top:16px;box-shadow:0 0 0 4px rgba(245,210,22,.18)}
.vx-faq-list{display:grid;gap:10px}.vx-faq-item{border:1px solid var(--bd);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.06)}.vx-faq-item h3{margin:0}.vx-faq-item button{width:100%;background:transparent;color:#fff;border:0;text-align:left;padding:15px 18px;font-size:1rem;font-weight:700;cursor:pointer}.vx-faq-item button:hover{background:rgba(255,255,255,.08)}.vx-faq-panel{display:none;padding:0 18px 15px}.vx-faq-item.is-open .vx-faq-panel{display:block}
.vx-footer-shell{background:#220a35;border-top:1px solid rgba(255,255,255,.12);padding:22px 0 18px}.vx-partner-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;margin-bottom:16px}.vx-partner-strip img{height:22px;width:auto;opacity:.55;filter:grayscale(1) contrast(.8)}.vx-footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 18px;margin-bottom:14px}.vx-footer-links a{color:#f5e8ff;font-size:.92rem}.vx-footer-brand{display:grid;gap:10px;justify-items:center;text-align:center}.vx-footer-logo img{height:46px;width:auto}.vx-footer-brand p{margin:0;max-width:960px;color:var(--mut);font-size:.85rem}
.vx-mobile-bonus-dock{display:none}.vx-inner-hero{padding:42px 0 24px}.vx-inner-hero h1{margin:0 0 12px;color:#fff;font-size:clamp(1.6rem,3vw,2.4rem)}.vx-404-wrap{text-align:center;align-items:center}
@media (max-width:1080px){.vx-desktop-row{grid-template-columns:1fr auto;gap:10px}.vx-desktop-nav{display:none}.vx-provider-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vx-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vx-slot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vx-why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:680px){.vx-container{width:min(100% - 16px,1000px)}.vx-desktop-row{display:none}.vx-mobile-top{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;min-height:58px}.vx-mobile-logo{justify-self:center}.vx-mobile-logo img{height:38px;width:auto}.vx-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:10px}.vx-mobile-actions .vx-btn{min-height:40px;font-size:.78rem;padding:0 8px}.vx-mobile-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 8px 10px;scrollbar-width:none}.vx-mobile-tabs::-webkit-scrollbar{display:none}.vx-mobile-tabs a{flex:0 0 auto;min-height:34px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);font-size:.75rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.vx-mobile-drawer{display:grid;gap:8px;padding:10px 8px 12px;background:rgba(31,9,49,.96);border-top:1px solid rgba(255,255,255,.14);max-height:0;overflow:hidden;transition:max-height .28s}.vx-mobile-drawer a{display:block;padding:11px 12px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-weight:700}.vx-mobile-drawer.is-open{max-height:280px}.vx-hero-scene{min-height:490px;background-image:linear-gradient(to top,rgba(27,8,43,.88),rgba(27,8,43,.18) 42%,rgba(27,8,43,.1)),url("./assets/images/scene/lucky-hero-mobile.webp")}.vx-hero-wall{background-image:linear-gradient(180deg,rgba(27,8,43,.92),rgba(27,8,43,.86)),url("./assets/images/scene/hero.webp");background-position:center top}.vx-hero-content{padding:74px 10px 16px}.vx-hero-content h1{font-size:clamp(1.8rem,8.4vw,2.35rem)}.vx-hero-subtitle{margin-bottom:14px;font-size:.95rem}.vx-hero-cta{min-width:min(95%,460px);min-height:54px}.vx-hero-badges{gap:10px;padding-bottom:10px}.vx-hero-badges img{height:20px}.vx-section{padding:24px 0}.vx-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vx-bonus-cards,.vx-promo-grid,.vx-cash-grid,.vx-provider-grid,.vx-contact-grid,.vx-payment-grid,.vx-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-styled-list li{padding-left:30px}.vx-mobile-bonus-dock{position:fixed;left:0;right:0;bottom:0;z-index:78;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(34,9,53,.96),rgba(27,8,43,.98));border-top:1px solid rgba(255,255,255,.16);box-shadow:0 -14px 30px rgba(5,1,11,.58);backdrop-filter:blur(6px);transition:transform .2s ease,opacity .2s ease}.vx-mobile-bonus-amount{margin:0;font-size:.95rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f8e46d}.vx-mobile-bonus-link{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 14px;border-radius:12px;border:1px solid #d2b10f;background:linear-gradient(180deg,#ffe56a,#f5d216);color:#381f4d;font-size:.96rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 10px 20px rgba(18,3,30,.4);animation:vxPulse 1.9s ease-in-out infinite;white-space:nowrap}}
@media (max-width:420px){.vx-bonus-cards,.vx-provider-grid,.vx-contact-grid,.vx-payment-grid,.vx-why-grid{grid-template-columns:1fr}.vx-mobile-bonus-dock{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.vx-mobile-bonus-amount{font-size:.9rem}.vx-mobile-bonus-link{min-height:42px;padding:0 12px;font-size:.92rem}}

.vx-slot-actions .vx-demo-launch{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.7)}
.vx-slot-actions .vx-demo-launch:hover{background:rgba(255,255,255,.24)}
body.vx-demo-open{overflow:hidden}
body.vx-demo-open .vx-mobile-bonus-dock{opacity:0;pointer-events:none;transform:translateY(110%)}
.vx-demo-shell{position:fixed;inset:0;z-index:90;display:none;align-items:flex-end;justify-content:center;padding:16px 0}
.vx-demo-shell.is-open{display:flex}
.vx-demo-backdrop{position:absolute;inset:0;background:rgba(7,2,12,.78)}
.vx-demo-stage{position:relative;width:min(1180px,calc(100vw - 32px));background:#2a0e40;border:1px solid rgba(255,255,255,.2);border-radius:14px;box-shadow:0 24px 48px rgba(0,0,0,.45);overflow:hidden}
.vx-demo-head{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:14px;padding:12px 14px;background:rgba(255,255,255,.07)}
.vx-demo-back{width:80px;height:80px;border-radius:22px;border:2px solid var(--acc);background:#191130;display:inline-flex;align-items:center;justify-content:center;color:var(--acc);font-size:58px;line-height:1;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 10px 22px rgba(0,0,0,.35)}
.vx-demo-back:hover{background:#23173f;transform:translateY(-1px)}
.vx-demo-back-icon{display:block;width:18px;height:18px;border-left:4px solid currentColor;border-bottom:4px solid currentColor;transform:rotate(45deg);margin-left:6px}
.vx-demo-real{min-height:80px;border-radius:22px;border:2px solid #d0b20f;background:linear-gradient(180deg,#ffe056,#f5d216);display:inline-flex;align-items:center;justify-content:center;color:#1f173e;font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.35rem,2.9vw,2.55rem);box-shadow:inset 0 -4px 0 rgba(208,178,15,.55),0 10px 20px rgba(0,0,0,.3);transition:transform .2s ease,filter .2s ease}
.vx-demo-real:hover{transform:translateY(-1px);filter:brightness(1.02)}
.vx-demo-frame-wrap{width:100%}
.vx-demo-frame-wrap iframe{display:block;width:100%;height:min(72vh,760px);border:0;background:#160924}

@media (max-width:680px){
  .vx-demo-shell{padding:0}
  .vx-demo-stage{width:100vw;max-width:100vw;height:100vh;border-radius:0;border-left:0;border-right:0;display:flex;flex-direction:column}
  .vx-demo-head{grid-template-columns:58px 1fr;gap:10px;padding:10px 10px}
  .vx-demo-back{width:58px;height:58px;border-radius:16px;font-size:42px}
  .vx-demo-real{min-height:58px;border-radius:16px;font-size:clamp(1rem,4.8vw,1.5rem)}
  .vx-demo-frame-wrap{flex:1}
  .vx-demo-frame-wrap iframe{height:100%}
}

/* Mobile: keep payment strip at hero bottom, center badges horizontally */
@media (max-width:680px){
  .vx-hero-badges{justify-content:center}
}

/* Mobile header/hero fixes: no gap + drawer fully hidden until burger click */
@media (max-width:680px){
  .vx-mobile-tabs{padding:0 8px 0 !important}

  .vx-mobile-drawer{
    max-height:0 !important;
    padding:0 !important;
    border-top:0 !important;
    opacity:0;
    pointer-events:none;
    overflow:hidden;
  }

  .vx-mobile-drawer.is-open{
    max-height:280px !important;
    padding:10px 8px 12px !important;
    border-top:1px solid rgba(255,255,255,.14) !important;
    opacity:1;
    pointer-events:auto;
  }
}

/* Slot title anchored to card bottom */
.vx-slot-overlay h3{
  position:absolute;
  left:10px;
  right:10px;
  bottom:10px;
  align-self:auto;
}

.vx-slot-actions{
  grid-row:2;
  align-self:center;
}

/* Vertical spacing between registration/login cards */
.vx-auth-step + .vx-auth-step{margin-top:12px}

/* Mobile spacing + table stability */
@media (max-width:680px){
  .vx-container{width:min(100% - 34px,1000px) !important}
  .vx-hero-content{padding:74px 14px 18px}
  .vx-mobile-tabs{padding:0 12px 0 !important}
  .vx-cash-grid{grid-template-columns:1fr !important}
  .vx-cash-grid table{table-layout:fixed}
  .vx-cash-grid th,.vx-cash-grid td{padding:8px 6px;font-size:.86rem;word-break:break-word}
  .vx-compare-table{min-width:560px}
}

@media (max-width:420px){
  .vx-container{width:min(100% - 28px,1000px) !important}
  .vx-cash-grid th,.vx-cash-grid td{font-size:.82rem}
  .vx-compare-table{min-width:520px}
}

/* Casino facts table section */
.vx-facts{background:linear-gradient(180deg,#3f145d,#35104f)}
.vx-facts-table-wrap{overflow-x:auto;margin-bottom:14px}
.vx-facts-table{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1px solid var(--bd);border-radius:14px;box-shadow:var(--sh);overflow:hidden}
.vx-facts-table th,.vx-facts-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.14)}
.vx-facts-table th{width:34%;color:#f7de66;font-weight:800;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;background:rgba(0,0,0,.14)}
.vx-facts-table td{color:#f3e9ff}
.vx-facts-table tr:last-child th,.vx-facts-table tr:last-child td{border-bottom:0}
.vx-facts-note{margin:0;color:var(--mut);font-size:.84rem}

@media (max-width:680px){
  .vx-facts-table-wrap{overflow-x:visible}
  .vx-facts-table{min-width:0;table-layout:fixed}
  .vx-facts-table th,.vx-facts-table td{padding:8px 8px;font-size:.78rem;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}
  .vx-facts-table th{width:40%;font-size:.68rem;letter-spacing:.03em}
  .vx-facts-note{font-size:.78rem}
}

/* Ensure hero background is visible on selected sections */
.vx-section.vx-bonus.vx-hero-wall,
.vx-section.vx-security.vx-hero-wall,
.vx-section.vx-compare.vx-hero-wall{
  background-image:linear-gradient(180deg,rgba(27,8,43,.9),rgba(27,8,43,.84)),url("./assets/images/scene/hero.webp");
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
}

@media (max-width:680px){
  .vx-section.vx-bonus.vx-hero-wall,
  .vx-section.vx-security.vx-hero-wall,
  .vx-section.vx-compare.vx-hero-wall{
    background-image:linear-gradient(180deg,rgba(27,8,43,.92),rgba(27,8,43,.86)),url("./assets/images/scene/hero.webp");
    background-position:center top;
  }
}