/* =====================================================================
   /slot-machine-android-source-code — page CSS (AISHTMLNEWDESIGN-384)
   Scoped to #page-slot-machine-android-source-code only.
   Identity: "coin-op arcade night" — plum-black canvas, coin-gold and
   cherry accents, warm ivory light sections, Inter throughout.
   Rule 26: zero running animation. Transitions exist only as finite
   hover / focus-visible / open responses.
   ===================================================================== */

#page-slot-machine-android-source-code{
  --smx-ink:#1c1127;          /* deep plum-black — dark sections        */
  --smx-ink-2:#251633;        /* raised dark surface                    */
  --smx-ink-3:#2f1d40;        /* dark border tone                       */
  --smx-gold:#f2b21d;         /* coin gold                              */
  --smx-gold-deep:#c98f04;
  --smx-cherry:#c22c50;       /* cherry red (AA with white text)        */
  --smx-cream:#f8f4ec;        /* warm ivory light section               */
  --smx-paper:#fffdf9;        /* card surface on light                  */
  --smx-text:#241832;         /* headings on light                      */
  --smx-body:#3f3250;         /* body copy on light (≥7:1 on cream)     */
  --smx-cap:#5a4a6e;          /* captions on light (≥5:1)               */
  --smx-on-dark:#f4eefe;
  --smx-on-dark-soft:#cfc3e4;
  --smx-line:rgba(36,24,50,.14);
  --smx-line-dark:rgba(244,238,254,.16);
  --smx-radius:18px;

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

/* the shared layout's border-box reset does not reach page scope — declare it
   here (zero specificity via :where, so any later page rule can still win) */
#page-slot-machine-android-source-code :where(*, *::before, *::after) { box-sizing: border-box; }

#page-slot-machine-android-source-code .smx-container{
  max-width:1200px;margin-inline:auto;padding-inline:clamp(18px,4vw,40px);
}
#page-slot-machine-android-source-code .smx-read{max-width:900px;margin-inline:auto;text-align:center;}

/* ---- type scale ------------------------------------------------------ */
#page-slot-machine-android-source-code h1{
  font-size:clamp(38px,4.8vw,62px);line-height:1.06;font-weight:900;
  letter-spacing:-.02em;color:#fff;margin:0 0 22px;
}
#page-slot-machine-android-source-code h1 em{font-style:normal;color:var(--smx-gold);}
#page-slot-machine-android-source-code .smx-h{
  font-size:clamp(28px,3.4vw,44px);line-height:1.12;font-weight:800;
  letter-spacing:-.015em;color:var(--smx-text);margin:0;
}
#page-slot-machine-android-source-code .smx-h em{font-style:normal;color:var(--smx-cherry);}
#page-slot-machine-android-source-code .smx-h--caps{text-transform:uppercase;letter-spacing:.01em;}
#page-slot-machine-android-source-code .smx-group-h{
  font-size:clamp(20px,2.4vw,26px);line-height:1.25;font-weight:700;color:var(--smx-text);
  margin:clamp(40px,5vw,58px) 0 clamp(18px,2.4vw,26px);
}
#page-slot-machine-android-source-code .smx-eyebrow{
  font-size:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--smx-cherry);margin:0 0 12px;
}
#page-slot-machine-android-source-code .smx-eyebrow--gold{color:var(--smx-gold);}
#page-slot-machine-android-source-code .smx-copy p{margin:0 0 16px;font-size:17px;}
#page-slot-machine-android-source-code .smx-copy a{
  color:var(--smx-cherry);font-weight:600;border-bottom:2px solid rgba(194,44,80,.35);
}
#page-slot-machine-android-source-code .smx-copy a:hover{border-bottom-color:var(--smx-cherry);}
#page-slot-machine-android-source-code .smx-lede{font-size:clamp(17px,1.6vw,19px);margin:0;}
#page-slot-machine-android-source-code .smx-textlink{
  color:var(--smx-gold);font-weight:600;border-bottom:2px solid rgba(242,178,29,.4);
}
#page-slot-machine-android-source-code .smx-textlink:hover{border-bottom-color:var(--smx-gold);}
#page-slot-machine-android-source-code .smx-textlink:focus-visible{outline:3px solid var(--smx-gold);outline-offset:2px;}

