/* ══════════════════════════════════════════════════════════════════════════
   /rummy-game-development-company — page-isolated stylesheet
   AISHTMLNEWDESIGN-446

   Visual direction: "THE OPEN DECK".

   Rummy has two piles: the CLOSED deck you draw from blind, and the OPEN deck
   lying face up, where every card's value is already known before you take it.
   This page's whole argument is the open deck — "ready-to-use", "deploy your
   application today", "without technical delays". Nothing here is drawn blind,
   so nothing on the page is hidden behind a reveal.

   The composition motif is the FACE-UP STEP: items overlap like a fanned
   discard pile, each one showing a top strip carrying its own two-digit index,
   so a list reads as a pile you can see all the way down. Corners are 3px —
   card-edge sharp, not the soft 14px of /card-game-development.

     · DECK   — a cool blue-cast ink (#0d131f → #1b2436) for the punctuating
                bands. Deliberately COOL, because the sibling rummy page
                /rummy-software-providers-canada (MELD TRAY) owns the warm
                purple-ink + bone rack, and the two must be distinguishable at
                a glance rather than on inspection.
     · PAPER  — a cool paper (#eef1f6) as the page's dominant ground.
     · FLAG   — one signal, marigold (#e8a020): the face-up top card. It is
                the only hue that carries an action. No second action colour,
                no gradient family, no glow.

   MELD TRAY's crimson "run" and teal "set" pair appears nowhere here, and this
   page has no wood, no felt and no rack. FOUR HOMES (/ludo-king-game-developer)
   and CUT DECK (/card-game-development) are likewise untouched: no quadrants,
   no four-colour suit index.

   Every rule is scoped to #page-rummy-game-development-company, so this file
   can never reach the shared header/footer, which is owned by
   /assets/css/ais-*.css + ais-header.js / ais-footer.js. The UA body-margin
   reset is NOT restated here — /assets/css/ais-layout.css owns it
   (frontend-design skill section 33).

   Design contract (frontend-design SKILL.md):
     · rule  1 — Inter is the primary family
     · rule  2 — nothing below 16px, anywhere, including indices and captions
     · rule 23 — no slate-gray body copy on light surfaces (#1b2330 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-rummy-game-development-company{
  /* ── palette ─────────────────────────────────────────────────────────── */
  --deck:#0d131f;            /* cool ink — punctuating bands            */
  --deck-2:#141c2b;
  --deck-3:#1b2436;
  --deck-line:#2a3448;       /* hairline on ink                         */
  --rule-ink:#33405a;        /* stronger hairline on ink                */

  --paper:#eef1f6;           /* the page's ground                       */
  --paper-2:#ffffff;
  --paper-3:#e2e7f0;
  --line:#d3dae5;
  --line-2:#b7c2d3;

  --text:#1b2330;            /* AA+ on paper                            */
  --text-2:#39455a;          /* AA on paper — supporting only           */
  --on-ink:#e8eef8;          /* AA+ on deck                             */
  --on-ink-2:#aebdd3;

  --flag:#e8a020;            /* the face-up top card — the one signal   */
  --flag-deep:#8a5407;       /* the signal hue that passes AA on paper  */
  --flag-soft:#f6cd82;       /* the signal on ink                       */

  --wrap:1240px;
  --gut:clamp(20px,4vw,40px);
  --r:3px;

  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.6;
  color:var(--text);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
#page-rummy-game-development-company *,
#page-rummy-game-development-company *::before,
#page-rummy-game-development-company *::after{box-sizing:border-box;}

#page-rummy-game-development-company .rgdc-wrap{
  width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);
}

