/* ============================================================
   GAMBLERINA — styles.css
   Static boilerplate. Prefix: --gamblerina-* / .gamblerina-*
   ============================================================ */

:root {
  /* Colors */
  --gamblerina-bg:            #1a1033;
  --gamblerina-bg-deep:       #0d0820;
  --gamblerina-panel:         #2d1b54;
  --gamblerina-panel-accent:  #3a2470;
  --gamblerina-primary:       #6c4ad6;
  --gamblerina-primary-hover: #5a3bc4;
  --gamblerina-accent:        #3fd9b0;
  --gamblerina-accent-hover:  #35c29d;
  --gamblerina-logo:          #d63aa8;
  --gamblerina-text:          #ffffff;
  --gamblerina-text-muted:    #b8a8d9;
  --gamblerina-money:         #3fd9b0;
  --gamblerina-border:        #4a3580;
  --gamblerina-border-silver: #c9c3d6;

  /* Gradients */
  --gamblerina-hero-grad: linear-gradient(180deg, #3a2470 0%, #2d1b54 100%);
  --gamblerina-overlay:   linear-gradient(0deg, rgba(13,8,32,.85) 0%, rgba(13,8,32,.25) 100%);

  /* Fonts */
  --gamblerina-font-body:    "Poppins", system-ui, -apple-system, sans-serif;
  --gamblerina-font-display: "Pacifico", cursive;

  /* Radii */
  --gamblerina-radius-sm:   8px;
  --gamblerina-radius-md:   14px;
  --gamblerina-radius-lg:   20px;
  --gamblerina-radius-pill: 999px;

  /* Spacing */
  --gamblerina-gap-xs: 6px;
  --gamblerina-gap-sm: 12px;
  --gamblerina-gap-md: 20px;
  --gamblerina-gap-lg: 32px;
  --gamblerina-gap-xl: 48px;

  /* Layout */
  --gamblerina-sidebar-w: 280px;
  --gamblerina-maxw:      1600px;
  --gamblerina-header-h:  80px;

  /* Grid */
  --gamblerina-grid-wins:  repeat(auto-fit, minmax(240px, 1fr));
  --gamblerina-grid-bonus: repeat(auto-fit, minmax(300px, 1fr));
  --gamblerina-grid-games: repeat(auto-fill, minmax(120px, 1fr));
}

/* ---------- RESET ---------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

.gamblerina-html {
  overflow-x: clip;
  scroll-behavior: smooth;
}
.gamblerina-body {
  overflow-x: hidden;
  background: var(--gamblerina-bg);
  color: var(--gamblerina-text);
  font-family: var(--gamblerina-font-body);
  font-size: 16px;
  line-height: 1.5;
  min-height: 100vh;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }

/* ---------- IMAGE SLOTS ---------- */
.gamblerina-imgslot {
  position: relative;
  overflow: hidden;
  background:
    repeating-linear-gradient(45deg,
      rgba(255,255,255,.03) 0 10px,
      rgba(255,255,255,.06) 10px 20px),
    var(--gamblerina-panel-accent);
  border-radius: var(--gamblerina-radius-md);
}
.gamblerina-imgslot img { width: 100%; height: 100%; object-fit: cover; }
.gamblerina-imgslot--dark::after {
  content: "";
  position: absolute; inset: 0;
  background: var(--gamblerina-overlay);
  pointer-events: none;
}

/* ---------- BUTTONS ---------- */
.gamblerina-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gamblerina-gap-xs);
  padding: 10px 22px;
  border-radius: var(--gamblerina-radius-pill);
  font-weight: 600;
  font-size: .95rem;
  cursor: pointer;
  transition: background .2s, transform .15s, box-shadow .2s;
  white-space: nowrap;
}
.gamblerina-btn:hover { transform: translateY(-1px); }
.gamblerina-btn--sm    { padding: 8px 18px; font-size: .85rem; }
.gamblerina-btn--block { width: 100%; }