/* ---- section shells --------------------------------------------------- */
#page-slot-machine-android-source-code .smx-sec{padding:clamp(60px,7vw,104px) 0;background:var(--smx-paper);}
#page-slot-machine-android-source-code .smx-sec--cream{background:var(--smx-cream);}
#page-slot-machine-android-source-code .smx-sec--dark{background:var(--smx-ink);color:var(--smx-on-dark-soft);}
#page-slot-machine-android-source-code .smx-sec--dark .smx-h{color:#fff;}
#page-slot-machine-android-source-code .smx-head{margin-bottom:clamp(30px,4vw,46px);}
#page-slot-machine-android-source-code .smx-head--center{text-align:center;max-width:880px;margin-inline:auto;}
#page-slot-machine-android-source-code .smx-rule{
  display:flex;justify-content:center;gap:6px;margin-top:18px;
}
#page-slot-machine-android-source-code .smx-rule i{
  display:block;width:34px;height:6px;border-radius:3px;background:var(--smx-gold);
}
#page-slot-machine-android-source-code .smx-rule i::before{content:none;}
#page-slot-machine-android-source-code .smx-rule::after{
  content:"";width:14px;height:6px;border-radius:3px;background:var(--smx-cherry);
}

/* ---- hero — rule 24: flat + static gradient only, centred column ------ */
#page-slot-machine-android-source-code .smx-hero{
  width:100%;
  padding:clamp(64px,8vw,120px) 24px clamp(56px,7vw,96px);
  background:
    radial-gradient(1100px 520px at 50% -160px,rgba(242,178,29,.16),rgba(242,178,29,0) 62%),
    radial-gradient(760px 420px at 88% 112%,rgba(194,44,80,.14),rgba(194,44,80,0) 60%),
    var(--smx-ink);
  color:var(--smx-on-dark);
}
#page-slot-machine-android-source-code .smx-hero p{font-size:17.5px;color:var(--smx-on-dark-soft);margin:0 0 34px;}
#page-slot-machine-android-source-code .smx-hero-badge{
  display:inline-block;font-size:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--smx-gold);border:1px solid rgba(242,178,29,.45);border-radius:999px;
  padding:9px 20px;margin-bottom:26px;background:rgba(242,178,29,.08);
}
#page-slot-machine-android-source-code .smx-dash{color:var(--smx-gold);}
#page-slot-machine-android-source-code .smx-hero-facts{
  display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:44px;
}
#page-slot-machine-android-source-code .smx-hero-fact{
  min-width:190px;padding:16px 22px;border:1px solid var(--smx-line-dark);
  border-radius:var(--smx-radius);background:rgba(255,255,255,.03);text-align:center;
}
#page-slot-machine-android-source-code .smx-hero-fact b{
  display:block;font-size:19px;font-weight:800;color:#fff;letter-spacing:.01em;
}
#page-slot-machine-android-source-code .smx-hero-fact span{font-size:16px;color:var(--smx-on-dark-soft);}

/* ---- breadcrumb -------------------------------------------------------- */
#page-slot-machine-android-source-code .smx-crumbs{background:var(--smx-cream);border-bottom:1px solid var(--smx-line);}
#page-slot-machine-android-source-code .smx-crumbs ol{
  list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:14px 0;font-size:16px;
}
#page-slot-machine-android-source-code .smx-crumbs li{color:var(--smx-cap);}
#page-slot-machine-android-source-code .smx-crumbs li+li::before{content:"/";margin-right:8px;color:var(--smx-cap);}
#page-slot-machine-android-source-code .smx-crumbs a{color:var(--smx-cherry);font-weight:600;}

/* ---- split (why Android) ---------------------------------------------- */
#page-slot-machine-android-source-code .smx-split{
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,5vw,64px);align-items:center;
}
#page-slot-machine-android-source-code .smx-figure{
  margin:0;background:var(--smx-cream);border:1px solid var(--smx-line);
  border-radius:var(--smx-radius);padding:18px;text-align:center;
}
#page-slot-machine-android-source-code .smx-figure img{
  max-width:100%;height:auto;border-radius:12px;display:block;margin-inline:auto;
}
#page-slot-machine-android-source-code .smx-figure figcaption{
  margin-top:14px;font-size:16px;color:var(--smx-cap);
}

