/* vawada-ui - presentation layer */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --vvd-bg:#0e1520;
  --vvd-surface:#151d2b;
  --vvd-surface-2:#1c2638;
  --vvd-accent:#fe2b54;
  --vvd-accent-hover:#ff4d6d;
  --vvd-text:#e8edf5;
  --vvd-muted:#8b95a8;
  --vvd-border:#2a3548;
  --vvd-nav-active:#7c3aed;
  --vvd-radius:10px;
  --vvd-max:1280px;
}

html{-webkit-text-size-adjust:100%}
body{
  font-family:'Outfit',system-ui,-apple-system,sans-serif;
  font-size:15px;
  line-height:1.5;
  color:var(--vvd-text);
  background:var(--vvd-bg);
  min-height:100vh;
}

img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}

/* viewport shell */
.vvd-viewport{display:flex;flex-direction:column;min-height:100vh}

/* top bar */
.vvd-topbar{
  background:var(--vvd-surface);
  border-bottom:1px solid var(--vvd-border);
  position:sticky;top:0;z-index:100;
}
.vvd-topbar__inner{
  max-width:var(--vvd-max);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px;gap:12px;
}
.vvd-brand-img{height:36px;width:auto}
.vvd-brand-text{font-size:22px;font-weight:700;color:var(--vvd-accent);letter-spacing:.04em}
.vvd-topbar__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vvd-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;
  white-space:nowrap;transition:background .15s,color .15s;
}
.vvd-btn--ghost{background:transparent;color:var(--vvd-text);text-decoration:underline;text-underline-offset:3px}
.vvd-btn--accent{background:var(--vvd-accent);color:#fff}
.vvd-btn--accent:hover{background:var(--vvd-accent-hover)}
.vvd-help-chip{
  display:inline-flex;align-items:center;gap:4px;
  color:var(--vvd-muted);font-size:12px;
}
.vvd-help-chip__icon{
  width:22px;height:22px;border-radius:50%;
  background:#fbbf24;color:#1a1a1a;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;
}
.vvd-help-chip__label{display:none}

/* horizontal nav strip */
.vvd-navstrip{
  background:var(--vvd-surface-2);
  border-bottom:1px solid var(--vvd-border);
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.vvd-navstrip::-webkit-scrollbar{display:none}
.vvd-navstrip__list{
  list-style:none;display:flex;justify-content:center;
  max-width:var(--vvd-max);margin:0 auto;padding:0 8px;
}
.vvd-navstrip__cell{flex:0 0 auto}
.vvd-navstrip__link{
  display:flex;flex-direction:column;align-items:center;
  padding:10px 18px 8px;gap:4px;
  color:var(--vvd-muted);font-size:10px;font-weight:600;
  text-transform:uppercase;letter-spacing:.03em;
  transition:color .15s;border-bottom:2px solid transparent;
}
.vvd-navstrip__link:hover{color:var(--vvd-text)}
.vvd-navstrip__link.is-active{
  color:var(--vvd-text);
  border-bottom-color:var(--vvd-nav-active);
}
.vvd-navstrip__glyph{display:flex;align-items:center;justify-content:center;width:32px;height:32px}
.vvd-glyph{width:28px;height:28px}

/* main stage */
.vvd-stage{
  flex:1;max-width:var(--vvd-max);width:100%;
  margin:0 auto;padding:16px;
  background:
    radial-gradient(circle at 20% 50%,rgba(124,58,237,.04) 0%,transparent 50%),
    radial-gradient(circle at 80% 20%,rgba(254,43,84,.03) 0%,transparent 40%),
    var(--vvd-bg);
}

/* breadcrumbs */
.vvd-crumb{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;font-size:12px}
.vvd-crumb__link{color:var(--vvd-muted)}
.vvd-crumb__link:hover{color:var(--vvd-text)}
.vvd-crumb__sep{color:var(--vvd-border)}

/* promotional banners */
.vvd-hero-strip{margin-bottom:20px}
.vvd-hero-card{
  position:relative;border-radius:var(--vvd-radius);overflow:hidden;
  background:var(--vvd-surface);
}
.vvd-hero-card picture{display:block;line-height:0}
.vvd-hero-card__img{
  width:100%;height:auto;display:block;
  aspect-ratio:768/240;object-fit:cover;
}
.vvd-hero-card__overlay{
  position:absolute;inset:0;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:16px 20px;
  background:linear-gradient(transparent 40%,rgba(0,0,0,.65));
}
.vvd-hero-card__title{font-size:16px;font-weight:700;margin-bottom:4px}
.vvd-hero-card__sub{font-size:13px;color:var(--vvd-muted);margin-bottom:10px}
.vvd-hero-card__cta{
  display:inline-block;align-self:flex-start;
  padding:8px 20px;border-radius:20px;
  background:var(--vvd-accent);color:#fff;
  font-size:12px;font-weight:700;text-transform:uppercase;
}
.vvd-hero-card__cta:hover{background:var(--vvd-accent-hover)}

/* game sections */
.vvd-games-block{margin-bottom:28px}
.vvd-games-block__head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:14px;
}
.vvd-games-block__title{font-size:18px;font-weight:700}
.vvd-games-block__more{
  font-size:12px;color:var(--vvd-muted);
  padding:6px 14px;border:1px solid var(--vvd-border);border-radius:16px;
}
.vvd-games-block__more:hover{color:var(--vvd-text);border-color:var(--vvd-muted)}
.vvd-games-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
  gap:10px;
}
.vvd-game-tile{
  border-radius:var(--vvd-radius);overflow:hidden;
  background:var(--vvd-surface);transition:transform .15s;
}
.vvd-game-tile:hover{transform:translateY(-2px)}
.vvd-game-tile__visual{position:relative;aspect-ratio:270/378;overflow:hidden;background:var(--vvd-bg)}
.vvd-game-tile__visual img{display:block;width:100%;height:100%;object-fit:contain}
.vvd-game-tile__play{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.55);opacity:0;transition:opacity .15s;
}
.vvd-game-tile:hover .vvd-game-tile__play{opacity:1}
.vvd-game-tile__play-btn{
  padding:8px 22px;border-radius:20px;
  background:#22c55e;color:#fff;font-weight:700;font-size:13px;
}
.vvd-game-tile__caption{
  padding:8px 10px;font-size:12px;font-weight:600;
  text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* bonuses */
.vvd-bonus-showcase{margin-bottom:28px}
.vvd-bonus-showcase__head{margin-bottom:18px}
.vvd-bonus-showcase__title{
  font-size:22px;font-weight:700;
  padding-left:14px;border-left:4px solid var(--vvd-accent);
}
.vvd-bonus-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;
  margin-bottom:24px;
}
.vvd-bonus-tile{
  border-radius:16px;overflow:hidden;
  background:var(--vvd-surface);border:1px solid var(--vvd-border);
  transition:transform .15s,box-shadow .15s;
}
.vvd-bonus-tile:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 28px rgba(254,43,84,.12);
  border-color:rgba(254,43,84,.3);
}
.vvd-bonus-tile__visual{position:relative;aspect-ratio:16/9;overflow:hidden}
.vvd-bonus-tile__visual img{width:100%;height:100%;object-fit:cover}
.vvd-bonus-tile__pill{
  position:absolute;bottom:10px;left:10px;
  padding:6px 12px;border-radius:20px;
  background:var(--vvd-accent);color:#fff;
  font-size:13px;font-weight:700;
  box-shadow:0 2px 10px rgba(254,43,84,.4);
}
.vvd-bonus-tile__body{padding:16px 18px 18px}
.vvd-bonus-tile__badge{
  display:inline-block;padding:4px 10px;border-radius:12px;
  background:rgba(124,58,237,.15);color:#a78bfa;
  font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.05em;margin-bottom:8px;
}
.vvd-bonus-tile__name{font-size:17px;font-weight:700;margin-bottom:6px;line-height:1.3}
.vvd-bonus-tile__desc{font-size:13px;color:var(--vvd-muted);margin-bottom:8px;line-height:1.55}
.vvd-bonus-tile__value{font-size:16px;font-weight:700;color:var(--vvd-accent);margin-bottom:6px}
.vvd-bonus-tile__terms{
  font-size:11px;color:var(--vvd-muted);margin-top:10px;padding-top:10px;
  border-top:1px solid var(--vvd-border);line-height:1.5;
}