/* ══ TYPE ════════════════════════════════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-h2{
  font-size:clamp(28px,3.4vw,44px);line-height:1.15;letter-spacing:-.02em;
  font-weight:800;color:var(--text);margin:0 0 20px;
}
#page-rummy-game-development-company .rgdc-h2--onink{color:var(--paper-2);}
#page-rummy-game-development-company .rgdc-h3{
  font-size:clamp(20px,2vw,26px);line-height:1.25;font-weight:700;
  color:var(--text);margin:0 0 12px;
}
#page-rummy-game-development-company .rgdc-h3--onink{color:var(--paper-2);}
#page-rummy-game-development-company .rgdc-h4{
  font-size:20px;line-height:1.3;font-weight:700;color:var(--text);margin:0 0 10px;
}
#page-rummy-game-development-company .rgdc-h5{
  font-size:19px;line-height:1.35;font-weight:700;color:var(--text);margin:0 0 10px;
}
#page-rummy-game-development-company p{font-size:17px;line-height:1.75;margin:0 0 18px;}
#page-rummy-game-development-company p:last-child{margin-bottom:0;}

/* in-copy links — the record's own anchors. Not CTAs: they must read as text
   that happens to lead somewhere, never as a second button (rule 25). */
#page-rummy-game-development-company .rgdc-inline{
  color:var(--flag-deep);font-weight:650;
  border-bottom:1.5px solid rgba(138,84,7,.38);
  transition:border-color .18s ease,color .18s ease;
}
#page-rummy-game-development-company .rgdc-inline:hover,
#page-rummy-game-development-company .rgdc-inline:focus-visible{
  color:var(--text);border-bottom-color:var(--flag);
}
#page-rummy-game-development-company .rgdc-inline--onink{
  color:var(--flag-soft);border-bottom-color:rgba(246,205,130,.4);
}
#page-rummy-game-development-company .rgdc-inline--onink:hover,
#page-rummy-game-development-company .rgdc-inline--onink:focus-visible{
  color:var(--paper-2);border-bottom-color:var(--flag);
}

/* Focus is never removed — it is restyled to the page's own signal. */
#page-rummy-game-development-company :focus-visible{
  outline:3px solid var(--flag);outline-offset:3px;border-radius:2px;
}

/* ══ BUTTONS ═════════════════════════════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:15px 30px;border-radius:var(--r);
  font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.01em;
  border:2px solid transparent;cursor:pointer;text-align:center;
  transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
/* the face-up top card: marigold ground, ink type — 9.4:1 */
#page-rummy-game-development-company .rgdc-btn--flag{
  background:var(--flag);color:var(--deck);border-color:var(--flag);
  box-shadow:4px 4px 0 rgba(13,19,31,.9);
}
#page-rummy-game-development-company .rgdc-btn--flag:hover{
  transform:translate(2px,2px);box-shadow:2px 2px 0 rgba(13,19,31,.9);
}
#page-rummy-game-development-company .rgdc-btn--flag:active{
  transform:translate(4px,4px);box-shadow:0 0 0 rgba(13,19,31,.9);
}
#page-rummy-game-development-company .rgdc-btn--ink{
  background:var(--deck);color:var(--paper-2);border-color:var(--deck);
  box-shadow:4px 4px 0 var(--flag);
}
#page-rummy-game-development-company .rgdc-btn--ink:hover{
  transform:translate(2px,2px);box-shadow:2px 2px 0 var(--flag);
}
#page-rummy-game-development-company .rgdc-btn--ink:active{
  transform:translate(4px,4px);box-shadow:0 0 0 var(--flag);
}
/* Every CTA on this page centres within its own section. The former
   .rgdc-act--right modifier is deliberately gone rather than left unused:
   an unused alignment modifier is how a right-aligned button creeps back. */
#page-rummy-game-development-company .rgdc-act{display:flex;justify-content:center;margin-top:44px;}

/* ══ HERO ════════════════════════════════════════════════════════════════
   Rule 24. Full-bleed, STATIC linear-gradient, no image layer of any kind,
   content in a centred 900px column, exactly one CTA. The hairline rules are
   the deck's edge seen side-on — geometry, not decoration, and they do not
   move. ══════════════════════════════════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-hero{
  width:100%;
  padding:clamp(64px,8vw,124px) 24px clamp(56px,6vw,96px);
  background:linear-gradient(168deg,#0d131f 0%,#141c2b 46%,#1b2436 100%);
  border-bottom:1px solid var(--deck-line);
}
#page-rummy-game-development-company .rgdc-hero__inner{
  max-width:900px;margin-inline:auto;text-align:center;
}
#page-rummy-game-development-company .rgdc-hero h1{
  font-size:clamp(36px,5vw,64px);line-height:1.06;letter-spacing:-.028em;
  font-weight:800;color:var(--paper-2);margin:0 0 26px;
}
#page-rummy-game-development-company .rgdc-hero__copy{
  font-size:clamp(17px,1.35vw,18.5px);line-height:1.78;
  color:var(--on-ink);margin:0 auto 36px;max-width:820px;
}
/* the three ownership modes named in the record's own hero sentence, set as
   the top strips of three face-up cards. Text only — no icon, no image. */
