/* ══════════════════════════════════════════════════════════════════════════
   /bitcoin-gambling-script-source-code — page-isolated stylesheet
   AISHTMLNEWDESIGN-472

   VISUAL DIRECTION — "WIDE MARGIN".

   Read what this record is actually selling. It is not a currency page and it
   is not a payments page: it is a HANDOVER OF MATERIALS. "complete access to
   editable source code", "developers can verify algorithms", "open bitcoin
   gambling source code", "customizable game modules", "you will get the
   product in a downloadable format", "install the Bitcoin Gambling Script on
   the server". The reader is an operator acquiring a codebase, and the promise
   is that the thing arrives OPEN — yours to read, mark up and change.

   So the page is set like a wide-margin annotated edition. That is an object
   which exists for exactly one reason: to leave the reader room to write in
   it. A generous outer margin runs down every band; the section marks and the
   sidenote titles live in it, flush against the text column; one claret "pen"
   colour is reserved for everything the reader is invited to act on, and for
   nothing else. The margin note in the Bitcoin Gambling Script band is the
   conceit stated plainly — a passage set off, indented into the column.

   Deliberately clear of the four crypto/bitcoin siblings already in this repo,
   every one of which is a variation on "blockchain = a chain of records":
     · OBSIDIAN LEDGER  (/bitcoin-casino-games-software-for-sale) — obsidian +
       bitcoin amber, ruled ledger rows, a vertical chain rail
     · UNSPENT TABLE    (/bitcoin-poker-script)  — ink-navy settlement bands,
       output indexes, denomination ticks, copper
     · PORCELAIN & COBALT (/bitcoin-roulette-script) — porcelain ground, cobalt
       action colour, a betting-table cell grid
     · ASSAY OFFICE     (/crypto-casino-script) — oyster paper register,
       hallmark green + struck copper, stamped index numerals
   No ledger, no UTXO, no assay stamp, no hallmark, no chain-of-blocks, no
   porcelain-and-cobalt, and no coin motif drawn in CSS. The only coin on the
   page is the record's own artwork, which sits on a plate and is not echoed.
   Nor does the palette or the section mark repeat anything used in the last
   few pages: no corner brackets, no offset double-struck plate, no index
   numerals, no stat bars, no glass, no aurora, no neon-on-black, no rule that
   breaks into dots, no cut-corner tab, no tally strokes, no T-mark, no
   interrupted rule, no inlaid diamonds, no column ticks, no ring mark, no
   double chevron.

   THE SECTION MARK is two small squares stacked in the margin: the upper one
   solid (the source as shipped), the lower one open (the same thing after you
   have changed it). It says the page's whole argument in 11px.

   Bitcoin is a real thing but not a brand to borrow: there is no exchange or
   wallet logo anywhere on this page, no claim of affiliation or endorsement,
   and no regulatory or financial-advice claim the record does not make.

   EVERY selector is scoped to #page-bitcoin-gambling-script-source-code or a
   bgss- prefixed class inside it. This sheet must never style body, a bare
   element, #ais-header or #ais-footer. The document reset (html,body{margin:0})
   is owned by the shared layout sheet — not restated, not re-scoped.

   Design contract (frontend-design skill):
     · rule  1 — Inter is the primary family
     · rule  2 — nothing below 16px, anywhere, including labels and captions
     · rule 23 — no slate-gray body copy on light surfaces
     · rule 24 — image-free full-bleed hero, STATIC gradient, centred column
     · rule 25 — one CTA per section, every label unique page-wide
     · rule 26 — no running animation: zero @keyframes, zero 'infinite';
                 transitions only, each a finite response to hover/focus/click
     · rule 30 — no hand-built enquiry controls; the modal is the only surface
   ══════════════════════════════════════════════════════════════════════════ */