/* payment methods */
.vvd-pay-block{margin:28px 0}
.vvd-pay-block__title{font-size:18px;font-weight:700;margin-bottom:14px}
.vvd-pay-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;
}
.vvd-pay-item{
  padding:14px 10px;border-radius:var(--vvd-radius);
  background:var(--vvd-surface);border:1px solid var(--vvd-border);
  text-align:center;
}
.vvd-pay-item img{max-height:32px;margin:0 auto 6px}
.vvd-pay-item__name{font-size:11px;font-weight:600}

/* SEO text block - only place for h1-h3 */
.vvd-seo-block{
  max-width:900px;margin:28px auto 0;padding:28px 32px;
  border:1px solid var(--vvd-border);border-radius:16px;
  background:var(--vvd-surface);
  font-size:14px;color:var(--vvd-muted);
  box-shadow:0 2px 16px rgba(0,0,0,.12);
}
.vvd-stage--contact .vvd-seo-block,
.vvd-stage--legal .vvd-seo-block{box-shadow:none}
.vvd-seo-block h1{
  font-size:26px;font-weight:700;color:var(--vvd-text);margin-bottom:18px;
  padding-bottom:14px;border-bottom:2px solid var(--vvd-border);
}
.vvd-seo-block h2{
  font-size:19px;font-weight:700;color:var(--vvd-text);margin:28px 0 12px;
  padding-left:14px;border-left:4px solid var(--vvd-accent);
}
.vvd-seo-block h3{
  font-size:16px;font-weight:600;color:var(--vvd-text);margin:20px 0 8px;
}
.vvd-seo-block p{margin-bottom:14px;line-height:1.75}
.vvd-seo-block a{
  color:var(--vvd-accent);text-decoration:none;
  border-bottom:1px solid rgba(254,43,84,.3);
  transition:border-color .15s;
}
.vvd-seo-block a:hover{border-bottom-color:var(--vvd-accent)}
.vvd-seo-block img{margin:18px 0;border-radius:var(--vvd-radius)}
.vvd-seo-block blockquote{
  margin:18px 0;padding:14px 18px;
  border-left:4px solid var(--vvd-accent);background:var(--vvd-surface-2);
  border-radius:0 12px 12px 0;font-style:italic;
}