#page-rummy-game-development-company .rgdc-hero__modes{
  list-style:none;margin:44px 0 0;padding:0;
  display:flex;justify-content:center;flex-wrap:wrap;gap:14px;
}
#page-rummy-game-development-company .rgdc-hero__modes li{
  display:flex;align-items:center;gap:12px;
  padding:12px 20px;border-radius:var(--r);
  border:1px solid var(--rule-ink);border-top:3px solid var(--flag);
  background:rgba(255,255,255,.035);
  font-size:16px;font-weight:650;color:var(--on-ink);
}
#page-rummy-game-development-company .rgdc-ix{
  font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;
  color:var(--flag);letter-spacing:.04em;
}

/* ══ BREADCRUMB ══════════════════════════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-crumbbar{
  background:var(--paper-3);border-bottom:1px solid var(--line);
}
#page-rummy-game-development-company .rgdc-crumb{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:16px 0;font-size:16px;color:var(--text-2);
}
#page-rummy-game-development-company .rgdc-crumb a{
  color:var(--flag-deep);font-weight:650;
}
#page-rummy-game-development-company .rgdc-crumb a:hover{text-decoration:underline;text-underline-offset:3px;}
#page-rummy-game-development-company .rgdc-crumb img{display:block;}

/* ══ PLATE — a face-up product card: square-cut, one marigold top edge ═══ */
#page-rummy-game-development-company .rgdc-plate{
  margin:0;padding:16px;border-radius:var(--r);
  background:var(--paper-2);border:1px solid var(--line);
  border-top:4px solid var(--flag);
  box-shadow:10px 10px 0 var(--paper-3);
}
#page-rummy-game-development-company .rgdc-plate img{
  display:block;width:100%;height:auto;border-radius:2px;
}
#page-rummy-game-development-company .rgdc-plate--flip{box-shadow:-10px 10px 0 var(--paper-3);}
#page-rummy-game-development-company .rgdc-plate--ink{
  background:rgba(255,255,255,.05);border-color:var(--rule-ink);
  box-shadow:10px 10px 0 rgba(255,255,255,.05);
}

/* ══ PROVIDER ════════════════════════════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-provider{padding:clamp(60px,7vw,104px) 0;}
#page-rummy-game-development-company .rgdc-provider__grid{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  gap:clamp(32px,5vw,72px);align-items:start;
}
#page-rummy-game-development-company .rgdc-provider__copy p{color:var(--text);}

/* ══ VARIETIES — the fanned open deck ════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-varieties{
  padding:clamp(60px,7vw,104px) 0;background:var(--deck);
}
#page-rummy-game-development-company .rgdc-fan{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;
}
#page-rummy-game-development-company .rgdc-fancard{
  position:relative;padding:34px 16px 20px;border-radius:var(--r);
  background:var(--paper-2);border:1px solid var(--line);
  display:flex;flex-direction:column;align-items:center;gap:12px;
  transition:transform .18s ease,box-shadow .18s ease;
}
/* the top strip: what makes the pile readable face-up */
#page-rummy-game-development-company .rgdc-fancard::before{
  content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--flag);
  border-radius:var(--r) var(--r) 0 0;
}
#page-rummy-game-development-company .rgdc-fancard__ix{
  position:absolute;top:12px;left:14px;
  font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;
  color:var(--flag-deep);letter-spacing:.04em;
}
#page-rummy-game-development-company .rgdc-fancard img{
  display:block;width:100%;max-width:150px;height:auto;
}
#page-rummy-game-development-company .rgdc-fancard__name{
  font-size:16px;font-weight:650;line-height:1.35;color:var(--text);text-align:center;
}
#page-rummy-game-development-company .rgdc-fancard:hover{
  transform:translateY(-6px);box-shadow:0 14px 0 -4px rgba(232,160,32,.5);
}