/* ---- launch band -------------------------------------------------------- */
#page-slot-machine-android-source-code .smx-launch{
  padding:clamp(58px,7vw,100px) 24px;
  background:
    radial-gradient(900px 420px at 12% -120px,rgba(242,178,29,.14),rgba(242,178,29,0) 60%),
    linear-gradient(180deg,#221330,#1c1127);
  color:var(--smx-on-dark);
}
#page-slot-machine-android-source-code .smx-launch .smx-h{color:#fff;}
#page-slot-machine-android-source-code .smx-launch-tag{
  font-size:clamp(18px,2vw,22px);font-weight:700;color:var(--smx-gold);margin:0 0 32px;
}

/* ---- screenshots grid ---------------------------------------------------- */
#page-slot-machine-android-source-code .smx-shots{
  list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px);
}
#page-slot-machine-android-source-code .smx-shots figure{
  margin:0;background:var(--smx-paper);border:1px solid var(--smx-line);
  border-radius:var(--smx-radius);overflow:hidden;
  transition:border-color .18s ease,transform .18s ease;
}
#page-slot-machine-android-source-code .smx-shots figure:hover{border-color:var(--smx-gold);transform:translateY(-3px);}
#page-slot-machine-android-source-code .smx-shots img{width:100%;height:auto;display:block;}
#page-slot-machine-android-source-code .smx-shots figcaption{
  padding:12px 16px;font-size:16px;font-weight:600;color:var(--smx-text);
  border-top:1px solid var(--smx-line);
}

/* ---- slot types ------------------------------------------------------------ */
#page-slot-machine-android-source-code .smx-types{
  list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,26px);
}
#page-slot-machine-android-source-code .smx-types li{
  display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;
  background:var(--smx-ink-2);border:1px solid var(--smx-line-dark);
  border-radius:var(--smx-radius);padding:clamp(20px,2.6vw,30px) 16px;
  transition:border-color .18s ease;
}
#page-slot-machine-android-source-code .smx-types li:hover{border-color:var(--smx-gold);}
#page-slot-machine-android-source-code .smx-types img{width:100%;max-width:214px;height:auto;}
#page-slot-machine-android-source-code .smx-types span{
  font-size:17px;font-weight:700;color:#fff;letter-spacing:.01em;
}

/* ---- admin panel feature cards ---------------------------------------------- */
#page-slot-machine-android-source-code .smx-feats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,26px);
}
#page-slot-machine-android-source-code .smx-feat{
  background:var(--smx-paper);border:1px solid var(--smx-line);border-left:5px solid var(--smx-gold);
  border-radius:var(--smx-radius);padding:24px 22px;
  transition:border-color .18s ease;
}
#page-slot-machine-android-source-code .smx-feat:hover{border-left-color:var(--smx-cherry);}
#page-slot-machine-android-source-code .smx-feat-n{
  font-size:16px;font-weight:800;color:var(--smx-gold-deep);letter-spacing:.08em;margin-bottom:8px;
}
#page-slot-machine-android-source-code .smx-feat h3{
  font-size:19px;line-height:1.3;font-weight:700;color:var(--smx-text);margin:0 0 10px;
}
#page-slot-machine-android-source-code .smx-feat p{margin:0;font-size:16px;}

/* ---- player features — different composition: two-col checklist cards -------- */
#page-slot-machine-android-source-code .smx-pfeats{
  display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(28px,4vw,48px);
}
#page-slot-machine-android-source-code .smx-pfeat{
  display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px 4px;
  border-bottom:1px solid var(--smx-line);align-items:start;
}
#page-slot-machine-android-source-code .smx-pfeat::before{
  content:"";width:12px;height:12px;margin-top:8px;border-radius:3px;
  background:var(--smx-gold);box-shadow:4px 4px 0 var(--smx-cherry);
  grid-column:1;grid-row:1 / span 2;
}
#page-slot-machine-android-source-code .smx-pfeat h3,
#page-slot-machine-android-source-code .smx-pfeat p{grid-column:2;text-align:left;}
#page-slot-machine-android-source-code .smx-pfeat h3{
  font-size:19px;line-height:1.3;font-weight:700;color:var(--smx-text);margin:0 0 6px;
}
#page-slot-machine-android-source-code .smx-pfeat p{margin:0;font-size:16px;}