.gamblerina-btn--accent {
  background: var(--gamblerina-accent);
  color: var(--gamblerina-bg-deep);
}
.gamblerina-btn--accent:hover { background: var(--gamblerina-accent-hover); }

.gamblerina-btn--primary {
  background: var(--gamblerina-primary);
  color: var(--gamblerina-text);
}
.gamblerina-btn--primary:hover { background: var(--gamblerina-primary-hover); }

.gamblerina-btn--ghost {
  background: transparent;
  color: var(--gamblerina-text);
  border: 1px solid var(--gamblerina-border);
}
.gamblerina-btn--ghost:hover { background: rgba(255,255,255,.06); }

.gamblerina-btn--google {
  background: #fff;
  color: #1a1033;
}
.gamblerina-google-ico {
  display: inline-grid; place-items: center;
  width: 22px; height: 22px; border-radius: 50%;
  background: conic-gradient(#ea4335,#fbbc05,#34a853,#4285f4);
  color: #fff; font-weight: 700; font-size: .8rem;
}

/* ---------- HEADER ---------- */
.gamblerina-header {
  position: sticky; top: 0; z-index: 60;
  height: var(--gamblerina-header-h);
  background: var(--gamblerina-bg-deep);
  border-bottom: 1px solid var(--gamblerina-border);
}
.gamblerina-header__inner {
  max-width: var(--gamblerina-maxw);
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  gap: var(--gamblerina-gap-md);
  padding: 0 var(--gamblerina-gap-md);
}
.gamblerina-logo__img { height: 36px; width: auto; }
.gamblerina-search, .gamblerina-iconbtn {
  display: inline-grid; place-items: center;
  width: 42px; height: 42px;
  border-radius: var(--gamblerina-radius-pill);
  background: var(--gamblerina-panel);
  color: var(--gamblerina-text);
}
.gamblerina-header__auth {
  margin-left: auto;
  display: flex; gap: var(--gamblerina-gap-sm);
}

/* burger */
.gamblerina-burger {
  display: none;
  flex-direction: column; gap: 5px;
  width: 42px; height: 42px;
  padding: 12px;
  border-radius: var(--gamblerina-radius-pill);
  background: var(--gamblerina-panel);
}
.gamblerina-burger span {
  height: 2px; width: 100%;
  background: var(--gamblerina-text);
  border-radius: 2px;
}

/* ---------- LAYOUT ---------- */
.gamblerina-layout {
  display: grid;
  grid-template-columns: var(--gamblerina-sidebar-w) 1fr;
  max-width: var(--gamblerina-maxw);
  margin: 0 auto;
  align-items: start;
}

/* ---------- SIDEBAR ---------- */
.gamblerina-sidebar {
  position: sticky; top: var(--gamblerina-header-h);
  align-self: start;
  height: calc(100vh - var(--gamblerina-header-h));
  overflow-y: auto;
  padding: var(--gamblerina-gap-md);
  display: flex; flex-direction: column;
  gap: var(--gamblerina-gap-md);
}
.gamblerina-nav-primary { display: flex; flex-direction: column; gap: var(--gamblerina-gap-sm); }
.gamblerina-nav-primary__item {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16px 18px;
  border-radius: var(--gamblerina-radius-md);
  background: var(--gamblerina-panel);
  font-weight: 600;
  position: relative; overflow: hidden;
  transition: background .2s;
}
.gamblerina-nav-primary__item:hover { background: var(--gamblerina-panel-accent); }
.gamblerina-nav-primary__item.is-active { background: var(--gamblerina-primary); }
.gamblerina-nav-primary__ico {
  flex: 0 0 auto;
  width: 44px; height: 32px;
  border-radius: var(--gamblerina-radius-sm);
  background: rgba(255,255,255,.08);
  display: inline-grid; place-items: center;
  color: var(--gamblerina-accent);
}
.gamblerina-nav-primary__ico svg { width: 20px; height: 20px; }

.gamblerina-nav-panel {
  display: flex; flex-direction: column;
  border: 1px solid var(--gamblerina-border);
  border-radius: var(--gamblerina-radius-md);
  padding: var(--gamblerina-gap-xs);
}
.gamblerina-nav-panel__item {
  display: flex; align-items: center; gap: var(--gamblerina-gap-sm);
  padding: 12px 14px;
  border-radius: var(--gamblerina-radius-sm);
  color: var(--gamblerina-text-muted);
  transition: background .2s, color .2s;
}
.gamblerina-nav-panel__item:hover {
  background: var(--gamblerina-panel);
  color: var(--gamblerina-text);
}
.gamblerina-nav-panel__ico {
  display: inline-grid; place-items: center;
  width: 24px; height: 24px;
  color: var(--gamblerina-accent);
  font-size: .9rem;
}

.gamblerina-app-card {
  display: flex;
  border-radius: var(--gamblerina-radius-md);
  background: var(--gamblerina-panel);
  overflow: hidden;
}
.gamblerina-app-card__body { padding: var(--gamblerina-gap-md); flex: 1; }
.gamblerina-app-card__title { font-size: 1rem; margin-bottom: 4px; }
.gamblerina-app-card__text { font-size: .8rem; color: var(--gamblerina-text-muted); margin-bottom: var(--gamblerina-gap-sm); }
.gamblerina-app-card__img { width: 90px; flex: none; }

.gamblerina-sidebar__foot {
  margin-top: auto;
  display: flex; align-items: center; gap: var(--gamblerina-gap-sm);
}
.gamblerina-lang {
  flex: 1;
  display: flex; align-items: center; justify-content: center; gap: var(--gamblerina-gap-xs);
  padding: 12px;
  border-radius: var(--gamblerina-radius-pill);
  background: var(--gamblerina-panel);
  font-weight: 500;
}

.gamblerina-backdrop {
  display: none;
  position: fixed; inset: 0;
  background: rgba(0,0,0,.6);
  z-index: 49;
}

/* ---------- MAIN ---------- */
.gamblerina-main {
  overflow: hidden;
  padding: var(--gamblerina-gap-lg) var(--gamblerina-gap-md);
  display: flex; flex-direction: column;
  gap: var(--gamblerina-gap-xl);
  min-width: 0;
}

/* ---------- DECORATIVE FRAME (silver corners) ---------- */
.gamblerina-frame { position: relative; }
.gamblerina-frame__corner {
  position: absolute; width: 46px; height: 46px;
  border: 3px solid var(--gamblerina-border-silver);
  z-index: 3; pointer-events: none;
  opacity: .85;
}
.gamblerina-frame__corner--tl { top: 0; left: 0; border-right: 0; border-bottom: 0; border-top-left-radius: var(--gamblerina-radius-md); }
.gamblerina-frame__corner--tr { top: 0; right: 0; border-left: 0; border-bottom: 0; border-top-right-radius: var(--gamblerina-radius-md); }
.gamblerina-frame__corner--bl { bottom: 0; left: 0; border-right: 0; border-top: 0; border-bottom-left-radius: var(--gamblerina-radius-md); }
.gamblerina-frame__corner--br { bottom: 0; right: 0; border-left: 0; border-top: 0; border-bottom-right-radius: var(--gamblerina-radius-md); }

/* ---------- HERO ---------- */
.gamblerina-hero__track {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gamblerina-gap-md);
}
.gamblerina-hero__card {
  position: relative;
  min-height: 320px;
  border-radius: var(--gamblerina-radius-md);
  background: var(--gamblerina-hero-grad);
  overflow: hidden;
  display: flex;
}
.gamblerina-hero__img { position: absolute; inset: 0; z-index: 1; }
.gamblerina-hero__content {
  position: relative; z-index: 2;
  padding: var(--gamblerina-gap-lg);
  display: flex; flex-direction: column;
  gap: var(--gamblerina-gap-sm);
  align-items: flex-start;
  max-width: 60%;
}
.gamblerina-hero__eyebrow { font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; color: var(--gamblerina-text-muted); }
.gamblerina-hero__title { font-size: clamp(1.6rem, 3vw, 2.4rem); font-style: italic; }
.gamblerina-hero__sub { color: var(--gamblerina-text-muted); }
.gamblerina-hero__dots { display: flex; gap: var(--gamblerina-gap-xs); justify-content: center; margin-top: var(--gamblerina-gap-md); }
.gamblerina-hero__dots span { width: 28px; height: 5px; border-radius: 3px; background: var(--gamblerina-border); }
.gamblerina-hero__dots .is-active { background: var(--gamblerina-text-muted); }