/* ══ LAUNCH BAND — a wide statement, not a card ══════════════════════════ */
#page-rummy-game-development-company .rgdc-launch{
  padding:clamp(48px,5.5vw,80px) 0;background:var(--paper-3);
  border-block:1px solid var(--line);
}
#page-rummy-game-development-company .rgdc-launch__grid{text-align:center;}
#page-rummy-game-development-company .rgdc-launch__grid .rgdc-h2{margin-bottom:10px;}
#page-rummy-game-development-company .rgdc-launch__line{
  font-size:19px;font-weight:600;color:var(--text-2);margin:0;
}

/* ══ WHY CHOOSE — mirrored against the provider band ═════════════════════ */
#page-rummy-game-development-company .rgdc-why{padding:clamp(60px,7vw,104px) 0;}
#page-rummy-game-development-company .rgdc-why__grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);
  gap:clamp(32px,5vw,72px);align-items:center;
}

/* ══ OFFERINGS — REDESIGNED ══════════════════════════════════════════════
   Was: an asymmetric head (heading left / art right) over a two-column run of
   plain rows. That read as a table of contents, not as an offer.
   Now: a centred lede, then the eighteen offerings
   DEALT — a responsive grid of face-up cards. Each card is a single target
   carrying its index, the record's circle marker and its own destination, so
   the band scans as a spread hand rather than a list. ═══════════════════ */
#page-rummy-game-development-company .rgdc-offer{
  padding:clamp(60px,7vw,104px) 0;background:var(--deck-2);
}
#page-rummy-game-development-company .rgdc-offer__lede{
  text-align:center;margin-bottom:clamp(36px,4.5vw,60px);
}
#page-rummy-game-development-company .rgdc-offer__lede .rgdc-h2{
  max-width:860px;margin-inline:auto;
}

#page-rummy-game-development-company .rgdc-deck{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.6vw,18px);
}
#page-rummy-game-development-company .rgdc-oc{display:flex;}
#page-rummy-game-development-company .rgdc-oc a{
  position:relative;display:flex;flex-direction:column;gap:10px;width:100%;
  padding:20px 20px 22px;border-radius:var(--r);
  background:rgba(255,255,255,.04);border:1px solid var(--rule-ink);
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
/* the live edge — the only thing that moves, and only on hover/focus */
#page-rummy-game-development-company .rgdc-oc a::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:0;
  border-radius:var(--r) 0 0 var(--r);background:var(--flag);
  transition:width .18s ease;
}
#page-rummy-game-development-company .rgdc-oc a:hover,
#page-rummy-game-development-company .rgdc-oc a:focus-visible{
  background:rgba(255,255,255,.075);border-color:var(--flag);transform:translateY(-3px);
}
#page-rummy-game-development-company .rgdc-oc a:hover::before,
#page-rummy-game-development-company .rgdc-oc a:focus-visible::before{width:4px;}
#page-rummy-game-development-company .rgdc-oc__ix{
  font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;
  color:var(--flag);letter-spacing:.06em;
}
#page-rummy-game-development-company .rgdc-oc__row{
  display:flex;align-items:flex-start;gap:10px;
}
#page-rummy-game-development-company .rgdc-oc__dot{flex:0 0 auto;display:block;margin-top:2px;}
#page-rummy-game-development-company .rgdc-oc__name{
  font-size:17px;font-weight:600;line-height:1.45;color:var(--on-ink);
  transition:color .18s ease;
}
#page-rummy-game-development-company .rgdc-oc a:hover .rgdc-oc__name,
#page-rummy-game-development-company .rgdc-oc a:focus-visible .rgdc-oc__name{color:var(--paper-2);}