/* ---- boost / unlock split ----------------------------------------------------- */
#page-slot-machine-android-source-code .smx-boost{
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,64px);align-items:center;
}
#page-slot-machine-android-source-code .smx-boost-list{
  list-style:none;margin:0;padding:0;columns:2;column-gap:clamp(20px,3vw,36px);
}
#page-slot-machine-android-source-code .smx-boost-list li{
  break-inside:avoid;padding:10px 0 10px 26px;position:relative;font-size:16.5px;font-weight:500;
}
#page-slot-machine-android-source-code .smx-boost-list li::before{
  content:"";position:absolute;left:0;top:17px;width:10px;height:10px;border-radius:50%;
  background:var(--smx-gold);box-shadow:3px 3px 0 rgba(194,44,80,.55);
}
#page-slot-machine-android-source-code .smx-boost-list a{color:var(--smx-text);font-weight:600;}
#page-slot-machine-android-source-code .smx-boost-list a:hover{color:var(--smx-cherry);}
#page-slot-machine-android-source-code .smx-boost-media{
  margin:0;background:var(--smx-cream);border:1px solid var(--smx-line);
  border-radius:var(--smx-radius);padding:clamp(16px,2vw,26px);text-align:center;
}
#page-slot-machine-android-source-code .smx-boost-media img{max-width:100%;height:auto;border-radius:12px;}

/* ---- main features — definition grid on dark ------------------------------------ */
#page-slot-machine-android-source-code .smx-mains{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--smx-line-dark);
  border:1px solid var(--smx-line-dark);border-radius:var(--smx-radius);overflow:hidden;margin:0;
}
#page-slot-machine-android-source-code .smx-main{
  background:var(--smx-ink);padding:clamp(20px,2.6vw,30px);
  transition:background-color .18s ease;
}
#page-slot-machine-android-source-code .smx-main:hover{background:var(--smx-ink-2);}
#page-slot-machine-android-source-code .smx-main dt{
  font-size:19px;font-weight:800;color:var(--smx-gold);margin-bottom:8px;
}
#page-slot-machine-android-source-code .smx-main dd{
  margin:0;font-size:16px;color:var(--smx-on-dark-soft);
}

/* ---- hire band --------------------------------------------------------------------- */
#page-slot-machine-android-source-code .smx-hire{
  padding:clamp(58px,7vw,100px) 24px;
  background:
    radial-gradient(760px 420px at 90% -140px,rgba(194,44,80,.2),rgba(194,44,80,0) 60%),
    var(--smx-ink);
  color:var(--smx-on-dark);
}
#page-slot-machine-android-source-code .smx-hire .smx-h{color:#fff;}
#page-slot-machine-android-source-code .smx-hire-h3{
  font-size:clamp(20px,2.2vw,24px);font-weight:800;color:var(--smx-gold);margin:30px 0 26px;
}

/* ---- benefit checklist --------------------------------------------------------------- */
#page-slot-machine-android-source-code .smx-checks{
  list-style:none;margin:0;padding:0;display:grid;gap:12px;
}
#page-slot-machine-android-source-code .smx-checks li{
  display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;
  font-size:16.5px;font-weight:500;color:var(--smx-body);
}
#page-slot-machine-android-source-code .smx-checks img{margin-top:4px;}
#page-slot-machine-android-source-code .smx-checks a{color:var(--smx-cherry);font-weight:600;}

/* ---- why-choose cards ------------------------------------------------------------------ */
#page-slot-machine-android-source-code .smx-why{
  display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:clamp(16px,2.2vw,26px);margin-top:8px;
}
#page-slot-machine-android-source-code .smx-why-card{
  background:var(--smx-paper);border:1px solid var(--smx-line);border-top:5px solid var(--smx-cherry);
  border-radius:var(--smx-radius);padding:26px 24px;
}
#page-slot-machine-android-source-code .smx-why-card h3{
  font-size:21px;font-weight:800;color:var(--smx-text);margin:0 0 14px;
}
#page-slot-machine-android-source-code .smx-why-card p{margin:0;font-size:16px;}