/* ---------- SECTION ---------- */
.gamblerina-section__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--gamblerina-gap-md); }
.gamblerina-section__title { font-size: clamp(1.4rem, 3vw, 2rem); margin-bottom: var(--gamblerina-gap-md); display: flex; align-items: center; gap: var(--gamblerina-gap-sm); }
.gamblerina-section__title--script { font-family: var(--gamblerina-font-display); font-weight: 400; }
.gamblerina-section__star { color: var(--gamblerina-accent); }
.gamblerina-link-all { color: var(--gamblerina-accent); font-weight: 600; }

/* ---------- GROSSE GEWINNE ---------- */
.gamblerina-wins { display: grid; grid-template-columns: var(--gamblerina-grid-wins); gap: var(--gamblerina-gap-md); }
.gamblerina-win {
  display: flex; align-items: center; gap: var(--gamblerina-gap-sm);
  padding: var(--gamblerina-gap-sm);
  border: 1px solid var(--gamblerina-border);
  border-radius: var(--gamblerina-radius-md);
  background: var(--gamblerina-panel);
}
.gamblerina-win__img { width: 64px; height: 64px; flex: none; border-radius: var(--gamblerina-radius-sm); }
.gamblerina-win__name { font-size: .95rem; }
.gamblerina-win__player { font-size: .8rem; color: var(--gamblerina-text-muted); }
.gamblerina-win__sum { color: var(--gamblerina-money); font-weight: 700; }