/* ══ FEATURES — the stepped run ══════════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-feat{padding:clamp(60px,7vw,104px) 0;}
#page-rummy-game-development-company .rgdc-feat .rgdc-h2{max-width:900px;}
#page-rummy-game-development-company .rgdc-run{
  list-style:none;margin:0 0 48px;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;
}
#page-rummy-game-development-company .rgdc-run li{
  display:flex;align-items:center;gap:14px;
  padding:18px 20px;border-radius:var(--r);
  background:var(--paper-2);border:1px solid var(--line);
  border-left:4px solid var(--line-2);
  font-size:17px;font-weight:600;line-height:1.45;color:var(--text);
  transition:border-left-color .18s ease,transform .18s ease;
}
#page-rummy-game-development-company .rgdc-run li:hover{
  border-left-color:var(--flag);transform:translateX(4px);
}
#page-rummy-game-development-company .rgdc-run__ix{
  flex:0 0 auto;
  font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;
  color:var(--flag-deep);letter-spacing:.04em;
}
#page-rummy-game-development-company .rgdc-note{
  padding:30px clamp(22px,3vw,40px);border-radius:var(--r);
  background:var(--paper-3);border:1px solid var(--line);border-top:4px solid var(--deck);
  max-width:900px;
}

/* ══ HIRE BAND ═══════════════════════════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-hire{
  padding:clamp(56px,6.5vw,96px) 0;background:var(--deck-3);
}
#page-rummy-game-development-company .rgdc-hire__grid{text-align:center;}
#page-rummy-game-development-company .rgdc-hire__grid .rgdc-h2{max-width:860px;margin-inline:auto;}
#page-rummy-game-development-company .rgdc-hire__sub{
  font-size:18.5px;line-height:1.6;color:var(--on-ink);margin:0 auto 22px;max-width:760px;
}
#page-rummy-game-development-company .rgdc-hire__more{margin:14px 0 0;font-size:17px;}

/* ══ VERSIONS — the record gives this band an EMPTY heading, so it carries
     none. Three delivery modes, no CTA. ═════════════════════════════════ */
#page-rummy-game-development-company .rgdc-versions{padding:clamp(56px,6.5vw,96px) 0;}
#page-rummy-game-development-company .rgdc-versions__list{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);
}
#page-rummy-game-development-company .rgdc-versions__list li{
  padding:32px clamp(20px,2.4vw,30px);border-radius:var(--r);
  background:var(--paper-2);border:1px solid var(--line);
  border-bottom:4px solid var(--flag);
}
/* The three version icons from the record are authored fill="white" — on this
   band's white card they rendered white-on-white: the width/height attributes
   reserved the box, so the layout looked correct and the icon was simply not
   there. Reported from staging 2026-09-08.
   Fixed with a ground rather than by recolouring: the icons are the record's
   assets and are served from aiscmsapi, so they are not ours to edit, and a
   CSS filter on a remote SVG is fragile. An ink chip is also the honest OPEN
   DECK move — the white mark now sits on the deck's own ground.
   The chip is a FIXED 60x60 box with the icon centred, because the three
   assets have three different intrinsic sizes (36x32, 36x37, 22x37) and
   padding alone would have produced three different-sized chips. */
#page-rummy-game-development-company .rgdc-vchip{
  display:flex;align-items:center;justify-content:center;
  width:60px;height:60px;margin:0 0 18px;
  border-radius:var(--r);background:var(--deck);
  border:1px solid var(--rule-ink);
}
#page-rummy-game-development-company .rgdc-versions__list img{display:block;}
#page-rummy-game-development-company .rgdc-versions__list p{font-size:17px;color:var(--text-2);margin:0;}

