/* Goldenwin — black & gold skin. Same markup, same logic as every template;
   only the look changes. Scoped to html[data-template="goldenwin"]. */
html[data-template="goldenwin"]{
  --ink:#08080a; --surface:#0e0d10; --surface-raised:#14120e; --border:rgba(212,175,55,.18);
  --text:#f4efe4; --muted:#a49c8c; --muted-2:#7e7768; --win:#d4af37; --stake:#c8563f; --accent:#d4af37;
  --gold:#d4af37; --gold-hi:#f0d67a; --gold-grad:linear-gradient(160deg,#f5e3a6,#d4af37 55%,#a17c1d); --on-gold:#14100a;
  --font-display:'Marcellus',Georgia,serif; --font-body:'Barlow',Helvetica,sans-serif; --font-mono:'IBM Plex Mono',ui-monospace,monospace;
}
html[data-template="goldenwin"] body{ background:radial-gradient(900px 520px at 80% -8%, rgba(212,175,55,.16), transparent 60%), var(--ink); }
html[data-template="goldenwin"] ::selection{ background:#d4af37; color:#0a0a0b; }
html[data-template="goldenwin"] h1, html[data-template="goldenwin"] h2, html[data-template="goldenwin"] h3{ font-weight:400; letter-spacing:.01em; }

/* promo strip */
html[data-template="goldenwin"] .promo-strip{ display:flex; align-items:center; justify-content:center; gap:10px; padding:7px 16px; background:linear-gradient(90deg,#1a1408,#2b2110,#1a1408); border-bottom:1px solid rgba(212,175,55,.22); font-family:var(--font-mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#cbb07a; text-align:center; }
html[data-template="goldenwin"] .promo-strip[hidden]{ display:none; }
html[data-template="goldenwin"] .promo-strip .ps-k{ color:#f0d67a; } html[data-template="goldenwin"] .promo-strip .ps-sep{ opacity:.5; }

/* header */
html[data-template="goldenwin"] header.site{ background:rgba(10,10,12,.88); border-bottom:1px solid rgba(212,175,55,.18); }
html[data-template="goldenwin"] .brand{ font-family:var(--font-display); font-weight:400; font-size:25px; gap:8px; }
html[data-template="goldenwin"] .brand .brand-name{ background:linear-gradient(100deg,#8a6b1f,#f7e7a6 45%,#c69b34 70%,#f0d67a); -webkit-background-clip:text; background-clip:text; color:transparent; }
html[data-template="goldenwin"] .brand .ring{ width:5px; height:5px; border:0; background:#d4af37; box-shadow:0 0 10px #d4af37; transform:none; order:2; }
html[data-template="goldenwin"] nav.primary{ gap:4px; }
html[data-template="goldenwin"] nav.primary button{ padding:8px 13px; border-radius:4px; font-size:13.5px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#a49c8c; }
html[data-template="goldenwin"] nav.primary button.active{ color:#f0d67a; background:rgba(212,175,55,.08); }
html[data-template="goldenwin"] nav.primary button:hover:not(.active){ color:#f0d67a; }
html[data-template="goldenwin"] .btn{ border-radius:4px; font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; border-color:rgba(212,175,55,.45); color:#e8d69b; }
html[data-template="goldenwin"] .btn:hover{ background:rgba(212,175,55,.12); border-color:rgba(212,175,55,.6); }
html[data-template="goldenwin"] .btn.primary{ background:var(--gold-grad); border-color:transparent; color:var(--on-gold); box-shadow:0 6px 20px rgba(212,175,55,.28); }
html[data-template="goldenwin"] .btn.primary:hover{ filter:brightness(1.08); background:var(--gold-grad); }
html[data-template="goldenwin"] .wallet-chip{ border-radius:4px; border-color:rgba(212,175,55,.3); background:#0e0e10; }
html[data-template="goldenwin"] .wallet-chip .wc-balance{ color:#f0d67a; font-family:var(--font-mono); }
html[data-template="goldenwin"] #lang-trigger{ border-radius:4px; border-color:rgba(212,175,55,.2); background:#0e0e10; }
html[data-template="goldenwin"] .lang-panel{ border-radius:6px; border-color:rgba(212,175,55,.25); }
html[data-template="goldenwin"] .social-link{ border-radius:4px; border-color:rgba(212,175,55,.2); }
html[data-template="goldenwin"] .social-link:hover{ color:#f0d67a; border-color:rgba(212,175,55,.5); }

/* banners */
html[data-template="goldenwin"] .banner-carousel{ border-radius:8px; border:1px solid rgba(212,175,55,.26); background:#0d0c0e; }
html[data-template="goldenwin"] .banner-slide{ background:linear-gradient(115deg,#2c2110,#120e08 60%,#1d1609); color:#fbf7ec; }
html[data-template="goldenwin"] .banner-slide::after{ content:''; position:absolute; inset:0; background:repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 2px, transparent 2px 9px); pointer-events:none; }
html[data-template="goldenwin"] .banner-slide.custom::after{ display:none; }
html[data-template="goldenwin"] .banner-slide.custom:has(.caption)::before{ content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(8,8,10,.94) 0%, rgba(8,8,10,.7) 45%, rgba(8,8,10,.15) 100%); z-index:1; }
html[data-template="goldenwin"] .banner-slide .art{ color:rgba(212,175,55,.5); }
html[data-template="goldenwin"] .banner-slide .caption{ z-index:2; top:0; justify-content:center; max-width:56%; gap:12px; padding:clamp(18px,5vw,64px); }
html[data-template="goldenwin"] .banner-slide .eyebrow{ align-self:flex-start; padding:5px 11px; border:1px solid rgba(212,175,55,.5); border-radius:3px; font-family:var(--font-mono); font-size:11px; letter-spacing:.18em; color:#f0d67a; }
html[data-template="goldenwin"] .banner-slide .btitle{ font-family:var(--font-display); font-weight:400; font-size:clamp(24px,4.4vw,54px); line-height:1.04; color:#fbf7ec; letter-spacing:0; }
html[data-template="goldenwin"] .banner-slide .bbody{ color:#b6ae9e; font-size:15.5px; max-width:460px; }
html[data-template="goldenwin"] .banner-slide .bcta{ margin-top:4px; padding:12px 22px; }
html[data-template="goldenwin"] .banner-arrow{ background:rgba(8,8,10,.6); border-color:rgba(212,175,55,.3); color:#e8d69b; width:38px; height:38px; }
html[data-template="goldenwin"] .banner-arrow:hover{ background:rgba(212,175,55,.18); }
html[data-template="goldenwin"] .banner-arrow.prev{ inset-inline-start:auto; inset-inline-end:64px; }
html[data-template="goldenwin"] .banner-arrow.next{ inset-inline-end:18px; }
html[data-template="goldenwin"] .banner-dots{ inset-inline-start:clamp(20px,5vw,64px); translate:0 0; bottom:18px; gap:7px; }
html[data-template="goldenwin"] .banner-dots button{ width:12px; height:4px; border-radius:2px; background:rgba(244,239,228,.28); }
html[data-template="goldenwin"] .banner-dots button.active{ width:28px; background:#d4af37; }
@media (max-width:640px){ html[data-template="goldenwin"] .banner-slide .caption{ max-width:100%; justify-content:flex-end; } html[data-template="goldenwin"] .banner-arrow.prev{ display:none; } }

/* quick nav → gold category pills */
html[data-template="goldenwin"] .quick-nav{ gap:8px; margin-bottom:26px; }
html[data-template="goldenwin"] .quick-nav-item{ flex-direction:row; gap:8px; width:auto; padding:9px 15px; border-radius:4px; border:1px solid rgba(244,239,228,.14); background:transparent; color:#a49c8c; font-size:12.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
html[data-template="goldenwin"] .quick-nav-item:hover{ transform:none; color:#f0d67a; border-color:rgba(212,175,55,.5); }
html[data-template="goldenwin"] .qn-icon{ width:26px; height:26px; border-radius:4px; background:rgba(212,175,55,.12); color:var(--gold); } html[data-template="goldenwin"] .qn-icon svg{ width:16px; height:16px; }
html[data-template="goldenwin"] .quick-nav-item:hover .qn-icon{ background:var(--gold-grad); color:var(--on-gold); }
html[data-template="goldenwin"] .live-dot{ top:-3px; inset-inline-end:-3px; box-shadow:0 0 0 2px var(--ink); }
html[data-template="goldenwin"] .chip svg{ color:var(--gold); } html[data-template="goldenwin"] .chip.active svg{ color:inherit; }
html[data-template="goldenwin"] .live-dot{ box-shadow:0 0 0 2px var(--ink); }

/* section heads, filters */
html[data-template="goldenwin"] .section-head{ padding-bottom:12px; border-bottom:1px solid rgba(212,175,55,.14); margin-bottom:16px; }
html[data-template="goldenwin"] .section-head h2{ font-family:var(--font-display); font-size:25px; font-weight:400; color:#fbf7ec; }
html[data-template="goldenwin"] .section-head .see-all{ font-family:var(--font-mono); font-size:11.5px; letter-spacing:.1em; color:#8d8574; font-weight:400; }
html[data-template="goldenwin"] .chip, html[data-template="goldenwin"] .prov-chip{ border-radius:4px; border-color:rgba(244,239,228,.14); background:transparent; color:#a49c8c; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; }
html[data-template="goldenwin"] .chip.active{ background:var(--gold-grad); border-color:transparent; color:var(--on-gold); }
html[data-template="goldenwin"] .prov-chip.active, html[data-template="goldenwin"] .prov-chip:hover, html[data-template="goldenwin"] .chip:hover{ color:#f0d67a; border-color:rgba(212,175,55,.5); }
html[data-template="goldenwin"] .search-box{ border-radius:4px; border-color:rgba(212,175,55,.2); background:#0e0e10; }

/* game cards */
html[data-template="goldenwin"] .game-card{ border-radius:6px; border-color:rgba(212,175,55,.14); background:#0e0d10; }
html[data-template="goldenwin"] .game-card:hover{ border-color:rgba(212,175,55,.6); box-shadow:0 14px 34px rgba(0,0,0,.6); }
html[data-template="goldenwin"] .tag{ border-radius:3px; font-family:var(--font-mono); letter-spacing:.1em; font-size:9px; }
html[data-template="goldenwin"] .tag-hot{ background:#7a1f14; color:#f5d98a; border:1px solid rgba(212,175,55,.4); }
html[data-template="goldenwin"] .tag-new{ background:var(--gold-grad); color:var(--on-gold); }
html[data-template="goldenwin"] .tag-popular{ background:rgba(8,8,10,.82); color:#e8d69b; border:1px solid rgba(212,175,55,.35); }
html[data-template="goldenwin"] .tag-jackpot{ background:var(--gold-grad); color:var(--on-gold); }
html[data-template="goldenwin"] .game-card .play{ background:var(--gold-grad); color:var(--on-gold); border-radius:4px; letter-spacing:.1em; text-transform:uppercase; font-size:11px; }
html[data-template="goldenwin"] .game-info .name{ font-size:14px; font-weight:600; color:#f4efe4; }
html[data-template="goldenwin"] .game-info .prov{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:#7e7768; }
html[data-template="goldenwin"] .empty-state{ font-family:var(--font-mono); letter-spacing:.08em; }

/* game view, frames */
html[data-template="goldenwin"] .game-frame-wrap{ border-radius:8px; border-color:rgba(212,175,55,.26); }
html[data-template="goldenwin"] .back-to-lobby, html[data-template="goldenwin"] .fullscreen-toggle{ border-color:rgba(212,175,55,.3); color:#e8d69b; }
html[data-template="goldenwin"] .spinner{ border-top-color:#d4af37; }

/* footer (same content as every template: payment logos, legal links, socials) */
html[data-template="goldenwin"] footer{ border-top:1px solid rgba(212,175,55,.16); background:#0b0a0c; }
html[data-template="goldenwin"] .pay-tag{ border-radius:3px; border-color:rgba(212,175,55,.25); color:#8d8574; font-family:var(--font-mono); letter-spacing:.06em; }
html[data-template="goldenwin"] .pay-logo{ filter:none; opacity:.85; }
html[data-template="goldenwin"] .footer-legal a{ color:#8d8574; font-size:13px; } html[data-template="goldenwin"] .footer-legal a:hover{ color:#f0d67a; }
html[data-template="goldenwin"] .footer-brand{ border-top-color:rgba(212,175,55,.16); }
html[data-template="goldenwin"] .fb-name{ font-family:var(--font-display); font-weight:400; font-size:22px; background:linear-gradient(100deg,#8a6b1f,#f7e7a6 45%,#c69b34 70%,#f0d67a); -webkit-background-clip:text; background-clip:text; color:transparent; }
html[data-template="goldenwin"] .fb-copy{ color:#6f6a60; font-family:var(--font-mono); font-size:11px; letter-spacing:.04em; }

/* auth modal */
html[data-template="goldenwin"] .auth-overlay{ background:rgba(5,5,6,.82); backdrop-filter:blur(6px); }
html[data-template="goldenwin"] .auth-modal{ width:420px; border-radius:8px; border-color:rgba(212,175,55,.35); background:linear-gradient(170deg,#15130f,#0b0a0c 60%); box-shadow:0 30px 80px rgba(0,0,0,.7); padding:30px 28px 28px; }
html[data-template="goldenwin"] .auth-tabs{ gap:4px; padding:4px; border:1px solid rgba(212,175,55,.18); border-radius:5px; background:#0c0b0d; }
html[data-template="goldenwin"] .auth-tab{ border:0; border-radius:3px; font-size:12.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#a49c8c; }
html[data-template="goldenwin"] .auth-tab.active{ background:var(--gold-grad); color:var(--on-gold); }
html[data-template="goldenwin"] .auth-form label{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.14em; color:#8d8574; }
html[data-template="goldenwin"] .auth-form input{ border-radius:4px; border-color:rgba(212,175,55,.22); background:#0c0b0d; }
html[data-template="goldenwin"] .auth-form input:focus{ border-color:rgba(212,175,55,.65); }
html[data-template="goldenwin"] .auth-prompt{ background:rgba(212,175,55,.1); border-color:rgba(212,175,55,.35); border-radius:4px; }
html[data-template="goldenwin"] .auth-close:hover{ color:#f0d67a; }

/* account / deposit / withdraw pages */
html[data-template="goldenwin"] .account-head .eyebrow{ color:#f0d67a; font-family:var(--font-mono); }
html[data-template="goldenwin"] .account-name{ font-family:var(--font-display); font-weight:400; }
html[data-template="goldenwin"] .account-balance, html[data-template="goldenwin"] .account-card, html[data-template="goldenwin"] .pm-item, html[data-template="goldenwin"] .history, html[data-template="goldenwin"] .req-form{ border-radius:6px; border-color:rgba(212,175,55,.18); }
html[data-template="goldenwin"] .account-balance .value{ color:#f0d67a; }
html[data-template="goldenwin"] .bonus-fill{ background:var(--gold-grad); }
html[data-template="goldenwin"] .req-grid input, html[data-template="goldenwin"] .req-grid select{ border-radius:4px; border-color:rgba(212,175,55,.22); }
html[data-template="goldenwin"] .req-status.pending{ color:#f0d67a; border-color:rgba(212,175,55,.4); }
html[data-template="goldenwin"] .back-link{ color:#f0d67a; }
html[data-template="goldenwin"] .toast{ border-radius:4px; border-color:rgba(212,175,55,.3); }

/* phones */
@media (max-width:760px){
  html[data-template="goldenwin"] .brand{ font-size:20px; }
  html[data-template="goldenwin"] .brand-name{ max-width:58vw; }
  html[data-template="goldenwin"] .banner-slide .caption{ padding-bottom:44px; }
  html[data-template="goldenwin"] .promo-strip{ font-size:11px; letter-spacing:.06em; padding:6px 12px; }
  html[data-template="goldenwin"] nav.primary button{ font-size:12.5px; padding:8px 11px; }
}

/* legal popup */
html[data-template="goldenwin"] .legal-modal{ width:780px; padding:30px 6px 10px 30px; }
html[data-template="goldenwin"] .legal-title{ font-family:var(--font-display); font-weight:400; font-size:26px; background:linear-gradient(100deg,#8a6b1f,#f7e7a6 45%,#c69b34 70%,#f0d67a); -webkit-background-clip:text; background-clip:text; color:transparent; }
html[data-template="goldenwin"] .legal-body{ color:#a49c8c; } html[data-template="goldenwin"] .legal-body h1, html[data-template="goldenwin"] .legal-body h2, html[data-template="goldenwin"] .legal-body h3{ font-family:var(--font-display); font-weight:400; color:#f0d67a; }
html[data-template="goldenwin"] .legal-body a{ color:var(--gold-hi); }