/* tables - horizontal scroll on mobile */
.vvd-scroll-table{
  width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
  margin:16px 0;border-radius:var(--vvd-radius);
  border:1px solid var(--vvd-border);
}
.vvd-scroll-table table{width:100%;min-width:480px;border-collapse:collapse}
.vvd-scroll-table th,.vvd-scroll-table td{
  padding:10px 12px;text-align:left;
  border-bottom:1px solid var(--vvd-border);font-size:13px;
}
.vvd-scroll-table th{background:var(--vvd-surface);font-weight:600;color:var(--vvd-text)}
.vvd-scroll-table caption{padding:8px;font-size:12px;color:var(--vvd-muted)}

/* lists, FAQ, howto */
.vvd-seo-block ul,.vvd-seo-block ol{margin:14px 0 18px;padding-left:0;list-style:none}
.vvd-seo-block ul li,.vvd-seo-block ol li{
  position:relative;margin-bottom:8px;padding-left:22px;line-height:1.65;
}
.vvd-seo-block ul li::before{
  content:'';position:absolute;left:0;top:9px;
  width:8px;height:8px;border-radius:50%;background:var(--vvd-accent);
}
.vvd-seo-block ol{counter-reset:seo-item}
.vvd-seo-block ol li{counter-increment:seo-item;padding-left:28px}
.vvd-seo-block ol li::before{
  content:counter(seo-item);position:absolute;left:0;top:1px;
  width:20px;height:20px;border-radius:50%;
  background:var(--vvd-surface-2);color:var(--vvd-accent);
  font-size:11px;font-weight:700;line-height:20px;text-align:center;
}
.vvd-stage--legal .vvd-seo-block ul,
.vvd-stage--legal .vvd-seo-block ol{list-style:revert;padding-left:20px}
.vvd-stage--legal .vvd-seo-block ul li,
.vvd-stage--legal .vvd-seo-block ol li{padding-left:4px}
.vvd-stage--legal .vvd-seo-block ul li::before,
.vvd-stage--legal .vvd-seo-block ol li::before{display:none}
.vvd-faq-block{margin:16px 0}
.vvd-faq-entry{border:1px solid var(--vvd-border);border-radius:var(--vvd-radius);margin-bottom:8px;overflow:hidden}
.vvd-faq-entry__q{padding:12px 14px;background:var(--vvd-surface);font-weight:600;font-size:14px}
.vvd-faq-entry__a{padding:12px 14px;font-size:13px}
.vvd-howto-block{margin:16px 0;padding:16px;background:var(--vvd-surface);border-radius:var(--vvd-radius)}
.vvd-howto-block ol{list-style:none;counter-reset:step}
.vvd-howto-block li{counter-increment:step;padding:10px 0 10px 32px;position:relative;border-bottom:1px solid var(--vvd-border)}
.vvd-howto-block li::before{
  content:counter(step);position:absolute;left:0;
  width:22px;height:22px;border-radius:50%;
  background:var(--vvd-accent);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;
}
.vvd-howto-block li strong{display:block;margin-bottom:4px;color:var(--vvd-text)}