/* ══ BEST — a two-column read ════════════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-best{
  padding:clamp(60px,7vw,104px) 0;background:var(--paper-3);
  border-block:1px solid var(--line);
}
#page-rummy-game-development-company .rgdc-best .rgdc-h2{max-width:900px;}
#page-rummy-game-development-company .rgdc-prose{
  columns:2;column-gap:clamp(32px,4vw,64px);
}
#page-rummy-game-development-company .rgdc-prose p{
  break-inside:avoid;color:var(--text);margin:0 0 18px;
}

/* ══ FAQ ═════════════════════════════════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-faqband{
  padding:clamp(60px,7vw,104px) 0;background:var(--deck);
}
#page-rummy-game-development-company .rgdc-faq{--faq-col:74px;max-width:980px;}
#page-rummy-game-development-company .rgdc-faq details{border-bottom:1px solid var(--rule-ink);}
#page-rummy-game-development-company .rgdc-faq summary{
  display:grid;grid-template-columns:var(--faq-col) minmax(0,1fr) 34px;
  align-items:center;gap:8px;padding:24px 4px;cursor:pointer;list-style:none;
}
#page-rummy-game-development-company .rgdc-faq summary::-webkit-details-marker{display:none;}
#page-rummy-game-development-company .rgdc-faq__ix{
  font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;
  color:var(--flag);letter-spacing:.04em;
}
#page-rummy-game-development-company .rgdc-faq summary h2{
  font-size:19px;line-height:1.4;font-weight:650;color:var(--on-ink);margin:0;
  transition:color .18s ease;
}
#page-rummy-game-development-company .rgdc-faq summary:hover h2,
#page-rummy-game-development-company .rgdc-faq details[open] summary h2{color:var(--paper-2);}
/* the marker turns a quarter-turn on open — a finite response to a click */
#page-rummy-game-development-company .rgdc-faq__mk{
  position:relative;width:22px;height:22px;justify-self:end;
  transition:transform .2s ease;
}
#page-rummy-game-development-company .rgdc-faq__mk::before,
#page-rummy-game-development-company .rgdc-faq__mk::after{
  content:"";position:absolute;left:50%;top:50%;background:var(--flag);
  transform:translate(-50%,-50%);
}
#page-rummy-game-development-company .rgdc-faq__mk::before{width:16px;height:2px;}
#page-rummy-game-development-company .rgdc-faq__mk::after{width:2px;height:16px;}
#page-rummy-game-development-company .rgdc-faq details[open] .rgdc-faq__mk{transform:rotate(90deg);}
#page-rummy-game-development-company .rgdc-faq details[open] .rgdc-faq__mk::after{opacity:0;}
#page-rummy-game-development-company .rgdc-faq__a{
  padding:0 40px 26px var(--faq-col);
}
#page-rummy-game-development-company .rgdc-faq__a p{font-size:17px;color:var(--on-ink-2);margin:0;}

/* ══ STORIES ═════════════════════════════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-stories{padding:clamp(60px,7vw,104px) 0;}
#page-rummy-game-development-company .rgdc-storylist{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,30px);
}
#page-rummy-game-development-company .rgdc-storylist li{
  border-radius:var(--r);background:var(--paper-2);
  border:1px solid var(--line);border-top:4px solid var(--deck);
  overflow:hidden;display:flex;flex-direction:column;
}
#page-rummy-game-development-company .rgdc-storylist p{
  font-size:16.5px;line-height:1.7;color:var(--text);margin:0;padding:22px;
}
#page-rummy-game-development-company .rgdc-vid{
  position:relative;display:block;width:100%;padding:0;border:0;
  background:var(--deck-2);cursor:pointer;line-height:0;
}
#page-rummy-game-development-company .rgdc-vid img{
  display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  transition:opacity .18s ease;
}
#page-rummy-game-development-company .rgdc-vid:hover img{opacity:.82;}
/* play marker — a static triangle, drawn in CSS. No motion of any kind. */
#page-rummy-game-development-company .rgdc-vid__mk{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:62px;height:62px;border-radius:50%;background:var(--flag);
  border:3px solid var(--paper-2);
  transition:transform .18s ease;
}
#page-rummy-game-development-company .rgdc-vid__mk::before{
  content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);
  border-style:solid;border-width:11px 0 11px 18px;
  border-color:transparent transparent transparent var(--deck);
}
#page-rummy-game-development-company .rgdc-vid:hover .rgdc-vid__mk{transform:translate(-50%,-50%) scale(1.08);}
#page-rummy-game-development-company .rgdc-story__frame{
  display:block;width:100%;aspect-ratio:16/9;border:0;background:var(--deck-2);
}
#page-rummy-game-development-company .rgdc-storylink{margin:34px 0 0;font-size:17px;}

