/* Vacation — from Vacation Casino.dc.html mock only */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
.vc-body{
  font-family:Nunito,system-ui,sans-serif;color:#063a63;
  background:linear-gradient(180deg,#8fdcff 0%,#cdefff 22%,#eaf9ff 55%,#fff3d8 100%);
  background-attachment:fixed;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;
}
a{color:#0b74d1;text-decoration:none}
a:hover{color:#ff4f93}
img{max-width:100%;height:auto}
button{font:inherit}
[data-href]{cursor:pointer;user-select:none}

@keyframes vc-floatY{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(-3deg)}}
@keyframes vc-floatX{0%{transform:translateX(-10px) rotate(2deg)}100%{transform:translateX(10px) rotate(-2deg)}}
@keyframes vc-popin{from{opacity:0;transform:translateX(38px) scale(.94)}to{opacity:1;transform:none}}

.vc-drawer[hidden],.vc-scrim[hidden],[hidden]{display:none!important}
.vc-drawer{position:fixed;top:0;left:0;bottom:0;z-index:60;transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1)}
.vc-drawer.is-open{transform:none;display:block!important}
.vc-drawer-panel{
  width:248px;height:100%;background:linear-gradient(180deg,#0b74d1 0%,#075fae 60%,#064a89 100%);
  box-shadow:6px 0 28px rgba(4,50,95,.28);display:flex;flex-direction:column;overflow-y:auto;
}
.vc-drawer-logo{display:flex;align-items:center;justify-content:center;height:112px;min-height:112px;padding:14px 16px;background:rgba(255,255,255,.1)}
.vc-logo--drawer{width:184px;height:84px;object-fit:contain;display:block}
.vc-nav-slot--mobile{display:flex;flex-direction:column;gap:4px;padding:18px 14px}
.vc-nav-slot--mobile .vc-main-nav{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%}
.vc-nav-slot--mobile .vc-nav-link{
  display:block;padding:12px 14px;font:600 15px Fredoka,sans-serif;letter-spacing:.2px;color:#eaf8ff;
  border-radius:10px;transition:all .18s cubic-bezier(.16,1,.3,1);text-align:left;white-space:normal;
}
.vc-nav-slot--mobile .vc-nav-link:hover{
  color:#fff;background:rgba(255,255,255,.14);text-shadow:0 0 14px rgba(255,255,255,.9);
  box-shadow:0 0 18px rgba(143,220,255,.45);
}
.vc-drawer-foot{margin-top:auto;padding:18px 16px 24px;display:flex;flex-direction:column;align-items:center;gap:10px}
.vc-drawer-gull{width:120px;height:auto;animation:vc-floatY 6s ease-in-out infinite}
.vc-drawer-note{margin:0;text-align:center;font:400 12px Nunito,sans-serif;color:rgba(234,248,255,.72);line-height:1.5}
.vc-scrim{position:fixed;inset:0;z-index:55;background:rgba(4,40,75,.45);backdrop-filter:blur(2px)}
.vc-scrim.is-open{display:block!important}

.vc-header{position:relative}
.vc-header-bar{
  position:absolute;top:0;left:0;right:0;z-index:20;
  display:flex;align-items:center;gap:clamp(10px,2vw,26px);
  padding:10px clamp(12px,3vw,38px);
}
.vc-logo-link{flex:none;display:flex;align-items:center;position:relative;z-index:2}
.vc-logo{display:block;object-fit:contain;object-position:left center}
.vc-logo--header{
  width:clamp(118px,13vw,188px);height:clamp(58px,6.4vw,86px);
  filter:drop-shadow(0 6px 16px rgba(3,40,75,.45));
}
.vc-nav-slot--desktop{display:flex;align-items:center;margin-left:clamp(4px,1.5vw,22px)}
.vc-main-nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.vc-nav-link{
  padding:9px 15px;font:600 15px Fredoka,sans-serif;color:#fff;border-radius:999px;
  text-shadow:0 2px 8px rgba(3,40,75,.55);transition:all .18s cubic-bezier(.16,1,.3,1);white-space:nowrap;
}
.vc-nav-link:hover{
  color:#fff;background:rgba(255,255,255,.18);text-shadow:0 0 14px rgba(255,255,255,.95);
  box-shadow:0 0 20px rgba(143,220,255,.6);
}
.vc-burger{
  display:none;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;
  background:rgba(255,255,255,.85);border:2px solid #fff;border-radius:12px;
  box-shadow:0 8px 18px rgba(4,60,110,.25);padding:0;
}
.vc-burger span{
  display:block;width:20px;height:2px;background:#063a63;border-radius:2px;
  box-shadow:0 6px 0 #063a63,0 -6px 0 #063a63;
}
.vc-auth{display:flex;align-items:center;gap:10px;margin-left:auto}
.vc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:.3px;border-radius:999px;
  transition:all .2s cubic-bezier(.16,1,.3,1);border:2px solid #fff;text-align:center;
  padding:clamp(8px,2.4vw,11px) clamp(13px,3.2vw,22px);font-size:clamp(12.5px,3vw,14px);
  width:max-content;max-width:100%;box-sizing:border-box;
}
.vc-btn--glass{color:#063a63;background:rgba(255,255,255,.82);backdrop-filter:blur(6px);border-color:rgba(255,255,255,.95)}
.vc-btn--glass:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 20px rgba(4,50,95,.28)}
.vc-btn--gold{
  font-weight:700;color:#06375c;
  background:linear-gradient(180deg,#ffdf72 0%,#ffc21a 55%,#ffa800 100%);
}
.vc-btn--gold:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(255,168,0,.55),0 0 26px rgba(255,210,60,.7)}
.vc-btn--lg{
  padding:clamp(13px,3vw,16px) clamp(22px,5vw,34px);font-size:clamp(15px,3.6vw,17px);
  letter-spacing:.4px;border-width:3px;box-shadow:0 14px 30px rgba(3,40,75,.35);
  width:max-content;max-width:100%;
}
.vc-btn--lg:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(255,168,0,.5),0 0 34px rgba(255,214,80,.8)}
.vc-chev{font-size:18px;line-height:1}