/* ---------- GAMES ---------- */
.gamblerina-games { display: grid; grid-template-columns: var(--gamblerina-grid-games); gap: var(--gamblerina-gap-sm); }
.gamblerina-game { aspect-ratio: 1; }

/* ---------- BONUSES ---------- */
.gamblerina-bonuses { display: grid; grid-template-columns: var(--gamblerina-grid-bonus); gap: var(--gamblerina-gap-md); }
.gamblerina-bonus {
  position: relative;
  padding: var(--gamblerina-gap-lg);
  border-radius: var(--gamblerina-radius-lg);
  background: var(--gamblerina-panel);
  min-height: 220px;
  display: flex; flex-direction: column;
  align-items: flex-start; gap: var(--gamblerina-gap-sm);
  overflow: hidden;
}
.gamblerina-bonus__img { position: absolute; inset: 0; z-index: 0; opacity: .5; }
.gamblerina-bonus > *:not(.gamblerina-bonus__img) { position: relative; z-index: 1; }
.gamblerina-bonus__tag {
  font-size: .7rem; letter-spacing: .05em; text-transform: uppercase;
  padding: 4px 10px; border-radius: var(--gamblerina-radius-pill);
  background: var(--gamblerina-primary); color: #fff;
}
.gamblerina-bonus__title { font-size: 1.4rem; font-style: italic; }
.gamblerina-bonus__sub { color: var(--gamblerina-text-muted); }
.gamblerina-bonus .gamblerina-btn { margin-top: auto; }