#page-bitcoin-gambling-script-source-code{
  /* ── palette ─────────────────────────────────────────────────────────── */
  --ink:#141a2b;          /* deep bands                                   */
  --ink-2:#1b2337;        /* raised surface on ink                        */
  --ink-3:#2e3850;        /* hairline on ink                              */
  --chalk:#f3f4f1;        /* cool reading surface — NOT a warm oyster     */
  --chalk-2:#e9ebe5;
  --card:#ffffff;
  --rule:#dcded6;
  --rule-2:#c4c7bd;
  --text:#1a1f2e;         /* headings on light                            */
  --text-2:#3b4353;       /* body on light — ~9:1 on chalk and on white   */
  --on-ink:#edeff5;       /* headings on ink                              */
  --on-ink-2:#bcc3d6;     /* body on ink — ~9.8:1                         */
  --pen:#9c1f47;          /* the claret pen — action colour on light      */
  --pen-deep:#7d1639;
  --pen-ink:#ff8fb4;      /* the same pen, legible on ink (~8:1)          */
  --pen-tint:#f8eaef;
  --sky:#e8eefa;          /* opaque fallback under the Collaborate plate  */

  --wrap:1200px;
  --gut:clamp(20px,4vw,44px);
  --margin-col:clamp(150px,21vw,290px);   /* the wide outer margin         */
  --t:170ms cubic-bezier(.2,.6,.2,1);

  font-family:"Inter",system-ui,sans-serif;
  font-size:17px;
  line-height:1.68;
  color:var(--text-2);
  background:var(--card);
  -webkit-font-smoothing:antialiased;
}
#page-bitcoin-gambling-script-source-code *,
#page-bitcoin-gambling-script-source-code *::before,
#page-bitcoin-gambling-script-source-code *::after{box-sizing:border-box;}

/* Reset the elements this page actually authors. NEVER written as an
   id+element group selector across h1,h2,h3 — that shape collapsed every
   margin on a shipped page (AISHTMLNEWDESIGN-459). Each rule below is
   class-qualified, so it can only touch this page's own components. */
#page-bitcoin-gambling-script-source-code .bgss-h1,
#page-bitcoin-gambling-script-source-code .bgss-h2,
#page-bitcoin-gambling-script-source-code .bgss-h3,
#page-bitcoin-gambling-script-source-code .bgss-p,
#page-bitcoin-gambling-script-source-code .bgss-list,
#page-bitcoin-gambling-script-source-code .bgss-quote{margin:0;padding:0;}
#page-bitcoin-gambling-script-source-code .bgss-list{list-style:none;}
#page-bitcoin-gambling-script-source-code img{display:block;max-width:100%;}

/* ── shell ───────────────────────────────────────────────────────────────
   .bgss-wrap is never given a max-width by a section-specific rule: doing
   that re-centres the column while the section mark stays put. Measures are
   capped on the PARAGRAPH instead. */
#page-bitcoin-gambling-script-source-code .bgss-wrap{
  width:100%;
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:var(--gut);
}
#page-bitcoin-gambling-script-source-code .bgss-sec{
  width:100%;
  padding-block:clamp(60px,7.2vw,108px);
}
#page-bitcoin-gambling-script-source-code .bgss-sec--paper{background:var(--card);}
#page-bitcoin-gambling-script-source-code .bgss-sec--chalk{
  background:var(--chalk);
  border-block:1px solid var(--rule);
}
#page-bitcoin-gambling-script-source-code .bgss-sec--ink{background:var(--ink);}

/* ── the section mark — two stacked squares in the margin ───────────────── */
#page-bitcoin-gambling-script-source-code .bgss-mark{
  display:block;
  position:relative;
  width:11px;
  height:30px;
  margin-bottom:20px;
}
#page-bitcoin-gambling-script-source-code .bgss-mark::before,
#page-bitcoin-gambling-script-source-code .bgss-mark::after{
  content:"";
  position:absolute;
  left:0;
  width:11px;
  height:11px;
}
#page-bitcoin-gambling-script-source-code .bgss-mark::before{top:0;background:var(--pen);}
#page-bitcoin-gambling-script-source-code .bgss-mark::after{
  top:19px;
  border:2px solid var(--pen);
}
#page-bitcoin-gambling-script-source-code .bgss-mark--on::before{background:var(--pen-ink);}
#page-bitcoin-gambling-script-source-code .bgss-mark--on::after{border-color:var(--pen-ink);}