.vc-hero{position:relative;width:100%;overflow:hidden}
.vc-hero-img{display:block;width:100%;height:auto;object-fit:contain}
.vc-hero-scrim{
  position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(3,54,102,.55) 0%,rgba(3,54,102,.22) 34%,rgba(3,54,102,0) 58%);
  pointer-events:none;
}
.vc-hero-copy{
  position:absolute;top:0;left:0;bottom:0;display:flex;flex-direction:column;justify-content:center;
  align-items:flex-start;gap:22px;max-width:min(560px,58%);padding:86px clamp(18px,4vw,64px) 40px;
}
.vc-hero-copy .vc-btn{align-self:flex-start}
.vc-hero-title{
  margin:0;font:700 clamp(30px,4.4vw,58px)/1.05 Fredoka,sans-serif;letter-spacing:-.5px;color:#fff;
  text-shadow:0 4px 0 rgba(6,58,99,.45),0 14px 34px rgba(3,40,75,.5);
}
.vc-hero-gull{
  position:absolute;top:12%;right:16%;width:clamp(70px,9vw,132px);height:auto;
  animation:vc-floatY 7s ease-in-out infinite;pointer-events:none;
}
.vc-wave{display:block;width:100%}
.vc-wave--header{height:clamp(38px,5vw,74px);margin-top:-2px}
.vc-wave--footer{height:clamp(34px,4vw,62px);margin-bottom:-1px;transform:rotate(180deg)}