/* ---------- SEO / ARTICLE TEXT ---------- */
.gamblerina-seo__title { margin: var(--gamblerina-gap-md) 0 var(--gamblerina-gap-sm); }
.gamblerina-seo__p { color: var(--gamblerina-text-muted); max-width: 75ch; margin-bottom: var(--gamblerina-gap-sm); }

.gamblerina-article { display: flex; flex-direction: column; gap: var(--gamblerina-gap-xl); }
.gamblerina-article__head { display: flex; flex-direction: column; gap: var(--gamblerina-gap-sm); }
.gamblerina-article__h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); line-height: 1.15; }
.gamblerina-article__slogan { font-family: var(--gamblerina-font-display); color: var(--gamblerina-accent); font-size: 1.15rem; }

.gamblerina-cta {
  display: flex; align-items: center; flex-wrap: wrap;
  gap: var(--gamblerina-gap-md);
  padding: var(--gamblerina-gap-md) var(--gamblerina-gap-lg);
  border-radius: var(--gamblerina-radius-md);
  background: var(--gamblerina-hero-grad);
  border: 1px solid var(--gamblerina-border);
}
.gamblerina-cta__offer { font-size: 1.2rem; font-weight: 600; flex: 1; }

/* tables */
.gamblerina-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--gamblerina-panel);
  border-radius: var(--gamblerina-radius-md);
  overflow: hidden;
  margin-bottom: var(--gamblerina-gap-md);
}
.gamblerina-table th, .gamblerina-table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid var(--gamblerina-border);
  font-size: .95rem;
}
.gamblerina-table th[scope="row"] { color: var(--gamblerina-text-muted); font-weight: 500; width: 40%; }
.gamblerina-table thead th { background: var(--gamblerina-panel-accent); color: var(--gamblerina-text); }
.gamblerina-table tr:last-child th, .gamblerina-table tr:last-child td { border-bottom: 0; }

/* steps */
.gamblerina-steps { margin: 0 0 var(--gamblerina-gap-md) 1.2em; color: var(--gamblerina-text-muted); display: flex; flex-direction: column; gap: var(--gamblerina-gap-xs); }
.gamblerina-steps li { padding-left: 4px; }

/* bullets */
.gamblerina-bullets { margin: 0 0 var(--gamblerina-gap-md); list-style: none; display: flex; flex-direction: column; gap: var(--gamblerina-gap-xs); }
.gamblerina-bullets li { padding-left: 1.4em; position: relative; color: var(--gamblerina-text-muted); }
.gamblerina-bullets li::before { content: "▸"; position: absolute; left: 0; color: var(--gamblerina-accent); }

/* faq accordion */
.gamblerina-faq { display: flex; flex-direction: column; gap: var(--gamblerina-gap-sm); }
.gamblerina-faq__item {
  border: 1px solid var(--gamblerina-border);
  border-radius: var(--gamblerina-radius-md);
  background: var(--gamblerina-panel);
  padding: 0 var(--gamblerina-gap-md);
}
.gamblerina-faq__item summary {
  list-style: none; cursor: pointer;
  padding: var(--gamblerina-gap-md) 0;
  display: flex; align-items: center; justify-content: space-between;
}
.gamblerina-faq__item summary::-webkit-details-marker { display: none; }
.gamblerina-faq__item summary::after { content: "+"; color: var(--gamblerina-accent); font-size: 1.4rem; }
.gamblerina-faq__item[open] summary::after { content: "–"; }
.gamblerina-faq__q { font-size: 1rem; margin: 0; }
.gamblerina-faq__item > .gamblerina-seo__p { padding-bottom: var(--gamblerina-gap-md); }

/* table horizontal scroll guard (mobile) */
@media (max-width: 600px) {
  .gamblerina-table { display: block; overflow-x: auto; white-space: nowrap; }
}