/* ── type ────────────────────────────────────────────────────────────────
   Band heads stack: the mark on its own line, the heading under it. No
   flex-wrap, so a short heading can never sit beside the mark while a long
   one wraps below it. */
#page-bitcoin-gambling-script-source-code .bgss-head{
  margin-bottom:clamp(26px,3.2vw,44px);
}
#page-bitcoin-gambling-script-source-code .bgss-h1{
  font-size:clamp(36px,5.1vw,62px);
  line-height:1.06;
  letter-spacing:-.022em;
  font-weight:800;
  color:var(--on-ink);
}
#page-bitcoin-gambling-script-source-code .bgss-h2{
  font-size:clamp(28px,3.5vw,46px);
  line-height:1.14;
  letter-spacing:-.018em;
  font-weight:800;
  color:var(--text);
  max-width:24ch;
}
#page-bitcoin-gambling-script-source-code .bgss-h2--on{color:var(--on-ink);}
#page-bitcoin-gambling-script-source-code .bgss-h3{
  font-size:clamp(19px,1.55vw,22px);
  line-height:1.32;
  letter-spacing:-.01em;
  font-weight:700;
  color:var(--text);
}
#page-bitcoin-gambling-script-source-code .bgss-h3--on{color:var(--on-ink);}
#page-bitcoin-gambling-script-source-code .bgss-p{
  font-size:17px;
  line-height:1.72;
  color:var(--text-2);
}
#page-bitcoin-gambling-script-source-code .bgss-p--lead{
  font-size:clamp(17px,1.35vw,19px);
  line-height:1.7;
  color:var(--text);
}
#page-bitcoin-gambling-script-source-code .bgss-p--on{color:var(--on-ink-2);}
#page-bitcoin-gambling-script-source-code .bgss-p--sm{font-size:16px;line-height:1.6;}

/* Anchors. The page's baseline block sets #page-… a{color:inherit} at (1,0,1);
   these are (1,1,1), so they genuinely outrank it rather than tying with it. */
#page-bitcoin-gambling-script-source-code a.bgss-a{
  color:var(--pen);
  font-weight:600;
  border-bottom:1px solid rgba(156,31,71,.38);
  transition:color var(--t),border-color var(--t);
}
#page-bitcoin-gambling-script-source-code a.bgss-a:hover,
#page-bitcoin-gambling-script-source-code a.bgss-a:focus-visible{
  color:var(--pen-deep);
  border-bottom-color:var(--pen-deep);
}
#page-bitcoin-gambling-script-source-code a.bgss-a:focus-visible{
  outline:3px solid var(--pen);
  outline-offset:3px;
}
#page-bitcoin-gambling-script-source-code a.bgss-a--lead{
  font-size:17px;
  font-weight:700;
}
#page-bitcoin-gambling-script-source-code .bgss-p--on a.bgss-a,
#page-bitcoin-gambling-script-source-code .bgss-q__a a.bgss-a{
  color:var(--pen-ink);
  border-bottom-color:rgba(255,143,180,.42);
}

/* ── the one button style ────────────────────────────────────────────────
   A background-painting element that OWNS its foreground at (1,1,1); no prose
   rule on this page can outrank it, and none needs !important to be beaten. */
#page-bitcoin-gambling-script-source-code button.bgss-btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-height:52px;
  padding:14px 30px;
  border:0;
  border-radius:2px;
  background:var(--pen);
  color:#ffffff;
  font-family:inherit;
  font-size:17px;
  font-weight:700;
  letter-spacing:.005em;
  cursor:pointer;
  text-align:left;
  transition:background-color var(--t),transform var(--t),box-shadow var(--t);
}
#page-bitcoin-gambling-script-source-code button.bgss-btn::after{
  content:"";
  width:9px;
  height:9px;
  border:2px solid currentColor;
  transition:background-color var(--t);
}
#page-bitcoin-gambling-script-source-code button.bgss-btn:hover{
  background:var(--pen-deep);
  box-shadow:0 10px 26px -14px rgba(20,26,43,.7);
}
#page-bitcoin-gambling-script-source-code button.bgss-btn:hover::after{background:currentColor;}
#page-bitcoin-gambling-script-source-code button.bgss-btn:active{transform:translateY(1px);}
#page-bitcoin-gambling-script-source-code button.bgss-btn:focus-visible{
  outline:3px solid var(--pen);
  outline-offset:3px;
}