/* app hero block */
.vvd-app-hero{margin:0 0 28px}
.vvd-app-hero__card{
  max-width:640px;margin:0 auto;
  background:linear-gradient(160deg,var(--vvd-surface) 0%,var(--vvd-surface-2) 100%);
  border:1px solid var(--vvd-border);border-radius:24px;
  overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3);
}
.vvd-app-hero__head{
  text-align:center;padding:32px 28px 24px;
  background:radial-gradient(ellipse at 50% 0%,rgba(254,43,84,.12) 0%,transparent 65%);
}
.vvd-app-hero__icon-wrap{
  width:88px;height:88px;margin:0 auto 16px;
  padding:8px;border-radius:22px;
  background:var(--vvd-bg);border:2px solid var(--vvd-border);
  box-shadow:0 4px 16px rgba(254,43,84,.15);
}
.vvd-app-hero__logo{width:100%;height:100%;object-fit:contain;border-radius:14px}
.vvd-app-hero__name{font-size:24px;font-weight:700;margin-bottom:10px}
.vvd-app-hero__desc{
  font-size:14px;line-height:1.65;color:var(--vvd-muted);max-width:480px;margin:0 auto;
}
.vvd-app-hero__specs{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--vvd-border);border-top:1px solid var(--vvd-border);
}
.vvd-app-hero__spec{
  display:flex;align-items:center;gap:12px;
  padding:16px 18px;background:var(--vvd-surface);
}
.vvd-app-hero__spec-glyph{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--vvd-surface-2);color:var(--vvd-accent);
}
.vvd-app-hero__spec-glyph svg{width:18px;height:18px}
.vvd-app-hero__spec-glyph--platform{color:#22c55e}
.vvd-app-hero__spec-glyph--size{color:#38bdf8}
.vvd-app-hero__spec-glyph--version{color:#eab308}
.vvd-app-hero__spec-glyph--updated{color:#a78bfa}
.vvd-app-hero__spec-val{font-size:14px;font-weight:600}
.vvd-app-hero__cta{padding:24px 28px;text-align:center}
.vvd-app-hero__dl-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 36px;border-radius:28px;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#fff;font-size:15px;font-weight:700;
  box-shadow:0 4px 20px rgba(34,197,94,.35);
  transition:transform .15s,box-shadow .15s;
}
.vvd-app-hero__dl-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 28px rgba(34,197,94,.45);
}
.vvd-app-hero__dl-glyph{display:flex;width:20px;height:20px}
.vvd-app-hero__dl-glyph svg{width:20px;height:20px}

/* footer */
.vvd-foot{
  position:relative;margin-top:auto;
  background:linear-gradient(180deg,var(--vvd-surface-2) 0%,#0a1018 100%);
  border-top:1px solid var(--vvd-border);
}
.vvd-foot__accent-line{
  height:3px;
  background:linear-gradient(90deg,transparent,var(--vvd-accent) 30%,#7c3aed 70%,transparent);
}
.vvd-foot__inner{max-width:var(--vvd-max);margin:0 auto;padding:36px 20px 24px}
.vvd-foot__grid{
  display:grid;gap:28px 32px;
  grid-template-columns:1fr;
  align-items:start;
}
.vvd-foot__brand-col{display:flex;justify-content:center}
.vvd-foot__brand-link{display:inline-block;transition:opacity .15s}
.vvd-foot__brand-link:hover{opacity:.8}
.vvd-foot__brand-img{height:38px;width:auto}
.vvd-foot__nav-col{display:flex;justify-content:center}
.vvd-foot__nav-list{
  list-style:none;display:flex;flex-wrap:wrap;
  justify-content:center;gap:8px 6px;
}
.vvd-foot__nav-link{
  display:inline-block;padding:6px 14px;border-radius:20px;
  font-size:13px;color:var(--vvd-muted);
  border:1px solid transparent;transition:color .15s,border-color .15s,background .15s;
}
.vvd-foot__nav-link:hover{
  color:var(--vvd-text);border-color:var(--vvd-border);
  background:rgba(255,255,255,.04);
}
.vvd-foot__action-col{
  display:flex;flex-direction:column;align-items:center;gap:16px;
}
.vvd-foot__cta-group{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;
}
.vvd-foot__cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 18px;border-radius:24px;font-size:12px;font-weight:600;
  white-space:nowrap;transition:transform .15s,box-shadow .15s;
}
.vvd-foot__cta:hover{transform:translateY(-1px)}
.vvd-foot__cta--primary{background:var(--vvd-accent);color:#fff;box-shadow:0 4px 14px rgba(254,43,84,.35)}
.vvd-foot__cta--primary:hover{box-shadow:0 6px 20px rgba(254,43,84,.45)}
.vvd-foot__cta--secondary{
  background:transparent;color:var(--vvd-text);
  border:1px solid var(--vvd-border);
}
.vvd-foot__cta--secondary:hover{border-color:var(--vvd-muted)}
.vvd-foot__cta--download{background:#22c55e;color:#fff;box-shadow:0 4px 14px rgba(34,197,94,.3)}
.vvd-foot__social-row{display:flex;justify-content:center;gap:10px}
.vvd-foot__social-chip{
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--vvd-surface);border:1px solid var(--vvd-border);
  transition:border-color .15s,box-shadow .15s,transform .15s;
  overflow:hidden;
}
.vvd-foot__social-chip:hover{
  border-color:var(--vvd-accent);transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(254,43,84,.2);
}
.vvd-foot__social-chip img{width:20px;height:20px;object-fit:contain}
.vvd-foot__social-letter{font-size:14px;font-weight:700;color:var(--vvd-text)}
.vvd-foot__social-chip--youtube{background:#ff0000;border-color:#ff0000}
.vvd-foot__social-chip--youtube .vvd-foot__social-letter{color:#fff}
.vvd-foot__locale-pill{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;border-radius:20px;
  background:var(--vvd-surface);border:1px solid var(--vvd-border);
  font-size:13px;font-weight:600;
}
.vvd-foot__flag{
  width:22px;height:15px;border-radius:2px;flex-shrink:0;
  background:linear-gradient(180deg,#fff 50%,#dc143c 50%);
  box-shadow:0 0 0 1px rgba(255,255,255,.15);
}
.vvd-foot__legal-bar{
  margin-top:28px;padding-top:20px;
  border-top:1px solid var(--vvd-border);
  display:flex;flex-direction:column;align-items:center;gap:14px;
}
.vvd-foot__safe-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 20px}
.vvd-foot__safe-badge{display:flex;align-items:center}
.vvd-foot__safe-img{max-height:40px;width:auto;opacity:.9;transition:opacity .15s}
.vvd-foot__safe-badge:hover .vvd-foot__safe-img{opacity:1}
.vvd-foot__copy{
  font-size:11px;color:var(--vvd-muted);text-align:center;
  max-width:720px;line-height:1.65;
}

/* mobile drawer */
.vvd-drawer-scrim{
  position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;
}
.vvd-drawer-scrim[hidden]{display:none}
.vvd-drawer-panel{
  position:fixed;bottom:0;left:0;right:0;z-index:201;
  background:var(--vvd-surface);border-radius:16px 16px 0 0;
  max-height:70vh;overflow-y:auto;
  transform:translateY(100%);transition:transform .25s ease;
  padding-bottom:env(safe-area-inset-bottom,0);
}
.vvd-drawer-panel.is-open{transform:translateY(0)}
.vvd-drawer-panel__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;border-bottom:1px solid var(--vvd-border);
}
.vvd-drawer-panel__title{font-weight:700;font-size:15px}
.vvd-drawer-panel__close{
  background:none;border:none;color:var(--vvd-text);
  font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;
}
.vvd-drawer-panel__list{list-style:none;padding:8px 0}
.vvd-drawer-panel__link{
  display:flex;align-items:center;gap:12px;
  padding:12px 20px;color:var(--vvd-text);font-size:14px;font-weight:500;
}
.vvd-drawer-panel__link.is-active{color:var(--vvd-accent)}
.vvd-drawer-panel__glyph{width:28px;display:flex;align-items:center;justify-content:center}

/* FAB burger - bottom right */
.vvd-fab-menu{
  display:none;position:fixed;bottom:20px;right:20px;z-index:199;
  width:52px;height:52px;border-radius:50%;
  background:var(--vvd-accent);border:none;cursor:pointer;
  flex-direction:column;align-items:center;justify-content:center;gap:5px;
  box-shadow:0 4px 16px rgba(254,43,84,.4);
  padding:0;
}
.vvd-fab-menu__bar{
  display:block;width:22px;height:2px;background:#fff;border-radius:1px;
  transition:transform .2s,opacity .2s;
}
.vvd-fab-menu.is-active .vvd-fab-menu__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.vvd-fab-menu.is-active .vvd-fab-menu__bar:nth-child(2){opacity:0}
.vvd-fab-menu.is-active .vvd-fab-menu__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* 404 */
.vvd-stage--error{
  display:flex;align-items:center;justify-content:center;
  min-height:calc(100vh - 280px);padding:40px 16px;
}
.vvd-error-page{
  position:relative;text-align:center;width:100%;max-width:520px;
}
.vvd-error-page__glow{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);
  width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(254,43,84,.18) 0%,rgba(124,58,237,.08) 45%,transparent 70%);
  pointer-events:none;
}
.vvd-error-page__card{
  position:relative;padding:48px 32px 40px;
  background:var(--vvd-surface);border:1px solid var(--vvd-border);
  border-radius:20px;
  box-shadow:0 8px 40px rgba(0,0,0,.35);
}
.vvd-error-page__code{
  font-size:88px;font-weight:700;line-height:1;margin-bottom:16px;
  background:linear-gradient(135deg,var(--vvd-accent) 0%,#ff6b8a 50%,#7c3aed 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.vvd-error-page__title{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--vvd-text)}
.vvd-error-page__desc{
  color:var(--vvd-muted);margin-bottom:28px;font-size:14px;line-height:1.6;
}
.vvd-error-page__btn{
  display:inline-block;padding:12px 32px;border-radius:24px;
  background:var(--vvd-accent);color:#fff;font-weight:700;font-size:14px;
  box-shadow:0 4px 20px rgba(254,43,84,.4);
  transition:transform .15s,box-shadow .15s;
}
.vvd-error-page__btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 28px rgba(254,43,84,.5);
}

/* legal pages (privacy, terms) */
.vvd-legal-shell{max-width:820px;margin:0 auto}
.vvd-stage--legal .vvd-seo-block{
  border-top:none;margin-top:0;padding:0;
  background:transparent;
}
.vvd-stage--legal .vvd-seo-block h1{
  font-size:28px;font-weight:700;text-align:center;
  padding:28px 24px;margin-bottom:24px;
  background:var(--vvd-surface);border:1px solid var(--vvd-border);
  border-radius:16px 16px 0 0;
  border-bottom:3px solid var(--vvd-accent);
}
.vvd-stage--legal-privacy .vvd-seo-block h1{border-bottom-color:#7c3aed}
.vvd-stage--legal .vvd-seo-block > *:not(h1){
  padding-left:24px;padding-right:24px;
}
.vvd-stage--legal .vvd-seo-block > p:first-of-type,
.vvd-stage--legal .vvd-seo-block > h2:first-of-type{
  padding-top:0;
}
.vvd-stage--legal .vvd-seo-block > *:last-child{
  padding-bottom:28px;
}
.vvd-stage--legal .vvd-seo-block h2{
  font-size:18px;margin:28px 0 12px;padding-top:8px;
  padding-left:20px;border-left:4px solid var(--vvd-accent);
}
.vvd-stage--legal-privacy .vvd-seo-block h2{border-left-color:#7c3aed}
.vvd-stage--legal .vvd-seo-block h3{
  font-size:15px;margin:20px 0 8px;color:var(--vvd-text);
}
.vvd-stage--legal .vvd-seo-block p{
  font-size:14px;line-height:1.75;color:var(--vvd-muted);
}
.vvd-stage--legal .vvd-seo-block ul,
.vvd-stage--legal .vvd-seo-block ol{
  margin:12px 0 20px;padding-left:20px;
}
.vvd-stage--legal .vvd-seo-block li{
  font-size:14px;line-height:1.7;color:var(--vvd-muted);
  margin-bottom:8px;padding-left:4px;
}
.vvd-stage--legal .vvd-seo-block li::marker{color:var(--vvd-accent)}
.vvd-stage--legal-privacy .vvd-seo-block li::marker{color:#7c3aed}
.vvd-stage--legal .vvd-seo-block a{color:var(--vvd-accent)}
.vvd-stage--legal .vvd-scroll-table{
  margin:16px 0 24px;border-radius:12px;
  background:var(--vvd-surface);
}
.vvd-stage--legal .vvd-seo-block blockquote{
  margin:16px 0;padding:16px 20px;
  background:var(--vvd-surface);border-left:4px solid var(--vvd-border);
  border-radius:0 12px 12px 0;
}
.vvd-stage--legal .vvd-seo-block{
  background:var(--vvd-surface);border:1px solid var(--vvd-border);
  border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.15);
  overflow:hidden;
}

/* contact page */
.vvd-stage--contact{padding-top:8px}
.vvd-contact-shell{max-width:680px;margin:0 auto}
.vvd-stage--contact .vvd-crumb{margin-bottom:20px}
.vvd-stage--contact .vvd-seo-block{
  border-top:none;padding-top:0;margin-top:0;
  background:var(--vvd-surface);border:1px solid var(--vvd-border);
  border-radius:20px;padding:32px 28px;
  box-shadow:0 4px 24px rgba(0,0,0,.2);
}
.vvd-stage--contact .vvd-seo-block h1{
  font-size:32px;text-align:center;margin-bottom:8px;
  background:linear-gradient(135deg,var(--vvd-text),var(--vvd-accent));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.vvd-stage--contact .vvd-seo-block > p:first-of-type{
  text-align:center;color:var(--vvd-muted);font-size:15px;
  margin-bottom:28px;padding-bottom:24px;
  border-bottom:1px solid var(--vvd-border);
}
.vvd-stage--contact .vvd-seo-block h2{
  font-size:13px;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;color:var(--vvd-accent);margin:24px 0 14px;
}
.vvd-stage--contact .vvd-seo-block h3{
  display:flex;align-items:center;gap:10px;
  font-size:16px;margin:0 0 8px;padding:14px 16px 0;
  color:var(--vvd-text);
}
.vvd-stage--contact .vvd-seo-block h3::before{
  content:'';width:8px;height:8px;border-radius:50%;
  background:var(--vvd-accent);flex-shrink:0;
  box-shadow:0 0 8px rgba(254,43,84,.5);
}
.vvd-stage--contact .vvd-seo-block h3 + p{
  margin:0 0 16px;padding:0 16px 16px 34px;
  background:var(--vvd-surface-2);border-radius:0 0 12px 12px;
  border-left:3px solid var(--vvd-accent);
  font-size:14px;line-height:1.65;
}
.vvd-stage--contact .vvd-seo-block a{
  display:inline-block;margin-top:4px;padding:6px 14px;
  background:rgba(254,43,84,.12);border-radius:16px;
  color:var(--vvd-accent)!important;text-decoration:none!important;
  font-weight:600;font-size:14px;
  transition:background .15s;
}
.vvd-stage--contact .vvd-seo-block a:hover{background:rgba(254,43,84,.22)}

/* responsive */
@media(max-width:768px){
  .vvd-topbar__inner{flex-wrap:wrap;justify-content:center}
  .vvd-topbar__brand{order:-1;width:100%;text-align:center}
  .vvd-topbar__actions{width:100%;justify-content:center}
  .vvd-help-chip__label{display:inline}
  .vvd-navstrip{display:none}
  .vvd-fab-menu{display:flex}
  .vvd-stage{padding:12px;padding-bottom:80px}
  .vvd-hero-card__img{aspect-ratio:1/1}
  .vvd-games-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .vvd-foot__inner{padding:28px 16px 20px}
  .vvd-foot__cta-group{flex-direction:column;align-items:stretch}
  .vvd-foot__cta{text-align:center}
  .vvd-seo-block{padding:20px 16px;margin-top:20px}
  .vvd-seo-block h1{font-size:22px}
  .vvd-seo-block h2{font-size:17px}
  .vvd-bonus-grid{grid-template-columns:1fr}
  .vvd-error-page__card{padding:36px 20px 32px}
  .vvd-error-page__code{font-size:64px}
  .vvd-stage--contact .vvd-seo-block{padding:24px 18px;border-radius:16px}
  .vvd-stage--contact .vvd-seo-block h1{font-size:26px}
  .vvd-stage--legal .vvd-seo-block h1{font-size:22px;padding:20px 16px}
  .vvd-stage--legal .vvd-seo-block > *:not(h1){padding-left:16px;padding-right:16px}
  .vvd-app-hero__specs{grid-template-columns:1fr}
  .vvd-app-hero__head{padding:24px 18px 20px}
}

@media(min-width:769px){
  .vvd-drawer-panel,.vvd-drawer-scrim,.vvd-fab-menu{display:none!important}
  .vvd-help-chip__label{display:inline}
  .vvd-games-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
}

@media(min-width:1024px){
  .vvd-games-grid{grid-template-columns:repeat(5,1fr)}
  .vvd-foot__grid{
    grid-template-columns:auto 1fr auto;
    align-items:center;
  }
  .vvd-foot__brand-col{justify-content:flex-start}
  .vvd-foot__nav-col{justify-content:center}
  .vvd-foot__action-col{align-items:flex-end}
  .vvd-foot__cta-group{justify-content:flex-end}
  .vvd-foot__legal-bar{
    flex-direction:row;justify-content:space-between;align-items:center;
  }
  .vvd-foot__copy{text-align:right;max-width:520px}
}