/* ══ OTHER OFFERINGS — a link cloud; the links are the action ════════════ */
#page-rummy-game-development-company .rgdc-other{
  padding:clamp(60px,7vw,104px) 0;background:var(--paper-3);
  border-top:1px solid var(--line);
}
#page-rummy-game-development-company .rgdc-cloud{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:10px;
}
#page-rummy-game-development-company .rgdc-cloud a{
  display:inline-flex;align-items:center;min-height:44px;
  padding:10px 18px;border-radius:var(--r);
  background:var(--paper-2);border:1px solid var(--line);
  font-size:16px;font-weight:600;color:var(--text);
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
#page-rummy-game-development-company .rgdc-cloud a:hover,
#page-rummy-game-development-company .rgdc-cloud a:focus-visible{
  background:var(--deck);color:var(--paper-2);border-color:var(--deck);
}

/* ══ AREA WE SERVE ═══════════════════════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-area{
  padding:clamp(60px,7vw,104px) 0;background:var(--deck);
}
#page-rummy-game-development-company .rgdc-regions{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);
}
#page-rummy-game-development-company .rgdc-region{
  padding:28px 24px;border-radius:var(--r);
  background:rgba(255,255,255,.04);border:1px solid var(--rule-ink);
  border-top:3px solid var(--flag);
}
#page-rummy-game-development-company .rgdc-region .rgdc-h3{
  display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:.06em;
}
#page-rummy-game-development-company .rgdc-region .rgdc-h3 img{display:block;flex:0 0 auto;}
#page-rummy-game-development-company .rgdc-tel{
  display:inline-block;font-size:17px;font-weight:700;color:var(--flag-soft);margin-bottom:12px;
}
#page-rummy-game-development-company .rgdc-tel:hover{text-decoration:underline;text-underline-offset:3px;}
#page-rummy-game-development-company .rgdc-region p{font-size:16px;line-height:1.7;color:var(--on-ink-2);margin:0;}

/* ══ CTA MODAL ═══════════════════════════════════════════════════════════ */
#page-rummy-game-development-company .rgdc-modal{
  display:none;position:fixed;inset:0;z-index:9999;
  padding:20px;overflow-y:auto;background:rgba(8,12,20,.74);
}
#page-rummy-game-development-company .rgdc-modal.is-open{display:flex;align-items:flex-start;justify-content:center;}
#page-rummy-game-development-company .rgdc-modal__box{
  position:relative;width:100%;max-width:640px;margin:auto;
  background:var(--paper-2);border-radius:6px;overflow:hidden;
  box-shadow:0 30px 70px rgba(0,0,0,.5);
}
#page-rummy-game-development-company .rgdc-modal__x{
  position:absolute;top:12px;right:12px;z-index:2;
  width:38px;height:38px;border-radius:50%;border:1px solid var(--line);
  background:var(--paper-2);color:var(--text);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
#page-rummy-game-development-company .rgdc-modal__x:hover{
  background:var(--flag);color:var(--deck);border-color:var(--flag);
}
/* rule 20 — the GHL widget is a TWO-SLIDE survey whose slides are different
   heights, and it never posts its own height (it emits only ["iframeLoaded"]),
   so ANY fixed iframe height either wastes space under slide 1 or clips slide
   2's SUBMIT bar. This is the fix already landed on /blackjack-software-script
   under AISHTMLNEWDESIGN-326 and reused on /card-game-development, taken as-is
   rather than re-derived: GHL's own form_embed.js starts their iFrameResizer
   and sizes the iframe per slide, and the page behaviour script loads it on
   FIRST MODAL OPEN so no third-party JS reaches the critical path.
   The resizer overshoots the widget's own scrollHeight by exactly 5px; the
   negative margin cancels ONLY that, and .rgdc-modal__box's overflow:hidden
   clips it. Do NOT raise it to -95px — that eats the widget's intended padding
   and the SUBMIT bar sits flush against the modal's edge.
   Until the resizer initialises (or if the script is blocked) the iframe keeps
   a floor tall enough for the WORST slide and drops the negative margin, so a
   failed script degrades to "a little roomy", never to a clipped SUBMIT. */