/* ══ HERO — rule 24 ══════════════════════════════════════════════════════
   Full-bleed, image-free, a STATIC gradient (no url(), no motion), content in
   a centred ~900px column, exactly ONE CTA. */
#page-bitcoin-gambling-script-source-code .bgss-hero{
  width:100%;
  padding:clamp(72px,9vw,132px) var(--gut) clamp(60px,7vw,100px);
  text-align:center;
  background:linear-gradient(163deg,#1d263d 0%,#161d31 44%,#12172700 44.1%),
             linear-gradient(180deg,#161d31 0%,#141a2b 62%,#111624 100%);
}
#page-bitcoin-gambling-script-source-code .bgss-hero__in{
  max-width:900px;
  margin-inline:auto;
}
#page-bitcoin-gambling-script-source-code .bgss-hero__mark{
  display:block;
  position:relative;
  width:11px;
  height:30px;
  margin:0 auto 30px;
}
#page-bitcoin-gambling-script-source-code .bgss-hero__mark::before,
#page-bitcoin-gambling-script-source-code .bgss-hero__mark::after{
  content:"";
  position:absolute;
  left:0;
  width:11px;
  height:11px;
}
#page-bitcoin-gambling-script-source-code .bgss-hero__mark::before{top:0;background:var(--pen-ink);}
#page-bitcoin-gambling-script-source-code .bgss-hero__mark::after{
  top:19px;
  border:2px solid var(--pen-ink);
}
#page-bitcoin-gambling-script-source-code .bgss-hero__copy{
  margin:clamp(22px,2.6vw,32px) auto 0;
  max-width:800px;
  font-size:clamp(17px,1.45vw,19px);
  line-height:1.72;
  color:var(--on-ink-2);
}
#page-bitcoin-gambling-script-source-code .bgss-hero__own{
  margin:clamp(24px,2.8vw,34px) auto 0;
  padding-top:clamp(20px,2.4vw,28px);
  max-width:800px;
  border-top:1px solid var(--ink-3);
  font-size:16px;
  line-height:1.66;
  color:var(--on-ink-2);
}
#page-bitcoin-gambling-script-source-code .bgss-hero__act{
  margin:clamp(28px,3.4vw,42px) 0 0;
}

/* ══ Breadcrumb ═════════════════════════════════════════════════════════ */
#page-bitcoin-gambling-script-source-code .bgss-crumbs{
  width:100%;
  background:var(--chalk);
  border-bottom:1px solid var(--rule);
}
#page-bitcoin-gambling-script-source-code .bgss-crumbs__in{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  padding-block:16px;
  font-size:16px;
}
#page-bitcoin-gambling-script-source-code .bgss-crumbs__back{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:1px solid var(--rule-2);
  border-radius:2px;
  background:var(--card);
  transition:border-color var(--t),background-color var(--t);
}
#page-bitcoin-gambling-script-source-code .bgss-crumbs__back:hover{
  border-color:var(--pen);
  background:var(--pen-tint);
}
#page-bitcoin-gambling-script-source-code .bgss-crumbs__back:focus-visible{
  outline:3px solid var(--pen);
  outline-offset:2px;
}
#page-bitcoin-gambling-script-source-code a.bgss-crumbs__home{
  border-bottom:0;
  font-weight:600;
}
#page-bitcoin-gambling-script-source-code .bgss-crumbs__here{
  color:var(--text);
  font-weight:700;
}