/* key takeaways */
.gamblerina-takeaways {
  border: 1px solid var(--gamblerina-accent);
  border-radius: var(--gamblerina-radius-md);
  background: var(--gamblerina-panel);
  padding: var(--gamblerina-gap-md) var(--gamblerina-gap-lg);
}
.gamblerina-takeaways__title { font-weight: 600; font-size: 1.1rem; margin-bottom: var(--gamblerina-gap-sm); }
.gamblerina-takeaways__list { list-style: none; display: flex; flex-direction: column; gap: var(--gamblerina-gap-xs); }
.gamblerina-takeaways__list li { padding-left: 1.5em; position: relative; color: var(--gamblerina-text-muted); }
.gamblerina-takeaways__list li::before { content: "✓"; position: absolute; left: 0; color: var(--gamblerina-accent); font-weight: 700; }

/* pros & cons */
.gamblerina-proscons { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gamblerina-gap-md); }
.gamblerina-proscons__col {
  border-radius: var(--gamblerina-radius-md);
  background: var(--gamblerina-panel);
  padding: var(--gamblerina-gap-md) var(--gamblerina-gap-lg);
  border-top: 3px solid var(--gamblerina-border);
}
.gamblerina-proscons__col--pro { border-top-color: var(--gamblerina-accent); }
.gamblerina-proscons__col--con { border-top-color: var(--gamblerina-logo); }
.gamblerina-proscons__head { font-weight: 600; font-size: 1.05rem; margin-bottom: var(--gamblerina-gap-sm); }
.gamblerina-proscons__col ul { list-style: none; display: flex; flex-direction: column; gap: var(--gamblerina-gap-xs); }
.gamblerina-proscons__col li { padding-left: 1.5em; position: relative; color: var(--gamblerina-text-muted); }
.gamblerina-proscons__col--pro li::before { content: "+"; position: absolute; left: 0; color: var(--gamblerina-accent); font-weight: 700; }
.gamblerina-proscons__col--con li::before { content: "−"; position: absolute; left: 0; color: var(--gamblerina-logo); font-weight: 700; }
@media (max-width: 600px) { .gamblerina-proscons { grid-template-columns: 1fr; } }

/* ---------- FOOTER ---------- */
.gamblerina-footer {
  background: var(--gamblerina-bg-deep);
  border-top: 1px solid var(--gamblerina-border);
  padding: var(--gamblerina-gap-xl) var(--gamblerina-gap-md) var(--gamblerina-gap-lg);
}
.gamblerina-footer__cols {
  max-width: var(--gamblerina-maxw); margin: 0 auto;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
  gap: var(--gamblerina-gap-lg);
}
.gamblerina-footer__h { margin-bottom: var(--gamblerina-gap-sm); }
.gamblerina-footer__link { display: block; color: var(--gamblerina-text-muted); padding: 4px 0; }
.gamblerina-footer__link:hover { color: var(--gamblerina-text); }
.gamblerina-footer__logos, .gamblerina-footer__rg { display: flex; flex-wrap: wrap; gap: var(--gamblerina-gap-sm); }
.gamblerina-footer__logo { width: 92px; height: 56px; }
.gamblerina-footer__logo img { object-fit: contain; box-sizing: border-box; padding: 6px; }
.gamblerina-footer__rg-badge {
  display: inline-grid; place-items: center;
  width: 40px; height: 40px; border-radius: 50%;
  border: 2px solid var(--gamblerina-accent); color: var(--gamblerina-accent);
  font-weight: 700;
}
.gamblerina-footer__legal {
  max-width: var(--gamblerina-maxw); margin: var(--gamblerina-gap-lg) auto 0;
  font-size: .8rem; color: var(--gamblerina-text-muted);
}

/* ---------- COOKIE ---------- */
.gamblerina-cookie {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 55;
  display: flex; align-items: center; justify-content: center;
  gap: var(--gamblerina-gap-md);
  padding: var(--gamblerina-gap-sm) var(--gamblerina-gap-md);
  background: var(--gamblerina-panel);
  border-top: 1px solid var(--gamblerina-border);
  flex-wrap: wrap;
}
.gamblerina-cookie__text { font-size: .85rem; color: var(--gamblerina-text-muted); }
.gamblerina-cookie__link { color: var(--gamblerina-accent); }
.gamblerina-cookie.is-hidden { display: none; }