#page-rummy-game-development-company .rgdc-modal iframe{
  display:block;width:100%;border:0;margin-bottom:-5px;
}
#page-rummy-game-development-company .rgdc-modal iframe:not([data-iframe-resizer-initialized]){
  min-height:1290px;margin-bottom:0;
}

/* ══ RESPONSIVE ══════════════════════════════════════════════════════════ */
@media (max-width:1180px){
  #page-rummy-game-development-company .rgdc-fan{grid-template-columns:repeat(3,minmax(0,1fr));}
  #page-rummy-game-development-company .rgdc-regions{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-rummy-game-development-company .rgdc-deck{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:960px){
  #page-rummy-game-development-company .rgdc-provider__grid,
  #page-rummy-game-development-company .rgdc-why__grid{grid-template-columns:minmax(0,1fr);}
  #page-rummy-game-development-company .rgdc-deck{grid-template-columns:repeat(2,minmax(0,1fr));}
  /* the plate leads on narrow screens, so the band still opens on an image */
  #page-rummy-game-development-company .rgdc-provider__grid .rgdc-plate{order:-1;}
  #page-rummy-game-development-company .rgdc-plate,
  #page-rummy-game-development-company .rgdc-plate--flip{box-shadow:6px 6px 0 var(--paper-3);}
  #page-rummy-game-development-company .rgdc-prose{columns:1;}
  #page-rummy-game-development-company .rgdc-storylist{grid-template-columns:minmax(0,1fr);}
  #page-rummy-game-development-company .rgdc-versions__list{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:720px){
  #page-rummy-game-development-company .rgdc-fan{grid-template-columns:repeat(2,minmax(0,1fr));}
  #page-rummy-game-development-company .rgdc-regions{grid-template-columns:minmax(0,1fr);}
  #page-rummy-game-development-company .rgdc-hero__modes{flex-direction:column;align-items:stretch;}
  #page-rummy-game-development-company .rgdc-hero__modes li{justify-content:flex-start;}
  #page-rummy-game-development-company .rgdc-btn{width:100%;padding:16px 24px;}
  #page-rummy-game-development-company .rgdc-act{justify-content:stretch;}
  #page-rummy-game-development-company .rgdc-deck{grid-template-columns:minmax(0,1fr);}
  #page-rummy-game-development-company .rgdc-faq{--faq-col:46px;}
  #page-rummy-game-development-company .rgdc-faq summary{grid-template-columns:var(--faq-col) minmax(0,1fr) 26px;padding:20px 2px;}
  #page-rummy-game-development-company .rgdc-faq summary h2{font-size:17.5px;}
  #page-rummy-game-development-company .rgdc-faq__a{padding:0 8px 22px var(--faq-col);}
  #page-rummy-game-development-company .rgdc-run{grid-template-columns:minmax(0,1fr);}
  /* Touch targets. The four tel: links and the breadcrumb are real tap targets
     and were 26-27px tall at 375px, so they get the 44px floor here. The
     in-copy .rgdc-inline links deliberately do NOT: they sit inside sentences,
     where WCAG 2.5.5 exempts inline text and inflating the box would break the
     line rhythm of the paragraph they belong to. */
  #page-rummy-game-development-company .rgdc-tel,
  #page-rummy-game-development-company .rgdc-crumb a{
    display:inline-flex;align-items:center;min-height:44px;
  }
}
@media (max-width:420px){
  #page-rummy-game-development-company .rgdc-fan{grid-template-columns:minmax(0,1fr);}
}

/* Respect a reader who has asked the OS for less motion. Rule 26 already
   forbids running animation; this removes the remaining hover transforms. */
@media (prefers-reduced-motion:reduce){
  #page-rummy-game-development-company *{transition-duration:.01ms !important;}
  #page-rummy-game-development-company .rgdc-btn:hover,
  #page-rummy-game-development-company .rgdc-btn:active,
  #page-rummy-game-development-company .rgdc-fancard:hover,
  #page-rummy-game-development-company .rgdc-run li:hover,
  #page-rummy-game-development-company .rgdc-vid:hover .rgdc-vid__mk{transform:none;}
}