/* ---- offerings link clouds ---------------------------------------------------------------- */
#page-slot-machine-android-source-code .smx-offerings{
  list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(4,1fr);gap:12px;
}
#page-slot-machine-android-source-code .smx-offerings li{break-inside:avoid;}
#page-slot-machine-android-source-code .smx-offerings a{
  display:block;padding:14px 16px;background:var(--smx-paper);border:1px solid var(--smx-line);
  border-radius:12px;font-size:16px;font-weight:600;color:var(--smx-text);
  transition:border-color .18s ease,color .18s ease;
}
#page-slot-machine-android-source-code .smx-offerings a:hover{border-color:var(--smx-gold);color:var(--smx-cherry);}
#page-slot-machine-android-source-code .smx-offerings--blog{grid-template-columns:repeat(3,1fr);}

/* ---- FAQ -------------------------------------------------------------------------------------- */
#page-slot-machine-android-source-code .smx-faq{
  display:grid;grid-template-columns:1fr 1fr;gap:14px clamp(24px,3vw,40px);align-items:start;
}
#page-slot-machine-android-source-code .smx-faq-col{display:grid;gap:14px;}
#page-slot-machine-android-source-code .smx-faq-item{
  background:var(--smx-paper);border:1px solid var(--smx-line);border-radius:14px;overflow:hidden;
}
#page-slot-machine-android-source-code .smx-faq-item[open]{border-color:var(--smx-gold);}
#page-slot-machine-android-source-code .smx-faq-item summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 20px;cursor:pointer;list-style:none;
}
#page-slot-machine-android-source-code .smx-faq-item summary::-webkit-details-marker{display:none;}
#page-slot-machine-android-source-code .smx-faq-item summary h3{
  font-size:17.5px;font-weight:700;color:var(--smx-text);margin:0;line-height:1.4;
}
#page-slot-machine-android-source-code .smx-faq-item summary:focus-visible{outline:3px solid var(--smx-gold);outline-offset:-3px;}
#page-slot-machine-android-source-code .smx-faq-plus{
  position:relative;flex:0 0 auto;width:22px;height:22px;border-radius:50%;
  background:var(--smx-gold);
}
#page-slot-machine-android-source-code .smx-faq-plus::before,
#page-slot-machine-android-source-code .smx-faq-plus::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--smx-ink);
  transform:translate(-50%,-50%);
}
#page-slot-machine-android-source-code .smx-faq-plus::before{width:10px;height:2px;}
#page-slot-machine-android-source-code .smx-faq-plus::after{width:2px;height:10px;}
#page-slot-machine-android-source-code .smx-faq-item[open] .smx-faq-plus::after{transform:translate(-50%,-50%) scaleY(0);}
#page-slot-machine-android-source-code .smx-faq-a{padding:0 20px 18px;}
#page-slot-machine-android-source-code .smx-faq-a p,
#page-slot-machine-android-source-code .smx-faq-a ul{margin:0;font-size:16px;}
#page-slot-machine-android-source-code .smx-faq-a ul{padding-left:22px;}

/* ---- customer stories --------------------------------------------------------------------------- */
#page-slot-machine-android-source-code .smx-stories{
  list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px);
}
#page-slot-machine-android-source-code .smx-story{
  background:var(--smx-ink-2);border:1px solid var(--smx-line-dark);border-radius:var(--smx-radius);
  padding:22px;display:flex;flex-direction:column;gap:16px;
}
#page-slot-machine-android-source-code .smx-story-media{
  position:relative;display:block;border-radius:12px;overflow:hidden;
}
#page-slot-machine-android-source-code .smx-story-media img{width:100%;height:auto;display:block;}
#page-slot-machine-android-source-code .smx-play{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(28,17,39,.45);color:#fff;transition:background-color .18s ease;
}
#page-slot-machine-android-source-code .smx-story-media:hover .smx-play{background:rgba(28,17,39,.2);}
#page-slot-machine-android-source-code .smx-play svg{
  width:52px;height:52px;padding:15px 16px;border-radius:50%;background:var(--smx-gold);color:var(--smx-ink);
}
#page-slot-machine-android-source-code .smx-story blockquote{margin:0;}
#page-slot-machine-android-source-code .smx-story blockquote p{margin:0;font-size:16.5px;color:var(--smx-on-dark-soft);}
#page-slot-machine-android-source-code .smx-story cite{
  font-style:normal;font-size:16px;font-weight:700;color:var(--smx-gold);
}