/* ---------- FAB ---------- */
.gamblerina-fab {
  position: fixed; right: 20px; bottom: 80px; z-index: 56;
  display: grid; place-items: center;
  width: 56px; height: 56px;
  border-radius: 50%;
  background: var(--gamblerina-primary);
  color: #fff;
  box-shadow: 0 6px 20px rgba(0,0,0,.4);
}

/* ---------- MODALS ---------- */
.gamblerina-modal {
  position: fixed; inset: 0; z-index: 100;
  display: grid; place-items: center;
  padding: var(--gamblerina-gap-md);
}
.gamblerina-modal.is-hidden { display: none; }
.gamblerina-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,.7); }
.gamblerina-modal__box {
  position: relative; z-index: 1;
  width: 100%; max-width: 440px;
  max-height: 90vh; overflow-y: auto;
  padding: var(--gamblerina-gap-xl) var(--gamblerina-gap-lg) var(--gamblerina-gap-lg);
  border-radius: var(--gamblerina-radius-lg);
  background: var(--gamblerina-hero-grad);
  border: 1px solid var(--gamblerina-border);
  display: flex; flex-direction: column; gap: var(--gamblerina-gap-md);
}
.gamblerina-modal__close {
  position: absolute; top: 16px; right: 16px; z-index: 4;
  display: grid; place-items: center;
  width: 38px; height: 38px; border-radius: 50%;
  background: var(--gamblerina-primary); color: #fff;
  font-size: 1.3rem; line-height: 1;
}
.gamblerina-modal__title { text-align: center; font-size: 1.8rem; }
.gamblerina-modal__title--script { font-family: var(--gamblerina-font-display); font-weight: 400; }
.gamblerina-modal__eyebrow { text-align: center; color: var(--gamblerina-text-muted); }
.gamblerina-modal__switch { text-align: center; color: var(--gamblerina-text-muted); }
.gamblerina-modal__switch a { color: var(--gamblerina-text); font-weight: 600; }
.gamblerina-modal__forgot { text-align: center; color: var(--gamblerina-accent); font-weight: 600; }

.gamblerina-field {
  display: flex; align-items: center; gap: var(--gamblerina-gap-sm);
  padding: 14px 16px;
  border-radius: var(--gamblerina-radius-md);
  background: var(--gamblerina-bg-deep);
  border: 1px solid var(--gamblerina-border);
}
.gamblerina-field__ico { color: var(--gamblerina-text-muted); }
.gamblerina-field__input {
  flex: 1; background: transparent; border: 0; outline: 0;
  color: var(--gamblerina-text); font-size: 1rem;
}
.gamblerina-field__input::placeholder { color: var(--gamblerina-text-muted); }
.gamblerina-field__toggle { color: var(--gamblerina-text-muted); cursor: pointer; }

.gamblerina-divider {
  display: flex; align-items: center; gap: var(--gamblerina-gap-sm);
  color: var(--gamblerina-text-muted); font-size: .85rem;
}
.gamblerina-divider::before, .gamblerina-divider::after {
  content: ""; flex: 1; height: 1px; background: var(--gamblerina-border);
}

.gamblerina-check { display: flex; gap: var(--gamblerina-gap-sm); align-items: flex-start; font-size: .85rem; cursor: pointer; }
.gamblerina-check input { display: none; }
.gamblerina-check__box {
  flex: none; width: 22px; height: 22px;
  border: 2px solid var(--gamblerina-primary);
  border-radius: 6px;
}
.gamblerina-check input:checked + .gamblerina-check__box {
  background: var(--gamblerina-primary);
}
.gamblerina-check__text a { color: var(--gamblerina-accent); text-decoration: underline; }

