/* ══════════════════════════════════════════════════════════════════════════
   /merry-christmas-bingo-casino-slot-machine — page-isolated stylesheet
   AISHTMLNEWDESIGN-608

   Visual direction: "GINGERBREAD & ICING" — a Christmas-market register that
   deliberately avoids the red-and-green cliché. The ground is deep baked
   cocoa (#20130c), the accent is spiced ginger (#e8802e / #9a4a0f), the
   reading surfaces are icing white and warm sugar, and a tinsel pewter
   hairline does the metallic work. The composition motif is the ICED
   GINGERBREAD TRAY: piped-icing scallop rails at the section transitions,
   tray cells divided by 1px hairlines, and cut-tile frames with candy-stud
   corners. Two-tone by design — no third accent, no gradient mesh, no
   snow, no lights, no motion (rule 26 forbids seasonal looping decoration
   just as firmly as it forbids marquees).

   Every rule is scoped to #page-merry-christmas-bingo-casino-slot-machine, so
   this file can never reach the shared header/footer, which are owned by
   /assets/css/layout.css + /assets/js/site-layout.js.

   Design contract (docs/skills/frontend-design/SKILL.md):
     · rule  1 — Inter is the primary family
     · rule  2 — nothing below 16px, anywhere, labels and captions included
     · rule 23 — no slate-gray body copy on light surfaces (#1e293b floor)
     · 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
   ══════════════════════════════════════════════════════════════════════════ */

#page-merry-christmas-bingo-casino-slot-machine{
  /* ── palette ─────────────────────────────────────────────────────────── */
  --cocoa:#20130c;         /* baked gingerbread ground        */
  --cocoa-2:#2e1c12;       /* raised cocoa surface            */
  --cocoa-3:#4a3122;       /* hairline on cocoa               */
  --icing:#fffaf3;         /* icing-white reading surface     */
  --sugar:#f6e9d8;         /* warm sugar surface              */
  --line:#e5d2ba;
  --line-2:#d3bb9c;
  --tinsel:#c9b08c;        /* pewter-tinsel metallic hairline */
  --body:#1e293b;          /* AA on icing and sugar           */
  --body-dark:#f0e2d2;     /* AA on cocoa                     */
  --strong:#20130c;
  --ginger:#e8802e;        /* spiced ginger — cocoa surfaces  */
  --ginger-deep:#9a4a0f;   /* ginger that passes AA on light  */
  --ginger-tint:#fbeada;

  --wrap:1240px;
  --gut:clamp(20px,4vw,40px);
  --sec:clamp(56px,7vw,100px);
  --r:14px;

  font-family:"Inter",system-ui,sans-serif;
  font-size:16px;
  line-height:1.65;
  color:var(--body);
  background:var(--icing);
  -webkit-font-smoothing:antialiased;
}

/* ── self-contained baseline: never inherit ambient globals ─────────────── */
#page-merry-christmas-bingo-casino-slot-machine *,
#page-merry-christmas-bingo-casino-slot-machine *::before,
#page-merry-christmas-bingo-casino-slot-machine *::after{box-sizing:border-box;}
#page-merry-christmas-bingo-casino-slot-machine h1,
#page-merry-christmas-bingo-casino-slot-machine h2,
#page-merry-christmas-bingo-casino-slot-machine h3,
#page-merry-christmas-bingo-casino-slot-machine p,
#page-merry-christmas-bingo-casino-slot-machine ul,
#page-merry-christmas-bingo-casino-slot-machine ol,
#page-merry-christmas-bingo-casino-slot-machine figure,
#page-merry-christmas-bingo-casino-slot-machine blockquote{margin:0;}
#page-merry-christmas-bingo-casino-slot-machine ul,
#page-merry-christmas-bingo-casino-slot-machine ol{list-style:none;padding:0;}
#page-merry-christmas-bingo-casino-slot-machine img{max-width:100%;height:auto;display:block;}
#page-merry-christmas-bingo-casino-slot-machine h1,
#page-merry-christmas-bingo-casino-slot-machine h2,
#page-merry-christmas-bingo-casino-slot-machine h3{
  color:var(--strong);font-weight:800;letter-spacing:-.02em;line-height:1.16;
}
#page-merry-christmas-bingo-casino-slot-machine :focus-visible{
  outline:3px solid var(--ginger);outline-offset:3px;border-radius:5px;
}