/* ══ Opening spread — no heading in the record, so none here ═════════════ */
#page-bitcoin-gambling-script-source-code .bgss-open__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(230px,29%,360px);
  gap:clamp(30px,5vw,76px);
  align-items:center;
}
#page-bitcoin-gambling-script-source-code .bgss-open__grid .bgss-p{max-width:64ch;}
#page-bitcoin-gambling-script-source-code .bgss-plate{
  margin:0;
  padding:clamp(20px,2.4vw,30px);
  background:var(--chalk);
  border:1px solid var(--rule);
  border-radius:2px;
}
#page-bitcoin-gambling-script-source-code .bgss-plate img{
  width:100%;
  height:auto;
  margin-inline:auto;
}
#page-bitcoin-gambling-script-source-code .bgss-open__plate{
  position:relative;
  border-top:3px solid var(--pen);
}

/* ══ Collaborate band ════════════════════════════════════════════════════
   The record's 2640x1022 "Collaborate" asset is a pale backdrop plate, not a
   picture. Placed inline it renders as an empty strip (it has done so on three
   pages), so it is the band's own ground here, over an OPAQUE fallback that
   matches the asset's own tone — if the fetch fails, the band still reads. */
#page-bitcoin-gambling-script-source-code .bgss-collab{
  position:relative;
  overflow:hidden;
  background:var(--sky);
  border-block:1px solid #cfd9ee;
}
#page-bitcoin-gambling-script-source-code .bgss-collab__bg{
  position:absolute;
  inset:0;
  margin:0;
  z-index:0;
  pointer-events:none;
}
#page-bitcoin-gambling-script-source-code .bgss-collab__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
#page-bitcoin-gambling-script-source-code .bgss-collab__in{position:relative;z-index:1;}
#page-bitcoin-gambling-script-source-code .bgss-collab__row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:clamp(24px,3.4vw,52px);
}
#page-bitcoin-gambling-script-source-code .bgss-collab__p{
  max-width:46ch;
  color:var(--text);
  font-weight:600;
}
#page-bitcoin-gambling-script-source-code .bgss-collab__act{margin:0;}

/* ══ Hanging sidenotes — the direction's signature block ═════════════════
   Five entries, so no grid can tile them without an orphan cell. Each title
   hangs in the wide outer margin, set flush against the text column; the copy
   carries the hairline. The margin stays clear, which is the point. */
#page-bitcoin-gambling-script-source-code .bgss-hang__rows{
  display:grid;
  gap:clamp(26px,3.2vw,46px);
}
#page-bitcoin-gambling-script-source-code .bgss-row{
  display:grid;
  grid-template-columns:minmax(0,var(--margin-col)) minmax(0,1fr);
  gap:clamp(20px,3.2vw,54px);
}
#page-bitcoin-gambling-script-source-code .bgss-row__h{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:12px;
  padding-top:19px;
  text-align:right;
}
#page-bitcoin-gambling-script-source-code .bgss-tick{
  flex:0 0 20px;
  width:20px;
  height:20px;
  margin-top:5px;
}
#page-bitcoin-gambling-script-source-code .bgss-row__p{
  padding-top:18px;
  border-top:1px solid var(--rule-2);
  max-width:70ch;
  transition:border-top-color var(--t);
}
#page-bitcoin-gambling-script-source-code .bgss-row:hover .bgss-row__p{border-top-color:var(--pen);}

/* ══ Benefit quadrant — four entries, tiles exactly 2x2 ═════════════════
   Per-cell rules, never gap:1px over a coloured container. The cells carry a
   top rule and no left padding, so the first cell's title sits on the page's
   common left edge like every other section's first line. */
#page-bitcoin-gambling-script-source-code .bgss-quad__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(32px,5.4vw,84px);
  row-gap:clamp(34px,4vw,56px);
  margin:0;
  padding:0;
  list-style:none;
}
#page-bitcoin-gambling-script-source-code .bgss-cell{
  padding-top:clamp(18px,2vw,24px);
  border-top:2px solid var(--ink-3);
  transition:border-top-color var(--t);
}
#page-bitcoin-gambling-script-source-code .bgss-cell:hover{border-top-color:var(--pen-ink);}
#page-bitcoin-gambling-script-source-code .bgss-cell .bgss-h3{margin-bottom:12px;}

/* ══ Talent band — split, the plate on the left ═════════════════════════
   The section mark lives in the band HEAD at wrapper level, never inside the
   copy column of the split — a mark authored in a split column starts ~570px
   right of every other one. */