/* lang grid */
.gamblerina-langgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--gamblerina-border); border-radius: var(--gamblerina-radius-md); overflow: hidden; }
.gamblerina-langgrid__item {
  display: flex; align-items: center; gap: var(--gamblerina-gap-sm);
  padding: 16px;
  background: var(--gamblerina-panel-accent);
  font-weight: 500;
}
.gamblerina-langgrid__item:hover { background: var(--gamblerina-panel); }
.gamblerina-langgrid__item.is-active { box-shadow: inset 0 0 0 2px var(--gamblerina-accent); border-radius: var(--gamblerina-radius-sm); }
.gamblerina-langgrid__check {
  display: inline-grid; place-items: center;
  width: 22px; height: 22px; border-radius: 50%;
  background: var(--gamblerina-accent); color: var(--gamblerina-bg-deep);
  font-size: .8rem;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1040px) {
  .gamblerina-hero__track { grid-template-columns: 1fr; }
  .gamblerina-hero__content { max-width: 70%; }
}

@media (max-width: 790px) {
  .gamblerina-burger { display: flex; }
  .gamblerina-header__auth .gamblerina-btn--ghost { display: none; }

  .gamblerina-layout { grid-template-columns: 1fr; }

  /* offcanvas sidebar */
  .gamblerina-sidebar {
    position: fixed; top: 0; right: 0; z-index: 50;
    width: 300px; max-width: 85vw; height: 100vh;
    background: var(--gamblerina-bg);
    transform: translateX(100%);
    visibility: hidden;
    transition: transform .3s ease, visibility .3s;
  }
  .gamblerina-sidebar.is-open { transform: translateX(0); visibility: visible; }
  .gamblerina-backdrop.is-open { display: block; }

  .gamblerina-hero__content { max-width: 100%; }
  .gamblerina-modal__box { padding: var(--gamblerina-gap-xl) var(--gamblerina-gap-md) var(--gamblerina-gap-md); }
}

@media (max-width: 480px) {
  .gamblerina-langgrid { grid-template-columns: 1fr; }
  .gamblerina-cookie { flex-direction: column; }
}

/* footer social */
.gamblerina-footer__social { max-width: var(--gamblerina-maxw); margin: var(--gamblerina-gap-md) auto 0; display: flex; gap: var(--gamblerina-gap-md); }
.gamblerina-footer__social a { color: var(--gamblerina-text-muted); font-weight: 500; }
.gamblerina-footer__social a:hover { color: var(--gamblerina-accent); }

/* contact form */
.gamblerina-form { display: flex; flex-direction: column; gap: var(--gamblerina-gap-md); max-width: 560px; }
.gamblerina-form__field { display: flex; flex-direction: column; gap: var(--gamblerina-gap-xs); }
.gamblerina-form__label { font-weight: 500; font-size: .9rem; }
.gamblerina-form__input {
  padding: 14px 16px;
  border-radius: var(--gamblerina-radius-md);
  background: var(--gamblerina-bg-deep);
  border: 1px solid var(--gamblerina-border);
  color: var(--gamblerina-text);
  font-family: inherit;
  font-size: 1rem;
}
.gamblerina-form__input::placeholder { color: var(--gamblerina-text-muted); }
.gamblerina-form__input:focus { outline: none; border-color: var(--gamblerina-accent); }
.gamblerina-form__textarea { resize: vertical; min-height: 120px; }

/* breadcrumb */
.gamblerina-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: .8rem; color: var(--gamblerina-text-muted); margin-bottom: 12px; }
.gamblerina-breadcrumb a { color: var(--gamblerina-accent); }
.gamblerina-breadcrumb a:hover { text-decoration: underline; }
.gamblerina-breadcrumb__sep { opacity: .5; }
.gamblerina-breadcrumb [aria-current="page"] { color: var(--gamblerina-text); }