.vc-main{
  display:flex;flex-direction:column;gap:clamp(30px,5vw,58px);
  padding:clamp(18px,3vw,38px) clamp(14px,3vw,38px) 60px;width:100%;max-width:1560px;margin:0 auto;
}
.vc-card{
  position:relative;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);
  border:2px solid rgba(255,255,255,.9);border-radius:22px;
  box-shadow:0 18px 44px rgba(4,60,110,.14);padding:clamp(20px,3vw,40px);
}
.vc-card-mascot{
  position:absolute;top:-52px;right:-10px;width:clamp(86px,10vw,150px);height:auto;
  animation:vc-floatY 8s ease-in-out infinite;pointer-events:none;
}
.vc-h2{margin:0 0 4px;text-align:center;font:700 clamp(24px,2.8vw,38px) Fredoka,sans-serif;color:#0b74d1}
.vc-lead{margin:0 auto 24px;text-align:center;font:400 15px Nunito,sans-serif;color:#2b6591}

.vc-content{
  font:400 16px/1.7 Nunito,sans-serif;color:#063a63;max-width:100%;
}
.vc-content h1,.vc-content h2,.vc-content h3{
  font-family:Fredoka,sans-serif;font-weight:700;color:#0b74d1;margin:18px 0 10px;
}
.vc-content h2{font-size:clamp(25px,3vw,40px);text-align:center}
.vc-content h3{font-size:clamp(19px,2vw,25px);font-weight:600}
.vc-content p{margin:0 0 14px}
.vc-content a{color:#0b74d1}
.vc-content a:hover{color:#ff4f93}
.vc-content ul{
  margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;
}
.vc-content ul > li{
  position:relative;padding-left:34px;font:400 15.5px/1.6 Nunito,sans-serif;
}
.vc-content ul > li::before{
  content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;
  background:linear-gradient(180deg,#ffdf72,#ffa800);box-shadow:0 0 0 3px rgba(255,194,26,.22);
}
.vc-content ul > li:nth-child(3n+2)::before{
  background:linear-gradient(180deg,#8fdcff,#0b74d1);box-shadow:0 0 0 3px rgba(11,116,209,.18);
}
.vc-content ul > li:nth-child(3n)::before{
  background:linear-gradient(180deg,#ff9ac4,#ff4f93);box-shadow:0 0 0 3px rgba(255,79,147,.2);
}
.vc-content ul > li b,.vc-content ul > li strong,
.vc-content ol > li b,.vc-content ol > li strong{font-weight:700;color:#063a63;display:inline}
.vc-content ol{
  margin:0 0 18px;padding-left:22px;display:flex;flex-direction:column;gap:9px;
  font:400 15.5px/1.6 Nunito,sans-serif;
}
.vc-content blockquote{
  margin:14px 0;padding:16px 20px;border-left:5px solid #ffc21a;
  background:linear-gradient(90deg,rgba(255,231,184,.55),rgba(255,231,184,0));
  border-radius:0 14px 14px 0;font:italic 400 16px/1.6 Nunito,sans-serif;color:#0b4b7d;
}
.vc-content table{
  width:100%;border-collapse:collapse!important;border-spacing:0!important;
  font:400 15px Nunito,sans-serif;margin:0 0 18px;
  border:2px solid rgba(11,116,209,.16)!important;border-radius:16px;overflow:hidden;
}
.vc-content table th,.vc-content table td{border-left:0!important;border-right:0!important;border-bottom:0!important}
.vc-content thead{background:linear-gradient(180deg,#0b74d1,#075fae)}
.vc-content th{
  padding:13px 16px;text-align:left;font:600 14px Fredoka,sans-serif;letter-spacing:.4px;
  color:#fff;background:transparent!important;border:0!important;
}
.vc-content td{
  padding:12px 16px;border-top:1px solid rgba(11,116,209,.12)!important;color:#063a63;
}
.vc-content tbody tr:nth-child(odd) td{background:rgba(255,255,255,.8)}
.vc-content tbody tr:nth-child(even) td{background:rgba(234,249,255,.85)}

.vc-divider{display:flex;align-items:center;gap:16px;opacity:.85}
.vc-divider-line{flex:1;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(11,116,209,.45))}
.vc-divider--gold .vc-divider-line{background:linear-gradient(90deg,transparent,rgba(255,168,0,.5))}
.vc-divider--pink .vc-divider-line{background:linear-gradient(90deg,transparent,rgba(255,79,147,.45))}
.vc-divider-line--flip{transform:scaleX(-1)}
.vc-divider-art{width:46px;height:auto;animation:vc-floatY 5.5s ease-in-out infinite}
.vc-divider--gold .vc-divider-art{width:64px;animation:vc-floatX 4s ease-in-out infinite alternate}
.vc-divider--pink .vc-divider-art{width:62px;animation:vc-floatY 6.5s ease-in-out infinite}

.vc-grid{
  display:grid;gap:clamp(12px,1.4vw,20px);
  grid-template-columns:repeat(auto-fill,minmax(158px,1fr));
}
.vc-game[hidden],.vc-pay[hidden]{display:none!important}
.vc-game.is-feature{grid-column:span 2;grid-row:span 2}
.vc-game-hit{
  filter:drop-shadow(0 8px 16px rgba(4,60,110,.28));
  transition:transform .28s cubic-bezier(.16,1,.3,1),filter .28s cubic-bezier(.16,1,.3,1);
}
.vc-game-hit:hover{transform:translateY(-9px);filter:drop-shadow(0 20px 30px rgba(4,60,110,.45))}
.vc-game-frame{
  background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(143,220,255,.9));
  padding:2px;border-radius:18px;
}
.vc-game-frame img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:16px}
.vc-game-frame--sm{border-radius:14px}
.vc-game-frame--sm img{width:62px;height:93px;aspect-ratio:auto;border-radius:12px}
.vc-more-wrap{display:flex;justify-content:center;margin-top:28px}

.vc-rail-wrap{position:relative}
.vc-rail{
  display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;padding:6px 2px 14px;
  scrollbar-width:none;-ms-overflow-style:none;
}
.vc-rail::-webkit-scrollbar{display:none}
.vc-rail--pop{gap:18px}
.vc-rail-btn{
  position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;
  cursor:pointer;border:3px solid #fff;background:linear-gradient(180deg,#39b6f3,#0b74d1);
  color:#fff;font:700 20px Fredoka,sans-serif;line-height:1;
  box-shadow:0 10px 20px rgba(4,60,110,.34);transition:all .2s cubic-bezier(.16,1,.3,1);z-index:2;
}
.vc-rail-btn:hover{box-shadow:0 0 26px rgba(57,182,243,.85),0 10px 20px rgba(4,60,110,.34)}
.vc-rail-btn--prev{left:-6px}
.vc-rail-btn--next{right:-6px}
.vc-popular .vc-rail-btn{top:44%}

.vc-win{
  flex:0 0 auto;width:250px;display:flex;align-items:center;gap:14px;padding:12px;
  background:linear-gradient(140deg,#ffffff,#e9f7ff);border:2px solid rgba(255,255,255,.95);
  border-radius:18px;box-shadow:0 10px 22px rgba(4,60,110,.18);
  animation:vc-popin .7s cubic-bezier(.16,1,.3,1) both;
  transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;
}
.vc-win:hover{transform:translateY(-6px);box-shadow:0 18px 30px rgba(4,60,110,.3)}
.vc-win-thumb{flex:none;filter:drop-shadow(0 6px 10px rgba(4,60,110,.3))}
.vc-win-meta{min-width:0;display:flex;flex-direction:column;gap:4px}
.vc-win-name{font:600 14px Fredoka,sans-serif;color:#0b4b7d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vc-win-amount{font:700 21px Fredoka,sans-serif;color:#1c9e4f;text-shadow:0 0 14px rgba(47,208,107,.35)}
.vc-win-ago{font:400 12px Nunito,sans-serif;color:#79a3c2}

.vc-pop{flex:0 0 auto;width:180px}
.vc-game-cap{
  display:flex;align-items:center;justify-content:center;gap:14px;padding-top:8px;
  font:700 12.5px Nunito,sans-serif;
}
.vc-meta-likes{display:flex;align-items:center;gap:5px;color:#ff4f93}
.vc-meta-likes span{color:#0b4b7d}
.vc-meta-players{display:flex;align-items:center;gap:6px;color:#0b4b7d}
.vc-dot{width:8px;height:8px;border-radius:50%;background:#2fd06b;box-shadow:0 0 8px #2fd06b}

.vc-footer{position:relative;margin-top:20px;background:linear-gradient(180deg,#0b74d1 0%,#064a89 100%);color:#dff2ff}
.vc-footer-inner{
  max-width:1560px;margin:0 auto;padding:10px clamp(16px,3vw,44px) 40px;
  display:grid;gap:clamp(24px,3vw,46px);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
}
.vc-footer-brand,.vc-footer-rg,.vc-footer-pay{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.vc-logo--footer{width:190px;height:88px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.vc-footer-blurb{margin:0;max-width:300px;font:400 14px/1.65 Nunito,sans-serif;color:rgba(223,242,255,.8)}
.vc-footer-heading{margin:0 0 4px;font:600 15px Fredoka,sans-serif;letter-spacing:.5px;color:#ffc21a}
.vc-nav-slot--footer .vc-footer-nav{display:flex;flex-direction:column;gap:11px;align-items:flex-start}
.vc-footer-link{font:400 14.5px Nunito,sans-serif;color:#dff2ff;transition:all .18s}
.vc-footer-link:hover{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.8)}
.vc-sec-row,.vc-pay-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.vc-sec-badge{
  display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;
  background:rgba(255,255,255,.93);border-radius:10px;box-shadow:0 6px 14px rgba(4,40,75,.22);
  transition:all .2s cubic-bezier(.16,1,.3,1);
}
.vc-sec-badge:hover{background:#fff;transform:translateY(-2px)}
.vc-sec-badge img{height:40px;width:auto;max-width:132px;object-fit:contain;display:block}
.vc-age{
  display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;
  border-radius:50%;border:2px solid rgba(255,255,255,.9);font:700 16px Fredoka,sans-serif;color:#fff;
}
.vc-pay{
  height:26px;width:auto;max-width:74px;object-fit:contain;
  filter:brightness(0) invert(1);opacity:.8;transition:all .2s cubic-bezier(.16,1,.3,1);
}
.vc-pay:hover{opacity:1;transform:translateY(-2px);filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.9))}
.vc-footer-bar{
  border-top:1px solid rgba(255,255,255,.16);padding:16px clamp(16px,3vw,44px);
  text-align:center;font:400 13px Nunito,sans-serif;color:rgba(223,242,255,.62);
}

@media (max-width:1119px){
  .vc-nav-slot--desktop{display:none!important}
  .vc-burger{display:inline-flex}
}
@media (max-width:759px){
  .vc-hero-scrim{
    inset:auto;left:0;right:0;top:0;height:96px;
    background:linear-gradient(180deg,rgba(3,54,102,.6),rgba(3,54,102,0));
  }
  .vc-hero-copy{
    position:static;max-width:none;align-items:center;justify-content:center;text-align:center;gap:18px;padding:22px 18px 6px;
  }
  .vc-hero-copy .vc-btn,
  .vc-hero-copy .vc-btn--lg,
  .vc-hero-copy [data-vc-cta]{
    align-self:center!important;margin-left:auto;margin-right:auto;width:max-content;max-width:100%;
  }
  .vc-hero-title{
    font:700 clamp(25px,7vw,34px)/1.12 Fredoka,sans-serif;letter-spacing:-.3px;color:#063a63;
    text-shadow:0 2px 0 rgba(255,255,255,.7);width:100%;text-align:center;
  }
  .vc-hero-gull{display:none}
  .vc-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}
  .vc-footer-inner{grid-template-columns:1fr;justify-items:center;text-align:center}
  .vc-footer-brand,.vc-footer-rg,.vc-footer-pay,.vc-nav-slot--footer .vc-footer-nav{align-items:center}
  .vc-logo--footer{
    margin-left:auto;margin-right:auto;object-position:center center;display:block;
  }
  .vc-sec-row,.vc-pay-row{justify-content:center}
  .vc-card-mascot{right:0;top:-36px;width:86px}
}
@media (max-width:768px){
  table,.vc-content table{
    display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .vc-drawer-gull,.vc-hero-gull,.vc-card-mascot,.vc-divider-art,.vc-win{animation:none!important}
}