#page-bitcoin-gambling-script-source-code .bgss-talent__grid{
  display:grid;
  grid-template-columns:clamp(240px,36%,430px) minmax(0,1fr);
  gap:clamp(30px,4.6vw,72px);
  align-items:center;
}
#page-bitcoin-gambling-script-source-code .bgss-talent__plate{border-top:3px solid var(--pen);}
#page-bitcoin-gambling-script-source-code .bgss-talent__copy .bgss-p{max-width:58ch;}
#page-bitcoin-gambling-script-source-code .bgss-talent__link{
  margin:clamp(18px,2.2vw,26px) 0 0;
}
#page-bitcoin-gambling-script-source-code .bgss-talent__act{
  margin:clamp(22px,2.6vw,30px) 0 0;
}

/* ══ Bitcoin Gambling Script — the margin note ══════════════════════════ */
#page-bitcoin-gambling-script-source-code .bgss-script__lead{max-width:78ch;}
#page-bitcoin-gambling-script-source-code .bgss-script__note{
  margin-top:clamp(26px,3.2vw,42px);
  margin-left:clamp(0px,20vw,290px);
  max-width:72ch;
  padding:clamp(22px,2.6vw,34px);
  background:var(--card);
  border:1px solid var(--rule);
  border-left:3px solid var(--pen);
  border-radius:2px;
}

/* ══ FAQ ═══════════════════════════════════════════════════════════════ */
#page-bitcoin-gambling-script-source-code .bgss-faq__list{
  border-top:1px solid var(--ink-3);
}
#page-bitcoin-gambling-script-source-code .bgss-q{border-bottom:1px solid var(--ink-3);}
#page-bitcoin-gambling-script-source-code .bgss-q__s{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-block:clamp(18px,2.1vw,25px);
  cursor:pointer;
  list-style:none;
}
#page-bitcoin-gambling-script-source-code .bgss-q__s::-webkit-details-marker{display:none;}
#page-bitcoin-gambling-script-source-code .bgss-q__h{
  font-size:clamp(18px,1.5vw,21px);
  line-height:1.34;
  font-weight:700;
  transition:color var(--t);
}
#page-bitcoin-gambling-script-source-code .bgss-q__s:hover .bgss-q__h{color:var(--pen-ink);}
#page-bitcoin-gambling-script-source-code .bgss-q__s:focus-visible{
  outline:3px solid var(--pen-ink);
  outline-offset:-3px;
}
/* The sign is the section mark's own logic at question scale: a solid square
   that opens out when the panel does. A discrete state flip on click. */
#page-bitcoin-gambling-script-source-code .bgss-q__sign{
  flex:0 0 14px;
  width:14px;
  height:14px;
  background:var(--pen-ink);
  border:2px solid var(--pen-ink);
  transition:background-color var(--t),transform var(--t);
}
#page-bitcoin-gambling-script-source-code .bgss-q[open] .bgss-q__sign{
  background:transparent;
  transform:translateY(2px);
}
#page-bitcoin-gambling-script-source-code .bgss-q__a{
  padding-bottom:clamp(22px,2.6vw,32px);
  max-width:86ch;
}
#page-bitcoin-gambling-script-source-code .bgss-q__a .bgss-p + .bgss-p{margin-top:16px;}
#page-bitcoin-gambling-script-source-code .bgss-list{
  margin:18px 0;
  display:grid;
  gap:10px;
}
#page-bitcoin-gambling-script-source-code .bgss-list li{
  position:relative;
  padding-left:24px;
  font-size:17px;
  line-height:1.6;
  color:var(--on-ink-2);
}
#page-bitcoin-gambling-script-source-code .bgss-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:9px;
  height:9px;
  border:2px solid var(--pen-ink);
}
#page-bitcoin-gambling-script-source-code .bgss-q__a .bgss-p + .bgss-list{margin-top:18px;}