/* ---- contact card ---------------------------------------------------------------------------------- */
#page-slot-machine-android-source-code .smx-grow-card{
  display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(26px,4vw,54px);align-items:center;
  background:var(--smx-paper);border:1px solid var(--smx-line);border-left:6px solid var(--smx-gold);
  border-radius:var(--smx-radius);padding:clamp(26px,3.6vw,46px);
}
#page-slot-machine-android-source-code .smx-grow-actions{display:grid;gap:14px;justify-items:start;}
#page-slot-machine-android-source-code .smx-grow-privacy{margin:8px 0 0;font-size:16px;color:var(--smx-cap);}
#page-slot-machine-android-source-code .smx-grow-privacy a{color:var(--smx-cherry);font-weight:600;}

/* ---- area we serve ------------------------------------------------------------------------------------ */
#page-slot-machine-android-source-code .smx-regions{
  list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.2vw,26px);
}
#page-slot-machine-android-source-code .smx-region{
  background:var(--smx-cream);border:1px solid var(--smx-line);border-radius:var(--smx-radius);padding:26px 22px;
}
#page-slot-machine-android-source-code .smx-region h3{
  font-size:17px;font-weight:800;letter-spacing:.1em;color:var(--smx-text);margin:0 0 12px;
}
#page-slot-machine-android-source-code .smx-region a{
  display:inline-block;font-size:17px;font-weight:700;color:var(--smx-cherry);margin-bottom:10px;
}
#page-slot-machine-android-source-code .smx-region p{margin:0;font-size:16px;}

/* ---- section CTA row -------------------------------------------------------------------------------- */
#page-slot-machine-android-source-code .smx-cta-row{text-align:center;margin-top:clamp(34px,4vw,52px);}

/* ---- buttons ---------------------------------------------------------------------------------------------- */
#page-slot-machine-android-source-code .btn-smx{
  display:inline-block;min-height:44px;padding:14px 30px;border:none;border-radius:999px;
  font-family:"Inter",system-ui,sans-serif;font-size:17px;font-weight:700;letter-spacing:.01em;
  cursor:pointer;text-align:center;text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .12s ease;
}
#page-slot-machine-android-source-code .btn-smx:focus-visible{outline:3px solid #fff;outline-offset:3px;}
#page-slot-machine-android-source-code .btn-smx--gold{
  background:var(--smx-gold);color:var(--smx-ink);
}
#page-slot-machine-android-source-code .btn-smx--gold:hover{background:#ffc531;}
#page-slot-machine-android-source-code .btn-smx--gold:active{transform:translateY(1px);}
#page-slot-machine-android-source-code .btn-smx--red{
  background:var(--smx-cherry);color:#fff;
}
#page-slot-machine-android-source-code .btn-smx--red:hover{background:#d43a63;}
#page-slot-machine-android-source-code .btn-smx--red:active{transform:translateY(1px);}
#page-slot-machine-android-source-code .btn-smx--red:focus-visible{outline:3px solid var(--smx-text);outline-offset:3px;}
#page-slot-machine-android-source-code .btn-smx--ghost{
  background:transparent;color:var(--smx-gold);border:2px solid var(--smx-gold);
}
#page-slot-machine-android-source-code .btn-smx--ghost:hover{background:rgba(242,178,29,.12);}
#page-slot-machine-android-source-code .btn-smx--ghost:focus-visible{outline:3px solid #fff;outline-offset:3px;}
#page-slot-machine-android-source-code .smx-hire .btn-smx--gold:focus-visible,
#page-slot-machine-android-source-code .smx-launch .btn-smx--gold:focus-visible{outline-color:#fff;}

