/* Game District — inner page skin (loaded after b2-app.css and the page CSS) */
html { background: #040a07; scrollbar-color: #24382d #040a07; }
html body.wv {
  --a: #f0c24b;
  --a2: #d89a2a;
  --v: #1fd18f;
  --v2: #10b981;
  --ink: #120c02;
  --paper: #f3efe3;
  --mute: #8ea59a;
  --line: rgba(240, 194, 75, 0.14);
  --vline: rgba(240, 194, 75, 0.3);
  --glass: rgba(9, 20, 15, 0.82);
  --card-2: rgba(255, 255, 255, 0.035);
  --display: "Unbounded", "Manrope", system-ui, sans-serif;
  --lime-grad: linear-gradient(180deg, #ffe9a3 0%, #f5c54d 45%, #d89a2a 100%);
  --violet-grad: linear-gradient(150deg, #123d2c 0%, #0a2219 55%, #06140e 100%);
  --metal:
    radial-gradient(120% 90% at 100% 0%, rgba(240, 194, 75, 0.2), transparent 55%),
    radial-gradient(80% 80% at 0% 100%, rgba(16, 185, 129, 0.16), transparent 60%),
    repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.022) 0 2px, transparent 2px 7px),
    linear-gradient(150deg, #11271d 0%, #08140f 55%, #040a07 100%);
  background: transparent !important;
  font-family: var(--gd-body);
}
html body.wv ::selection { background: rgba(240, 194, 75, 0.35); color: #fff; }

/* old chrome and headings are replaced by the gd top bar + page hero */
html body.wv :is(.wv-bgword, .b2rail, .b2crumb, .wv-top) { display: none !important; }
html body.wv .wv-main section:has(> .wv-title):not(:has(> .pf-nudge)) { display: none !important; }
html body.wv section:has(> .pf-nudge) { padding: 0; border: 0; background: none; }
html body.wv section:has(> .pf-nudge)::before, html body.wv section:has(> .pf-nudge)::after { display: none; }
html body.wv section:has(> .pf-nudge) > :is(.wv-eyebrow, .wv-title) { display: none; }

/* page frame */
html body.wv .wv-main { max-width: 1320px; padding-top: clamp(14px, 2.4vw, 26px); }
html body.wv .wv-main > .gd-phero { margin-bottom: clamp(18px, 3vw, 30px); }
html body.wv .gd-phero__title { font-weight: 900 !important; letter-spacing: -0.035em !important; }
html body.wv :is(.tf-main, .rs-main) { max-width: 1320px; }
html body.wv .tf-main > :not(.gd-phero) { max-width: 560px; margin-inline: auto; }
@media (min-width: 1000px) {
  html body.wv .wv-grid { gap: 30px; }
}

/* headings + labels */
html body.wv .wv-eyebrow { color: #c9b98a; }
html body.wv .wv-eyebrow::before { background: var(--a); box-shadow: 0 0 12px rgba(240, 194, 75, 0.8); }
html body.wv .wv-kicker { color: var(--a); letter-spacing: 0.16em; }
html body.wv .wv-panel__head h2 span,
html body.wv .au-card__head :is(h1, h2) span,
html body.wv .pf-sheet__head h2 span {
  background: linear-gradient(180deg, #fff6d6 0%, #ffd978 35%, #e9ae3a 70%, #b9801f 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* panels: dark glass with a gold hairline */
html body.wv .wv-panel,
html body.wv :is(.sp-desk, .tx-sum, .wd-status, .wv-quick, .nw-stat:not(.nw-stat--total)) {
  border: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(240, 194, 75, 0.055), transparent 150px),
    var(--glass);
  box-shadow: inset 0 1px 0 rgba(255, 246, 214, 0.05), 0 30px 60px -42px rgba(0, 0, 0, 0.95);
}
html body.wv .wv-panel { border-radius: 26px; }
html body.wv .wv-panel::before { left: 26px; right: 26px; background: linear-gradient(90deg, transparent, rgba(240, 194, 75, 0.8), transparent); }
html body.wv .wv-panel__head { border-bottom: 1px solid rgba(240, 194, 75, 0.1); }
html body.wv .wv-panel__head h2 { font-weight: 700 !important; letter-spacing: -0.015em !important; }
html body.wv .wv-pill { border-color: var(--line); color: #c9b98a; }

/* black-metal cards with a gold foil frame */
html body.wv :is(.wv-card, .pf-lic, .rf-pass__main, .vp-pass) {
  border: 1px solid rgba(240, 194, 75, 0.38);
  background: var(--metal);
  outline: 1px solid rgba(240, 194, 75, 0.16);
  outline-offset: -9px;
  box-shadow:
    inset 0 1px 0 rgba(255, 246, 214, 0.14),
    0 40px 80px -40px rgba(0, 0, 0, 0.95),
    0 0 60px -30px rgba(240, 194, 75, 0.35);
}
html body.wv .rf-pass__main { outline: 0; }
html body.wv .rf-pass__stub { border-color: rgba(240, 194, 75, 0.38); background: #0a1711; }
html body.wv .wv-card__amt { color: #fff6d6; text-shadow: 0 0 30px rgba(240, 194, 75, 0.35); }
html body.wv .wv-card__foot { border-top-color: rgba(240, 194, 75, 0.22); }
html body.wv .wv-card__vip { border-color: rgba(240, 194, 75, 0.6); background: rgba(240, 194, 75, 0.1); color: var(--a); }
html body.wv .vp-pass__num { color: var(--a); text-shadow: 0 0 40px rgba(240, 194, 75, 0.45); }
html body.wv :is(.pf-lic__ctry, .pf-lic__edit) { border-color: rgba(240, 194, 75, 0.4); background: rgba(240, 194, 75, 0.08); color: #ffe9a3; }
html body.wv :is(.wv-card, .rf-pass__main, .vp-pass) .d3-logo__mark path:last-child { fill: #f0c24b; }

/* wallet tiles */
html body.wv .wv-act { border-radius: 22px; }
html body.wv .wv-act--add { color: var(--ink); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 20px 40px -20px rgba(240, 194, 75, 0.85); }
html body.wv .wv-act--out { border: 1px solid rgba(240, 194, 75, 0.3); box-shadow: 0 20px 40px -24px rgba(0, 0, 0, 0.9); }
html body.wv .wv-act--out .wv-act__ico { background: var(--lime-grad); color: var(--ink); }
html body.wv .wv-quick a span { border: 1px solid rgba(240, 194, 75, 0.2); background: rgba(240, 194, 75, 0.08); color: var(--a); }
html body.wv .wv-quick a:hover span { background: var(--lime-grad); color: var(--ink); }
html body.wv .wv-refer { border: 1px solid rgba(240, 194, 75, 0.3); }
html body.wv :is(.wv-refer, .tf-bal) { box-shadow: inset 0 1px 0 rgba(255, 246, 214, 0.1); }
html body.wv .tf-bal { border: 1px solid rgba(240, 194, 75, 0.3); }
html body.wv .tf-bal b { color: #fff6d6; }

/* gold buttons */
html body.wv :is(.au-submit, .dp-pay, .sp-go, .pf-save, .wv-btn, .vp-btn--main, .tx-sheet__cta, .wd-status__cta, .sp-ck__cta, .vp-pass__cta, .sc-go, .wd-slide__knob) {
  border-color: transparent !important;
  background: var(--lime-grad) !important;
  color: var(--ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -2px 0 rgba(120, 70, 0, 0.25), 0 14px 30px -14px rgba(240, 194, 75, 0.8) !important;
}
html body.wv :is(.au-submit, .dp-pay, .sp-go, .pf-save, .wv-btn, .vp-btn--main, .tx-sheet__cta, .wd-status__cta, .sp-ck__cta, .vp-pass__cta, .sc-go):hover { filter: brightness(1.06); }
html body.wv :is(.au-submit, .dp-pay, .sp-go, .pf-save, .wv-btn, .sc-go):disabled { filter: saturate(0.4); opacity: 0.6; }
html body.wv :is(.au-submit, .dp-pay, .pf-save, .tf-go, .nw-cta) { font-family: var(--display); letter-spacing: -0.01em; }

/* tabs + segmented controls */
html body.wv :is(.wv-tabs, .au-seg) { border: 1px solid var(--line); border-radius: 16px; background: rgba(0, 0, 0, 0.3); }
html body.wv :is(.wv-tabs, .au-seg) button { border-radius: 12px; }
html body.wv :is(.wv-tabs, .au-seg) button.is-on { background: var(--lime-grad); color: var(--ink); box-shadow: 0 8px 20px -10px rgba(240, 194, 75, 0.8); }

/* fields */
html body.wv :is(.au-box, .tf-box) { border-color: var(--line); border-radius: 16px; background: rgba(0, 0, 0, 0.32); }
html body.wv :is(.au-box, .tf-box, .wd-figure, .tx-search, .sp-search):focus-within { border-color: var(--a); box-shadow: 0 0 0 4px rgba(240, 194, 75, 0.12); }

/* payment method tiles + sticky pay bars */
html body.wv .dp-m.is-on { border-color: var(--a); box-shadow: 0 0 0 1px var(--a), 0 16px 30px -18px rgba(240, 194, 75, 0.7); }
html body.wv .dp-figure input { text-shadow: none; }
html body.wv .dp-bar__in { border-color: rgba(240, 194, 75, 0.35); background: rgba(6, 14, 10, 0.94); }
html body.wv :is(.dp-bar, .wd-bar) { left: 0; bottom: calc(max(12px, env(safe-area-inset-bottom)) + 78px); }

/* cash-out slip on ivory paper */
html body.wv .wd-receipt { background: linear-gradient(180deg, #fff9e8, #f2e4bd); color: #1c1506; --notch: radial-gradient(circle at 10px 0, #f2e4bd 9px, transparent 9.5px); }
html body.wv .wd-receipt .wv-kicker { color: #9a6a12; }
html body.wv .wd-receipt dl div { border-bottom-color: rgba(90, 62, 10, 0.16); }
html body.wv :is(.wd-receipt dt, .wd-receipt__total span) { color: #7a6a48; }

/* profile: games slot until the new games launch */
html body.wv .pf-soon {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 150px;
  padding: 20px;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(240, 194, 75, 0.25);
  border-radius: 20px;
  color: #fff6d6;
  text-decoration: none;
}
html body.wv .pf-soon img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; opacity: 0.75; transition: transform 0.8s var(--gd-ease); }
html body.wv .pf-soon::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(4, 10, 7, 0.92) 20%, rgba(4, 10, 7, 0.3)); }
html body.wv .pf-soon:hover img { transform: scale(1.05); }
html body.wv .pf-soon__txt { flex: 1; min-width: 0; }
html body.wv .pf-soon__txt b { display: block; font-family: var(--display); font-size: clamp(16px, 4.2vw, 20px); font-weight: 700; line-height: 1.2; }
html body.wv .pf-soon__txt small { display: block; margin-top: 6px; font-size: 13px; color: #a9b9b0; }

/* network stats */
html body.wv .nw-stat--total { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 18px 36px -20px rgba(240, 194, 75, 0.8); }
html body.wv .nw-av { border: 1px solid rgba(240, 194, 75, 0.35); color: var(--a); }
html body.wv .nw-chip { border-color: var(--vline); color: var(--a); }

/* bottom dock: floating pill on phones, hidden on desktop (top bar has the nav) */
html body .d3dock {
  left: 50%;
  right: auto;
  bottom: max(12px, env(safe-area-inset-bottom));
  width: min(420px, calc(100% - 24px));
  padding: 6px;
  transform: translateX(-50%);
  border: 1px solid rgba(240, 194, 75, 0.22);
  border-radius: 24px;
  background: rgba(5, 12, 9, 0.88);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  box-shadow: 0 24px 50px -12px rgba(0, 0, 0, 0.85), inset 0 1px 0 rgba(255, 246, 214, 0.06);
}
html body .d3dock a { border-radius: 18px; }
html body .d3dock a.is-on::after { top: auto; bottom: 2px; left: 50%; right: auto; width: 4px; height: 4px; border-radius: 50%; transform: translateX(-50%); }
html body .d3dock a.d3dock__play { border-radius: 18px; background: linear-gradient(180deg, #ffe9a3 0%, #f5c54d 45%, #d89a2a 100%); }
html body .d3dock-space { height: calc(96px + env(safe-area-inset-bottom)); }
@media (min-width: 1100px) {
  html body .d3dock { display: none !important; }
  html body .d3dock-space { height: 40px; }
  html body.wv :is(.dp-bar, .wd-bar) { left: var(--side-w, 0px); bottom: 16px; }
  html body.wv:has(:is(.dp-bar, .wd-bar)) .d3dock-space { height: 110px; }
}

/* ================= Auth: cinematic split screen ================= */
html body.wv .au-main--b2 { max-width: 1240px; }
html body.wv .au-card { border-color: rgba(240, 194, 75, 0.24); }
html body.wv .gd-auth-art {
  position: relative;
  display: grid;
  align-content: end;
  overflow: hidden;
  isolation: isolate;
  min-height: 210px;
  padding: 22px;
  border: 1px solid rgba(240, 194, 75, 0.3);
  border-radius: 26px;
  background: #06100b;
  grid-area: aside;
}
html body.wv .gd-auth-art__img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 72% 45%; animation: gdAuthIn 1.6s var(--gd-ease) both; }
html body.wv .gd-auth-art__shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(4, 10, 7, 0.05) 20%, rgba(4, 10, 7, 0.88) 100%),
    linear-gradient(90deg, rgba(4, 10, 7, 0.55), transparent 65%);
}
html body.wv .gd-auth-art__frame { position: absolute; inset: 10px; border: 1px solid rgba(240, 194, 75, 0.22); border-radius: 18px; pointer-events: none; }
html body.wv .gd-auth-art .b2-aside__tag { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: 10px; font-weight: 800; letter-spacing: 0.2em; text-transform: uppercase; color: #ffe9a3; }
html body.wv .gd-auth-art .b2-aside__tag i { width: 7px; height: 7px; border-radius: 50%; background: var(--a); box-shadow: 0 0 10px var(--a); }
html body.wv .gd-auth-art h2 { max-width: 15ch; margin: 8px 0 0; font-size: clamp(22px, 6.4vw, 30px); line-height: 1.08; color: #fff6d6; text-shadow: 0 4px 30px rgba(0, 0, 0, 0.7); }
html body.wv .gd-auth-art ul { display: none; }
@keyframes gdAuthIn { from { opacity: 0; transform: scale(1.08); } }
@media (max-width: 999px) {
  html body.wv .au-main--b2 { grid-template-areas: "aside" "card"; }
}
@media (min-width: 1000px) {
  html body.wv .au-main--b2 { min-height: calc(100vh - 74px); padding-top: 28px; padding-bottom: 40px; column-gap: 48px; }
  html body.wv .gd-auth-art { align-self: stretch; min-height: 600px; padding: 44px; border-radius: 32px; gap: 0; }
  html body.wv .gd-auth-art__frame { inset: 14px; border-radius: 22px; }
  html body.wv .gd-auth-art .b2-aside__tag { font-size: 11px; }
  html body.wv .gd-auth-art h2 { margin-top: 14px; font-size: clamp(34px, 3.4vw, 50px); }
  html body.wv .gd-auth-art ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 26px 0 0; padding: 0; list-style: none; }
  html body.wv .gd-auth-art li { padding: 14px 16px; border: 1px solid rgba(240, 194, 75, 0.22); border-radius: 16px; background: rgba(4, 10, 7, 0.62); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
  html body.wv .gd-auth-art li b { display: block; font-size: 14px; color: #fff6d6; }
  html body.wv .gd-auth-art li span { display: block; margin-top: 4px; font-size: 12px; color: #a9b9b0; }
  html body.wv .au-card { align-self: center; }
}

/* ================= Plain pages (terms, privacy, my bets) ================= */
body.gd-plain { font-family: var(--gd-body); }
.gd-wrap { width: 100%; max-width: 1320px; margin: 0 auto; padding: clamp(14px, 2.4vw, 26px) clamp(16px, 4vw, 40px) 0; box-sizing: border-box; }
body.gd-plain main > section[class*="rounded"]:not(.bets-hero) { border-color: rgba(240, 194, 75, 0.14) !important; background: rgba(9, 20, 15, 0.82) !important; }
body.gd-plain main h2 { color: #fff6d6; }
body.gd-plain .gd-phero__title { text-transform: none; font-weight: 900; letter-spacing: -0.035em; }

@media (prefers-reduced-motion: reduce) {
  html body.wv .gd-auth-art__img { animation: none; }
}