/* ══ Customer Success Stories ══════════════════════════════════════════ */
#page-bitcoin-gambling-script-source-code .bgss-stories__rail{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,3.2vw,44px);
  margin:0;
  padding:0;
  list-style:none;
}
#page-bitcoin-gambling-script-source-code .bgss-story{min-width:0;}
#page-bitcoin-gambling-script-source-code .bgss-vid{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:1px solid var(--rule);
  border-radius:2px;
  background:var(--chalk);
  cursor:pointer;
  overflow:hidden;
  transition:border-color var(--t),box-shadow var(--t);
}
#page-bitcoin-gambling-script-source-code .bgss-vid img{
  width:100%;
  height:auto;
}
#page-bitcoin-gambling-script-source-code .bgss-vid__play{
  position:absolute;
  left:16px;
  bottom:16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  background:var(--pen);
  border-radius:50%;
  transition:background-color var(--t),transform var(--t);
}
#page-bitcoin-gambling-script-source-code .bgss-vid__play i{
  width:0;
  height:0;
  margin-left:4px;
  border-top:9px solid transparent;
  border-bottom:9px solid transparent;
  border-left:14px solid #ffffff;
}
#page-bitcoin-gambling-script-source-code .bgss-vid:hover{
  border-color:var(--pen);
  box-shadow:0 14px 34px -22px rgba(20,26,43,.85);
}
#page-bitcoin-gambling-script-source-code .bgss-vid:hover .bgss-vid__play{
  background:var(--pen-deep);
  transform:scale(1.06);
}
#page-bitcoin-gambling-script-source-code .bgss-vid:focus-visible{
  outline:3px solid var(--pen);
  outline-offset:3px;
}
#page-bitcoin-gambling-script-source-code .bgss-story__frame{
  width:100%;
  aspect-ratio:4/3;
  border:1px solid var(--rule);
  border-radius:2px;
}
#page-bitcoin-gambling-script-source-code .bgss-quote{
  margin:18px 0 0;
  padding-left:18px;
  border-left:2px solid var(--rule-2);
}
#page-bitcoin-gambling-script-source-code .bgss-stories__more{
  margin:clamp(28px,3.2vw,40px) 0 0;
}

/* ══ Area We Serve — filed under FOOTER in the record, authored in <main> ══ */
#page-bitcoin-gambling-script-source-code .bgss-areas__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:clamp(24px,3.4vw,48px);
  row-gap:clamp(30px,3.6vw,44px);
  margin:0;
  padding:0;
  list-style:none;
}
#page-bitcoin-gambling-script-source-code .bgss-area{
  padding-top:18px;
  border-top:2px solid var(--rule-2);
  transition:border-top-color var(--t);
}
#page-bitcoin-gambling-script-source-code .bgss-area:hover{border-top-color:var(--pen);}
#page-bitcoin-gambling-script-source-code .bgss-area__h{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
  letter-spacing:.04em;
}
#page-bitcoin-gambling-script-source-code .bgss-pin{
  flex:0 0 13px;
  width:13px;
  height:19px;
}
#page-bitcoin-gambling-script-source-code a.bgss-tel{
  display:inline-block;
  margin:12px 0 8px;
  font-size:17px;
  font-weight:700;
  color:var(--pen);
  border-bottom:1px solid rgba(156,31,71,.38);
  transition:color var(--t),border-color var(--t);
}
#page-bitcoin-gambling-script-source-code a.bgss-tel:hover{
  color:var(--pen-deep);
  border-bottom-color:var(--pen-deep);
}
#page-bitcoin-gambling-script-source-code a.bgss-tel:focus-visible{
  outline:3px solid var(--pen);
  outline-offset:3px;
}