/* ---- responsive ----------------------------------------------------------------------------------------------- */
@media (max-width:1024px){
  #page-slot-machine-android-source-code .smx-shots{grid-template-columns:repeat(2,1fr);}
  #page-slot-machine-android-source-code .smx-types{grid-template-columns:repeat(2,1fr);}
  #page-slot-machine-android-source-code .smx-feats{grid-template-columns:repeat(2,1fr);}
  #page-slot-machine-android-source-code .smx-offerings{grid-template-columns:repeat(3,1fr);}
  #page-slot-machine-android-source-code .smx-offerings--blog{grid-template-columns:repeat(2,1fr);}
  #page-slot-machine-android-source-code .smx-regions{grid-template-columns:repeat(2,1fr);}
  #page-slot-machine-android-source-code .smx-why{grid-template-columns:1fr 1fr;}
  #page-slot-machine-android-source-code .smx-why-card:first-child{grid-column:1 / -1;}
  #page-slot-machine-android-source-code .smx-stories{grid-template-columns:repeat(2,1fr);}
  #page-slot-machine-android-source-code .smx-stories li:last-child{grid-column:1 / -1;max-width:560px;margin-inline:auto;width:100%;}
}
@media (max-width:880px){
  #page-slot-machine-android-source-code .smx-split,
  #page-slot-machine-android-source-code .smx-boost,
  #page-slot-machine-android-source-code .smx-grow-card{grid-template-columns:1fr;}
  #page-slot-machine-android-source-code .smx-pfeats{grid-template-columns:1fr;}
  #page-slot-machine-android-source-code .smx-mains{grid-template-columns:1fr;}
  #page-slot-machine-android-source-code .smx-faq{grid-template-columns:1fr;}
}
@media (max-width:640px){
  #page-slot-machine-android-source-code{font-size:16px;}
  #page-slot-machine-android-source-code .smx-shots,
  #page-slot-machine-android-source-code .smx-types,
  #page-slot-machine-android-source-code .smx-feats{grid-template-columns:1fr;}
  #page-slot-machine-android-source-code .smx-boost-list{columns:1;}
  #page-slot-machine-android-source-code .smx-offerings,
  #page-slot-machine-android-source-code .smx-offerings--blog,
  #page-slot-machine-android-source-code .smx-regions,
  #page-slot-machine-android-source-code .smx-stories{grid-template-columns:1fr;}
  #page-slot-machine-android-source-code .smx-stories li:last-child{max-width:none;}
  #page-slot-machine-android-source-code .smx-hero-fact{min-width:100%;}
  #page-slot-machine-android-source-code .btn-smx{width:100%;max-width:420px;}
  #page-slot-machine-android-source-code .smx-grow-actions{justify-items:stretch;}
  #page-slot-machine-android-source-code .smx-grow-actions .btn-smx{width:100%;}
  #page-slot-machine-android-source-code .smx-hire div[style*="flex"]{flex-direction:column;align-items:flex-start;}
}

/* ---- reduced motion ---------------------------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
  #page-slot-machine-android-source-code *,
  #page-slot-machine-android-source-code *::before,
  #page-slot-machine-android-source-code *::after{
    animation:none !important;transition-duration:.01ms !important;
  }
}

/* ---- "Get in Touch" modal ------------------------------------------------------------------------------ */
/* Not scoped to #page-... : the modal is a sibling of the page wrapper, at the end of <body>. */
.smx-modal[hidden]{display:none;}
.smx-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 16px;}
.smx-modal__backdrop{position:fixed;inset:0;background:rgba(12,10,20,.72);}
.smx-modal__panel{position:relative;width:100%;max-width:720px;margin:auto;background:#fff;border-radius:14px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);padding:44px 20px 20px;}
.smx-modal__close{position:absolute;top:8px;right:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  background:none;border:none;border-radius:50%;font-size:30px;line-height:1;color:#444;cursor:pointer;
  transition:background-color .18s ease,color .18s ease;}
.smx-modal__close:hover{background:rgba(0,0,0,.07);color:#000;}
.smx-modal__close:focus-visible{outline:3px solid var(--smx-gold);outline-offset:2px;}
.smx-modal__frame{display:block;width:100%;min-height:820px;border:0;}
@media (max-width:640px){
  .smx-modal{padding:12px 8px;}
  .smx-modal__panel{padding:44px 10px 12px;border-radius:10px;}
  .smx-modal__frame{min-height:880px;}
}

/* ---- page gutter ------------------------------------------------------------------------------------- */
/* The browser default is body{margin:8px}. layout.css does not reset it, and every reset in this file is
   scoped inside #page-slot-machine-android-source-code, so nothing was clearing it — leaving an 8px white
   gutter down all four edges, header and footer included. Same defect fixed on /roulette-game-development
   (cc129e96a) and /blackjack-game-development (e0f10f4f0). */
body{margin:0;}