/* ── layout primitives ──────────────────────────────────────────────────── */
#page-merry-christmas-bingo-casino-slot-machine .mxs-wrap{
  width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec{padding-block:var(--sec);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--icing{background:var(--icing);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--sugar{background:var(--sugar);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa{
  background:var(--cocoa);color:var(--body-dark);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa h2,
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa h3{color:#fff;}

/* the signature: a piped-icing scallop rail at a cocoa → light transition.
   Pure static radial gradients — no url(), no motion. */
#page-merry-christmas-bingo-casino-slot-machine .mxs-icing{
  height:18px;background-color:var(--cocoa);
  background-image:radial-gradient(circle at 13px 18px,var(--icing) 13px,transparent 13.5px);
  background-size:26px 18px;background-repeat:repeat-x;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-icing--sugar{
  background-image:radial-gradient(circle at 13px 18px,var(--sugar) 13px,transparent 13.5px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-icing--up{
  background-color:var(--icing);
  background-image:radial-gradient(circle at 13px 0,var(--cocoa) 13px,transparent 13.5px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-icing--up-sugar{
  background-color:var(--sugar);
  background-image:radial-gradient(circle at 13px 0,var(--cocoa) 13px,transparent 13.5px);
}

/* ── type scale ─────────────────────────────────────────────────────────── */
#page-merry-christmas-bingo-casino-slot-machine .mxs-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:16px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--ginger-deep);margin:0 0 16px;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-eyebrow::before{
  content:"";width:10px;height:10px;border-radius:50%;
  background:var(--ginger);box-shadow:16px 0 0 -3px var(--ginger-deep);
  margin-right:14px;flex:none;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-eyebrow{color:var(--ginger);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-eyebrow::before{
  box-shadow:16px 0 0 -3px var(--tinsel);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-h2{
  font-size:clamp(31px,3.9vw,49px);max-width:20ch;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-h2--wide{max-width:30ch;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-h2 em{
  font-style:normal;color:var(--ginger-deep);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-h2 em{color:var(--ginger);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-lede{
  font-size:clamp(18px,1.7vw,21px);line-height:1.6;color:var(--body);max-width:64ch;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-lede{color:var(--body-dark);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-copy p{
  font-size:17px;color:var(--body);max-width:74ch;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-copy p{color:var(--body-dark);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-copy p + p{margin-top:18px;}

/* non-heading card titles. The preservation record's HEADING INVENTORY does
   not list these (the source styles them as div.small-title), so they are
   styled as titles rather than promoted into the document outline. */
#page-merry-christmas-bingo-casino-slot-machine .mxs-title{
  font-size:clamp(19px,1.9vw,23px);font-weight:800;line-height:1.25;
  letter-spacing:-.015em;color:var(--strong);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-title{color:#fff;}

/* inline body links — a section's second destination is a text link, never a
   second button (rule 13 / rule 25) */
#page-merry-christmas-bingo-casino-slot-machine .mxs-ilink{
  color:var(--ginger-deep);font-weight:700;
  border-bottom:2px solid rgba(154,74,15,.34);
  transition:color .18s ease,border-color .18s ease;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-ilink:hover,
#page-merry-christmas-bingo-casino-slot-machine .mxs-ilink:focus-visible{
  color:var(--strong);border-color:var(--ginger);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-ilink{
  color:var(--ginger);border-bottom-color:rgba(232,128,46,.45);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-ilink:hover,
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-ilink:focus-visible{
  color:#fff;border-color:#fff;
}

/* ── buttons ────────────────────────────────────────────────────────────── */
#page-merry-christmas-bingo-casino-slot-machine .mxs-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:14px 30px;border:2px solid transparent;border-radius:10px;
  font:inherit;font-size:17px;font-weight:700;letter-spacing:.01em;cursor:pointer;
  text-align:center;
  transition:transform .16s ease,background-color .18s ease,color .18s ease,
             border-color .18s ease,box-shadow .18s ease;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-btn--ginger{
  background:var(--ginger);color:#22150b;border-color:var(--ginger);
  box-shadow:0 14px 30px -16px rgba(232,128,46,.9);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-btn--ginger:hover{
  background:#ff9748;border-color:#ff9748;transform:translateY(-2px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-btn--ginger:active{transform:translateY(0);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-btn--cocoa{
  background:var(--cocoa);color:#fff;border-color:var(--cocoa);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-btn--cocoa:hover{
  background:var(--ginger-deep);border-color:var(--ginger-deep);transform:translateY(-2px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-btn--cocoa:active{transform:translateY(0);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-btn--outline{
  background:transparent;color:var(--strong);border-color:var(--line-2);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-btn--outline:hover{
  border-color:var(--ginger-deep);color:var(--ginger-deep);
  background:var(--ginger-tint);transform:translateY(-2px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-btn--outline:active{transform:translateY(0);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-btn[disabled]{
  opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-act{margin-top:clamp(26px,3vw,38px);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-act--mid{text-align:center;}

/* ══ HERO — rule 24: full-bleed, static gradient, no media, ONE CTA ═══════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-hero{
  width:100%;
  padding:clamp(64px,8vw,122px) 24px clamp(56px,6.5vw,94px);
  background:
    radial-gradient(860px 380px at 50% -6%,rgba(232,128,46,.22),transparent 64%),
    radial-gradient(620px 320px at 8% 106%,rgba(201,176,140,.14),transparent 68%),
    linear-gradient(176deg,#2a1a10 0%,#20130c 56%,#170d07 100%);
  color:var(--body-dark);text-align:center;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hero__inner{
  max-width:900px;margin-inline:auto;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hero__tag{
  display:inline-flex;align-items:center;justify-content:center;
  flex-wrap:wrap;text-align:center;gap:4px 12px;
  padding:9px 20px;border:1px solid rgba(232,128,46,.5);border-radius:999px;
  background:rgba(232,128,46,.1);
  font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ginger);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hero__tag b{
  font-weight:800;color:#fff;letter-spacing:.06em;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hero h1{
  margin-top:clamp(22px,2.6vw,30px);
  font-size:clamp(38px,5.1vw,66px);line-height:1.06;color:#fff;letter-spacing:-.03em;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hero h1 em{
  font-style:normal;color:var(--ginger);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hero__copy{
  margin-top:clamp(20px,2.4vw,28px);
  font-size:clamp(17px,1.55vw,19px);line-height:1.68;color:var(--body-dark);
  max-width:74ch;margin-inline:auto;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hero .mxs-btn{margin-top:clamp(28px,3.2vw,40px);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hero__facts{
  margin-top:clamp(32px,4vw,50px);padding-top:clamp(22px,3vw,30px);
  border-top:1px solid var(--cocoa-3);
  display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hero__facts li{
  display:inline-flex;align-items:center;gap:9px;
  padding:10px 18px;border:1px solid var(--cocoa-3);border-radius:999px;
  background:rgba(255,250,243,.05);
  font-size:16px;font-weight:600;color:var(--body-dark);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hero__facts li::before{
  content:"";width:9px;height:9px;flex:none;border-radius:2px;
  background:var(--ginger);transform:rotate(45deg);
}

/* ══ breadcrumb strip ════════════════════════════════════════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-crumbbar{
  background:var(--cocoa-2);border-bottom:1px solid var(--cocoa-3);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-crumb{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding-block:15px;font-size:16px;color:var(--body-dark);
}
/* the shared arrow / pin icons ship as dark indigo (#393185); recoloured so
   they read on this page's cocoa and sugar surfaces */
#page-merry-christmas-bingo-casino-slot-machine .mxs-crumb img{
  width:16px;height:16px;filter:brightness(0) invert(1);opacity:.72;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-crumb a{color:var(--ginger);font-weight:700;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-crumb a:hover{text-decoration:underline;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-crumb [aria-current]{color:#fff;font-weight:600;}

/* ══ intro — reading column beside a cut-tile frame ══════════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-intro{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);
  gap:clamp(28px,4.5vw,68px);align-items:center;
}
/* cut tile: a ginger rule pinned to two edges plus candy-stud corners */
#page-merry-christmas-bingo-casino-slot-machine .mxs-tile{
  position:relative;padding:16px;
  width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-tile::before{
  content:"";position:absolute;inset:0 28px 28px 0;
  border:2px solid var(--ginger-deep);border-radius:var(--r);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-tile::after{
  content:"";position:absolute;left:-3px;top:-3px;width:14px;height:14px;
  border-radius:50%;background:var(--ginger);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-tile img{
  position:relative;width:auto;max-width:100%;border-radius:var(--r);
  border:1px solid var(--line-2);background:var(--icing);
  box-shadow:0 30px 60px -34px rgba(32,19,12,.6);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-tile::before{
  border-color:var(--ginger);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-tile img{
  border-color:var(--cocoa-3);box-shadow:0 30px 60px -30px rgba(0,0,0,.85);
}

/* ══ tray cells — the six experience pillars, hairline-divided ═══════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-tray{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;background:var(--cocoa-3);
  border:1px solid var(--cocoa-3);border-radius:var(--r);overflow:hidden;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-tray > li{
  background:var(--cocoa-2);padding:clamp(24px,2.8vw,34px);
  transition:background-color .18s ease;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-tray > li:hover{background:#3a2417;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-tray img{
  width:41px;height:41px;margin-bottom:18px;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-tray p{
  margin-top:12px;font-size:17px;color:var(--body-dark);
}

/* ══ bingo varieties — wide tray banner + variety chips ══════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-banner{
  border-radius:var(--r);overflow:hidden;border:1px solid var(--cocoa-3);
  box-shadow:0 30px 60px -40px rgba(32,19,12,.55);
}
/* The record's "Background Image" is a decorative violet controller-pattern
   texture. It is kept (src + verbatim alt) but tonally mapped into the
   gingerbread palette, exactly as the shared indigo icons are recoloured —
   a static filter, no motion. */
#page-merry-christmas-bingo-casino-slot-machine .mxs-banner img{
  width:100%;height:clamp(150px,20vw,240px);object-fit:cover;
  filter:grayscale(1) sepia(.72) saturate(2.3) hue-rotate(-14deg) brightness(.62) contrast(1.08);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-varieties{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);
  position:relative;margin:-58px clamp(12px,2vw,28px) 0;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-variety{
  background:var(--icing);border:1px solid var(--line);border-radius:12px;
  padding:14px 14px 16px;text-align:center;
  transition:border-color .18s ease,transform .16s ease,box-shadow .18s ease;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-variety:hover{
  border-color:var(--ginger-deep);transform:translateY(-3px);
  box-shadow:0 18px 34px -24px rgba(32,19,12,.55);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-variety img{width:100%;height:auto;border-radius:8px;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-variety figcaption{
  margin-top:12px;font-size:16px;font-weight:700;color:var(--body);line-height:1.35;
}

/* ══ vision band — image with an overlapping opaque cocoa card ═══════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-vision{position:relative;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-vision__img{
  border-radius:var(--r);overflow:hidden;border:1px solid var(--line-2);
}
/* "Collaborate" is a near-white decorative network texture; warmed so it
   reads as a sugar-toned panel rather than a cool blank rectangle. */
#page-merry-christmas-bingo-casino-slot-machine .mxs-vision__img img{
  width:100%;height:clamp(200px,24vw,300px);object-fit:cover;
  filter:grayscale(1) sepia(.4) saturate(1.02) brightness(1);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-vision__card{
  background:var(--cocoa);color:var(--body-dark);
  border:1px solid var(--cocoa-3);border-left:6px solid var(--ginger);
  border-radius:var(--r);padding:clamp(26px,3.4vw,44px);
  max-width:620px;margin:-90px 0 0 clamp(0px,4vw,56px);position:relative;
  box-shadow:0 40px 80px -46px rgba(32,19,12,.85);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-vision__card h2{color:#fff;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-vision__card p{
  margin-top:18px;font-size:clamp(17px,1.6vw,20px);color:var(--body-dark);
}

/* ══ screenshot gallery — staggered tray, static offsets only ════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-shots{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2.2vw,28px);align-items:start;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-shots > li:nth-child(2),
#page-merry-christmas-bingo-casino-slot-machine .mxs-shots > li:nth-child(5){margin-top:34px;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-shot{
  border:1px solid var(--cocoa-3);border-radius:12px;overflow:hidden;
  background:var(--cocoa-2);
  transition:border-color .18s ease,transform .16s ease;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-shot:hover{
  border-color:var(--ginger);transform:translateY(-4px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-shot img{
  width:100%;aspect-ratio:767/431;object-fit:cover;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-shot figcaption{
  padding:14px 16px;font-size:16px;font-weight:600;color:var(--body-dark);
  border-top:1px solid var(--cocoa-3);
}

/* ══ numbered ledger rows — player-facing slot features ═════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-rows{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(28px,4vw,72px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-rows > li{
  display:grid;grid-template-columns:64px minmax(0,1fr);gap:clamp(14px,2vw,24px);
  border-top:1px solid var(--line);padding-block:clamp(22px,2.6vw,32px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-rows i{
  font-style:normal;font-size:20px;font-weight:800;letter-spacing:-.02em;
  color:var(--ginger-deep);
  border-top:3px solid var(--ginger);padding-top:8px;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-rows p{
  margin-top:10px;font-size:17px;color:var(--body);
}

/* ══ sugar cards — bingo player features ════════════════════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-sugar{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,26px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sugar > li{
  background:var(--icing);border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(22px,2.6vw,30px);position:relative;padding-top:clamp(30px,3.2vw,38px);
  transition:border-color .18s ease,box-shadow .18s ease;
}
/* piped-icing trim across the top edge of every card — static gradient */
#page-merry-christmas-bingo-casino-slot-machine .mxs-sugar > li::before{
  content:"";position:absolute;left:0;right:0;top:0;height:10px;
  border-radius:var(--r) var(--r) 0 0;
  background-image:radial-gradient(circle at 9px 0,var(--ginger-tint) 9px,transparent 9.5px);
  background-size:18px 10px;background-repeat:repeat-x;
  background-color:var(--ginger-deep);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sugar > li:hover{
  border-color:var(--ginger-deep);box-shadow:0 22px 44px -30px rgba(32,19,12,.5);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sugar p{
  margin-top:12px;font-size:17px;color:var(--body);
}

/* ══ link index — offerings and development services ════════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-indexgrid{
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);
  gap:clamp(28px,4vw,64px);align-items:start;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-index{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-index--wide{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-index a{
  display:flex;align-items:flex-start;gap:10px;
  padding:11px 12px;border-radius:9px;border:1px solid transparent;
  font-size:16px;font-weight:600;color:var(--body);line-height:1.45;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-index a::before{
  content:"";width:7px;height:7px;margin-top:8px;flex:none;
  background:var(--ginger-deep);transform:rotate(45deg);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-index a:hover{
  background:var(--ginger-tint);border-color:var(--line-2);color:var(--ginger-deep);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-index a{color:var(--body-dark);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-index a::before{background:var(--ginger);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-sec--cocoa .mxs-index a:hover{
  background:var(--cocoa-2);border-color:var(--cocoa-3);color:#fff;
}

/* ══ demo cards — one CTA per card (the rule 25 card exception) ══════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-demos{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-demo-card{
  display:flex;flex-direction:column;gap:18px;
  background:var(--icing);border:1px solid var(--line-2);border-radius:var(--r);
  padding:clamp(24px,2.8vw,34px);
}
/* the CMS demo icons and the shared check glyph ship as brand indigo
   (#3E4095 / #393185); mapped into the gingerbread palette with a static
   filter so the page stays two-tone */
#page-merry-christmas-bingo-casino-slot-machine .mxs-demo-card > img{
  width:74px;height:74px;
  filter:grayscale(1) sepia(.85) saturate(2.6) hue-rotate(-14deg) brightness(.78);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-creds{display:grid;gap:12px;margin-top:auto;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-creds div{
  display:flex;align-items:flex-start;gap:10px;
  background:var(--sugar);border-radius:9px;padding:12px 14px;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-creds img{
  width:20px;height:20px;margin-top:3px;flex:none;
  filter:grayscale(1) sepia(.9) saturate(3) hue-rotate(-14deg) brightness(.72);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-creds dt,
#page-merry-christmas-bingo-casino-slot-machine .mxs-creds .mxs-k{
  font-size:16px;font-weight:700;color:var(--strong);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-creds .mxs-v{
  font-size:16px;color:var(--body);word-break:break-word;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-demo-card .mxs-btn{width:100%;}

/* ══ hire band — cocoa card over the marketing image ════════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-hire{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(24px,3.6vw,56px);align-items:center;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hire__img{
  border-radius:var(--r);overflow:hidden;border:1px solid var(--cocoa-3);
}
/* the second "Collaborate" asset is a navy abstract band — same warm
   tonal mapping, so the cocoa section stays two-tone */
#page-merry-christmas-bingo-casino-slot-machine .mxs-hire__img img{
  width:100%;height:clamp(240px,28vw,360px);object-fit:cover;
  filter:grayscale(1) sepia(.78) saturate(2.4) hue-rotate(-12deg) brightness(.95) contrast(1.06);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hire h3{
  margin-top:26px;font-size:clamp(21px,2.1vw,27px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-hire__more{
  margin-top:16px;font-size:16px;color:var(--body-dark);
}

/* ══ ruled rows — additional slot-machine features ══════════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-ruled{display:grid;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-ruled > li{
  display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);
  gap:clamp(16px,3vw,48px);align-items:start;
  border-top:1px solid var(--line-2);padding-block:clamp(22px,2.8vw,34px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-ruled > li:last-child{
  border-bottom:1px solid var(--line-2);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-ruled p{font-size:17px;color:var(--body);}

/* ══ zigzag — the three specialised development services ════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-zig{display:grid;gap:clamp(34px,5vw,68px);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-zig > li{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(24px,4vw,60px);align-items:center;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-zig > li:nth-child(even) figure{order:-1;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-zig h3{
  font-size:clamp(22px,2.2vw,29px);margin-bottom:16px;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-zig p{font-size:17px;color:var(--body);}

/* ══ benefit stubs — ticket-stub two column list ════════════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-stubs{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.2vw,26px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-stubs > li{
  position:relative;background:var(--cocoa-2);border:1px solid var(--cocoa-3);
  border-radius:12px;padding:clamp(22px,2.6vw,30px);padding-left:clamp(34px,3.6vw,46px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-stubs > li::before{
  content:"";position:absolute;left:14px;top:clamp(22px,2.6vw,30px);bottom:clamp(22px,2.6vw,30px);
  width:4px;border-radius:2px;background:var(--ginger);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-stubs p{
  margin-top:10px;font-size:17px;color:var(--body-dark);
}

/* ══ prose — the long closing argument, two reading columns ═════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-prose{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(20px,3vw,44px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-prose p{font-size:17px;color:var(--body);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-prose p + p{margin-top:18px;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-note{
  background:var(--ginger-tint);border:1px solid var(--line-2);
  border-left:5px solid var(--ginger-deep);border-radius:12px;
  padding:clamp(20px,2.4vw,28px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-note p{font-size:17px;color:var(--body);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-note p + p{margin-top:14px;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-note strong{color:var(--strong);}

/* ══ FAQ accordion — motion is user-initiated (rule 26) ═════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq{
  display:grid;gap:12px;max-width:1000px;margin-inline:auto;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq details{
  border:1px solid var(--line-2);border-radius:12px;background:var(--icing);
  transition:border-color .18s ease,box-shadow .18s ease;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq details[open]{
  border-color:var(--ginger-deep);box-shadow:0 18px 36px -28px rgba(32,19,12,.55);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:clamp(18px,2vw,24px);cursor:pointer;list-style:none;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq summary::-webkit-details-marker{display:none;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq summary h2{
  font-size:clamp(17px,1.7vw,20px);font-weight:700;line-height:1.4;letter-spacing:-.01em;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq summary:hover h2{color:var(--ginger-deep);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq summary i{
  flex:none;width:34px;height:34px;border-radius:9px;
  border:1px solid var(--line-2);position:relative;
  transition:background-color .18s ease,border-color .18s ease;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq summary i::before,
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq summary i::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--cocoa);
  transform:translate(-50%,-50%);transition:opacity .18s ease,background-color .18s ease;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq summary i::before{width:14px;height:2px;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq summary i::after{width:2px;height:14px;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq details[open] summary i{
  background:var(--ginger);border-color:var(--ginger);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq details[open] summary i::before{background:#22150b;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq details[open] summary i::after{opacity:0;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq__a{
  padding:0 clamp(18px,2vw,24px) clamp(20px,2.2vw,26px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-faq__a p{font-size:17px;color:var(--body);}

/* ══ customer stories ═══════════════════════════════════════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-stories{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-story{
  background:var(--cocoa-2);border:1px solid var(--cocoa-3);border-radius:var(--r);
  padding:clamp(18px,2vw,24px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-vid{
  position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;
  background:#150c07;border-radius:10px;overflow:hidden;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-vid img{width:100%;aspect-ratio:4/3;object-fit:cover;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-vid span{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-vid span i{
  width:62px;height:62px;border-radius:50%;background:var(--ginger);color:#22150b;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 34px -12px rgba(0,0,0,.85);
  transition:background-color .18s ease,transform .18s ease;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-vid:hover span i{
  background:#fff;color:var(--cocoa);transform:scale(1.07);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-story iframe{
  width:100%;aspect-ratio:4/3;border:0;border-radius:10px;display:block;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-story blockquote p{
  font-size:17px;color:var(--body-dark);margin-top:18px;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-story cite{
  display:block;margin-top:14px;font-style:normal;font-weight:800;color:#fff;font-size:17px;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-more{
  margin-top:clamp(24px,3vw,34px);text-align:center;font-size:17px;color:var(--body-dark);
}

/* ══ area we serve ══════════════════════════════════════════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-regions{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,32px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-region{
  border-top:3px solid var(--cocoa);padding-top:20px;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-region:nth-child(2){border-top-color:var(--ginger);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-region h3{
  display:flex;align-items:center;gap:9px;
  font-size:17px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:12px;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-region h3 img{
  width:14px;height:20px;filter:brightness(0);opacity:.85;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-region a{
  display:inline-block;font-size:18px;font-weight:800;color:var(--ginger-deep);margin-bottom:10px;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-region a:hover{
  color:var(--strong);text-decoration:underline;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-region p{font-size:16px;color:var(--body);}

/* ══ CTA modal — opens only on a click (rule 26) ════════════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-modal{
  position:fixed;inset:0;z-index:9999;display:none;
  align-items:flex-start;justify-content:center;
  padding:clamp(16px,4vw,48px);overflow-y:auto;background:rgba(20,11,6,.85);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-modal.is-open{display:flex;}
#page-merry-christmas-bingo-casino-slot-machine .mxs-modal__box{
  position:relative;width:100%;max-width:620px;background:#fff;border-radius:16px;
  padding:56px 18px 18px;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-modal__x{
  position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;
  background:var(--sugar);border:1px solid var(--line-2);color:var(--cocoa);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-modal__x:hover{
  background:var(--ginger);color:#22150b;border-color:var(--ginger);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-modal iframe{
  width:100%;min-height:860px;border:0;display:block;border-radius:10px;
}

/* ══ section headers ════════════════════════════════════════════════════ */
#page-merry-christmas-bingo-casino-slot-machine .mxs-head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(22px,3.4vw,56px);align-items:end;margin-bottom:clamp(32px,4.2vw,56px);
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-head--solo{grid-template-columns:minmax(0,1fr);}
#page-merry-christmas-bingo-casino-slot-machine .mxs-head--mid{
  text-align:center;justify-items:center;
}
#page-merry-christmas-bingo-casino-slot-machine .mxs-head--mid .mxs-h2{margin-inline:auto;}

/* ══ responsive ═════════════════════════════════════════════════════════ */
@media (max-width:1080px){
  #page-merry-christmas-bingo-casino-slot-machine .mxs-tray,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-sugar,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-shots,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-demos,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-stories{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-merry-christmas-bingo-casino-slot-machine .mxs-varieties{
    grid-template-columns:repeat(3,minmax(0,1fr));margin:-40px clamp(8px,1.5vw,16px) 0;
  }
  #page-merry-christmas-bingo-casino-slot-machine .mxs-regions{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-merry-christmas-bingo-casino-slot-machine .mxs-index--wide{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-merry-christmas-bingo-casino-slot-machine .mxs-shots > li:nth-child(2),
  #page-merry-christmas-bingo-casino-slot-machine .mxs-shots > li:nth-child(5){margin-top:0;}
}
@media (max-width:860px){
  #page-merry-christmas-bingo-casino-slot-machine .mxs-head,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-intro,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-indexgrid,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-hire,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-prose,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-rows,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-stubs{grid-template-columns:minmax(0,1fr);}
  #page-merry-christmas-bingo-casino-slot-machine .mxs-ruled > li,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-zig > li{grid-template-columns:minmax(0,1fr);}
  #page-merry-christmas-bingo-casino-slot-machine .mxs-zig > li:nth-child(even) figure{order:0;}
  #page-merry-christmas-bingo-casino-slot-machine .mxs-h2,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-h2--wide{max-width:none;}
  #page-merry-christmas-bingo-casino-slot-machine .mxs-vision__card{
    margin:-56px 0 0;max-width:none;
  }
  #page-merry-christmas-bingo-casino-slot-machine .mxs-tile::before{inset:0 18px 18px 0;}
}
@media (max-width:640px){
  #page-merry-christmas-bingo-casino-slot-machine .mxs-tray,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-sugar,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-shots,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-demos,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-stories,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-regions,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-index,
  #page-merry-christmas-bingo-casino-slot-machine .mxs-index--wide{grid-template-columns:minmax(0,1fr);}
  #page-merry-christmas-bingo-casino-slot-machine .mxs-varieties{
    grid-template-columns:repeat(2,minmax(0,1fr));margin:26px 0 0;
  }
  #page-merry-christmas-bingo-casino-slot-machine .mxs-rows > li{grid-template-columns:48px minmax(0,1fr);}
  #page-merry-christmas-bingo-casino-slot-machine .mxs-btn{width:100%;}
  #page-merry-christmas-bingo-casino-slot-machine .mxs-modal iframe{min-height:900px;}
}

/* rule 26 — reduced-motion reset for the finite transitions that remain */
@media (prefers-reduced-motion:reduce){
  #page-merry-christmas-bingo-casino-slot-machine *,
  #page-merry-christmas-bingo-casino-slot-machine *::before,
  #page-merry-christmas-bingo-casino-slot-machine *::after{
    animation:none!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}