/* ══ CTA modal — the page's only enquiry surface (rule 30) ══════════════ */
#page-bitcoin-gambling-script-source-code .bgss-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items: flex-start;
  justify-content:center;
  padding:100px 20px 20px 20px; overflow-y: auto;
  background:rgba(16,21,36,.72);
}
#page-bitcoin-gambling-script-source-code .bgss-modal.is-open{display:flex;}
#page-bitcoin-gambling-script-source-code .bgss-modal__box{
  position:relative;
  width:100%;
  max-width:620px;
  max-height:92vh;
  overflow:auto;
  background:var(--card);
  border-radius:2px;
  border-top:4px solid var(--pen);
  box-shadow:0 40px 90px -40px rgba(10,14,24,.9);
}
#page-bitcoin-gambling-script-source-code .bgss-modal__x{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  padding:0;
  border:1px solid var(--rule-2);
  border-radius:2px;
  background:var(--card);
  color:var(--text);
  cursor:pointer;
  transition:background-color var(--t),color var(--t),border-color var(--t);
}
#page-bitcoin-gambling-script-source-code .bgss-modal__x:hover{
  background:var(--pen);
  border-color:var(--pen);
  color:#ffffff;
}
#page-bitcoin-gambling-script-source-code .bgss-modal__x:focus-visible{
  outline:3px solid var(--pen);
  outline-offset:2px;
}
#page-bitcoin-gambling-script-source-code .bgss-modal iframe{
  display:block;
  width:100%;
  min-height:860px;
  border:0;
}

/* ══ responsive ════════════════════════════════════════════════════════ */
@media (max-width:1080px){
  #page-bitcoin-gambling-script-source-code .bgss-h2{max-width:28ch;}
  #page-bitcoin-gambling-script-source-code .bgss-areas__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #page-bitcoin-gambling-script-source-code .bgss-stories__rail{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:860px){
  #page-bitcoin-gambling-script-source-code{font-size:16px;}
  #page-bitcoin-gambling-script-source-code .bgss-h2{max-width:100%;}
  #page-bitcoin-gambling-script-source-code .bgss-open__grid,
  #page-bitcoin-gambling-script-source-code .bgss-talent__grid{
    grid-template-columns:minmax(0,1fr);
  }
  #page-bitcoin-gambling-script-source-code .bgss-open__plate,
  #page-bitcoin-gambling-script-source-code .bgss-talent__plate{
    max-width:420px;
  }
  #page-bitcoin-gambling-script-source-code .bgss-quad__grid{
    grid-template-columns:minmax(0,1fr);
  }
  /* The hanging titles fold above their copy, tick first. */
  #page-bitcoin-gambling-script-source-code .bgss-row{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  /* row-reverse flips the main axis, so flex-END is what packs the title
     against the LEFT edge here. flex-start would shove it to the right. */
  #page-bitcoin-gambling-script-source-code .bgss-row__h{
    flex-direction:row-reverse;
    justify-content:flex-end;
    padding-top:0;
    text-align:left;
  }
  #page-bitcoin-gambling-script-source-code .bgss-row__p{padding-top:14px;}
  #page-bitcoin-gambling-script-source-code .bgss-script__note{margin-left:0;}
  #page-bitcoin-gambling-script-source-code .bgss-stories__rail{
    grid-template-columns:minmax(0,1fr);
  }
  #page-bitcoin-gambling-script-source-code .bgss-collab__row{
    align-items:flex-start;
  }
  #page-bitcoin-gambling-script-source-code button.bgss-btn{width:100%;justify-content:center;}
}
@media (max-width:600px){
  #page-bitcoin-gambling-script-source-code .bgss-p,
  #page-bitcoin-gambling-script-source-code .bgss-list li{font-size:16px;}
  #page-bitcoin-gambling-script-source-code .bgss-areas__grid{
    grid-template-columns:minmax(0,1fr);
  }
  #page-bitcoin-gambling-script-source-code .bgss-q__s{gap:16px;}
  #page-bitcoin-gambling-script-source-code .bgss-modal{padding:100px 0 0 0; overflow-y: auto;}
  #page-bitcoin-gambling-script-source-code .bgss-modal__box{max-height:100vh;height:100%;}
}

/* ══ rule 26 — motion only ever as a finite response to a user action, and
   none at all for a reader who has asked for none. ════════════════════════ */
@media (prefers-reduced-motion:reduce){
  #page-bitcoin-gambling-script-source-code *,
  #page-bitcoin-gambling-script-source-code *::before,
  #page-bitcoin-gambling-script-source-code *::after{
    animation:none !important;
    transition-duration:.01ms !important;
  }
}
