/* Shared public-site palette, matching the supplied red / yellow / green reference. */
:root {
  --jr-burgundy: #850d04;
  --jr-burgundy-deep: #500900;
  --jr-burgundy-mid: #ad1b0b;
  --jr-gold: #dca83e;
  --jr-gold-light: #ffdf70;
  --jr-ivory: #fff;
  --jr-paper: #fff;
  --jr-ink: #191919;
  --jr-muted: #646464;
  --jr-line: #dec597;
  --jr-shadow: 0 18px 45px #64140012;
}
body { background: var(--jr-paper); }
.approved-desktop-hero { display: none; }
@media(min-width:721px) {
  .home-page .reference-showcase { padding-bottom: 0; background: #350200; }
  .approved-desktop-hero { display: block; position: relative; overflow: hidden; }
  .approved-desktop-hero > img { display: block; width: 100%; height: auto; margin-top: -6.8vw; }
  .reference-showcase > .showcase-stage,.reference-showcase > .showcase-footer { display: none; }
  .approved-desktop-hero a.approved-download-hotspot { position: absolute; left: 54.25%; top: 58.35%; width: 30%; height: 14.3%; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 8px; border: 1px solid #64cd73; border-radius: 14px; background: linear-gradient(#299f32,#098916); color: white; box-shadow: inset 0 1px 0 #ffffff38,0 5px 0 #08651a; font-size: clamp(12px,1.55vw,28px); font-weight: 750; text-align: center; white-space: nowrap; }
  .approved-desktop-hero a.approved-download-hotspot { gap: clamp(10px,1.2vw,24px); border: 2px solid #69cb76; border-radius: 14px; font-weight: 800; box-shadow: inset 0 1px 0 #ffffff38,0 7px 0 #08651a; }
  .approved-desktop-hero .approved-download-hotspot::after { content: ""; position: absolute; inset: 4px; border: 1px solid #a4e29d99; border-radius: 10px; pointer-events: none; }
  .approved-download-hotspot svg { flex: none; width: clamp(24px,2.4vw,44px); height: clamp(24px,2.4vw,44px); fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  .approved-desktop-hero a.approved-download-hotspot:hover { background: linear-gradient(#30b03b,#109624); box-shadow: inset 0 1px 0 #ffffff40,0 7px 0 #08651a,0 12px 28px #00000030; }
  .approved-desktop-hero a.approved-download-hotspot:focus-visible { outline: 3px solid white; outline-offset: 4px; }
}
body .site-footer .footer-grid { width: min(1480px,92%); }
/* One download treatment, including legacy About-page CTA variants. */
body a[href="https://cdn.masterummy.com/apk/2000716/MasterRummy.apk"] { color: #fff; background: linear-gradient(#299f32,#098916); border: 1px solid #64cd73; box-shadow: inset 0 1px 0 #ffffff38,0 5px 0 #08651a,0 10px 24px #00000026; }
body a[href="https://cdn.masterummy.com/apk/2000716/MasterRummy.apk"]:hover { color: #fff; background: linear-gradient(#30b03b,#109624); border-color: #82df8c; box-shadow: inset 0 1px 0 #ffffff40,0 6px 0 #08651a,0 12px 28px #00000030; }
body a[href="https://cdn.masterummy.com/apk/2000716/MasterRummy.apk"]:active { background: linear-gradient(#208d2b,#08771b); box-shadow: 0 2px 0 #065417; }
body a[href="https://cdn.masterummy.com/apk/2000716/MasterRummy.apk"]:focus-visible { outline: 3px solid #c1f4c8; outline-offset: 5px; }
.about-hero-actions .about-apk-button { width: auto; min-width: 280px; max-width: 100%; }
body .site-header .nav-actions a.button-small { display: inline-flex; flex: 0 0 132px; width: 132px; height: 42px; min-height: 42px; padding: 10px 14px; justify-content: center; font-size: 14px; font-weight: 700; letter-spacing: 0; }
@media(max-width:720px) { body .site-header .nav-actions a.button-small { flex-basis: 104px; width: 104px; height: 38px; min-height: 38px; padding: 8px 10px; font-size: 12px; } }
/* Identical header geometry across all public pages. */
body .site-header .nav-shell { width: min(1480px,92%); height: 78px; display: flex; gap: 30px; }
body .site-header .desktop-nav { margin: 0 0 0 auto; gap: clamp(20px,2.9vw,44px); }
body .site-header .desktop-nav a { font-size: 15px; font-weight: 500; letter-spacing: 0; }
body .site-header .desktop-nav a::after { bottom: -24px; }
body .site-header .nav-actions { gap: 24px; }
body .site-header .button-small { min-width: 0; min-height: 42px; padding: 10px 18px; gap: 8px; font-size: 14px; border-radius: 8px; }
body .site-header .language-menu { top: 78px; }
.mobile-dock { grid-template-columns: repeat(5,minmax(0,1fr)); }
@media(max-width:1120px) and (min-width:721px) { body .site-header .nav-shell { gap: 18px; } body .site-header .desktop-nav { gap: 20px; } body .site-header .desktop-nav a { font-size: 13px; } body .site-header .nav-actions { gap: 10px; } }
@media(max-width:720px) { body .site-header .nav-shell { height: 68px; gap: 12px; } body .site-header .nav-actions { gap: 7px; } body .site-header .language-menu,body .site-header .mobile-menu { top: 68px; } }
.home-page .desktop-nav a[href="/"] { display: inline-flex; }
.site-header,.site-header.scrolled,.site-header.menu-open,.article-page .site-header { padding-top: 0; }
.site-header::before { display: none; }
@media(min-width:721px) {
  html { scroll-padding-top: 88px; }
  .page-hero { padding-top: 164px; }
  .about-hero { padding-top: 84px; }
  .about-hero::before,.about-hero-visual { top: 84px; }
  .about-assurance-bar { top: 84px; }
  .article-library-nav { top: 84px; margin-top: 84px; }
  .language-menu,.mobile-menu { top: 84px; }
  .home-page .language-menu { top: 78px; }
}
.reference-showcase .showcase-button.showcase-download { border-color: #64cd73; box-shadow: inset 0 1px 0 #ffffff38,0 5px 0 #08651a,0 10px 24px #00000026; }
.reference-showcase .showcase-button.showcase-download:hover { background: linear-gradient(#30b03b,#109624); border-color: #82df8c; box-shadow: inset 0 1px 0 #ffffff40,0 6px 0 #08651a,0 12px 28px #00000030; transform: translateY(-2px); }
.reference-showcase .showcase-button.showcase-download:active { background: linear-gradient(#208d2b,#08771b); box-shadow: inset 0 1px 0 #ffffff26,0 2px 0 #065417,0 4px 12px #00000024; transform: translateY(1px); }
.reference-showcase .showcase-download::before { background: linear-gradient(90deg,transparent,#ffffff26,transparent); }
.reference-showcase .showcase-download::after { border-color: #ffffff40; }
.reference-showcase .showcase-button.showcase-download:focus-visible { outline: 3px solid #c1f4c8; outline-offset: 5px; }
@media(max-width:720px) {
  .reference-showcase .showcase-footer { display: none; }
  .home-page .reference-showcase { padding-bottom: 0; }
}
.home-page .site-header .button-small { min-width: 0; min-height: 42px; padding: 10px 18px; gap: 8px; font-size: 14px; }
.final-cta { background: linear-gradient(115deg,#9d1707,#620b02 64%,#500900); }
.reference-showcase .showcase-assurances { grid-template-columns: repeat(4,minmax(0,1fr)); padding: 14px 20px; min-height: 0; }
.reference-showcase .showcase-assurance { justify-content: center; padding: 0 10px; gap: 10px; }
.reference-showcase .showcase-assurance img { width: 36px; height: 40px; object-fit: contain; flex-shrink: 0; filter: url(#trust-remove-matte); }
.reference-showcase .showcase-assurance strong { font-family: Georgia,serif; font-size: clamp(12px,1.1vw,15px); white-space: nowrap; }
@media(max-width:980px) { .reference-showcase .showcase-assurance { padding-inline: 8px; gap: 8px; } .reference-showcase .showcase-assurance strong { font-size: 14px; } }
@media(max-width:720px) { .reference-showcase .showcase-assurances { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 8px; } .reference-showcase .showcase-assurance { justify-content: flex-start; padding: 10px 6px; border: 0; } .reference-showcase .showcase-assurance img { width: 28px; height: 32px; } .reference-showcase .showcase-assurance strong { font-size: 12px; line-height: 1.4; white-space: normal; } }
.site-header,.site-header.scrolled,.site-header.menu-open,.article-page .site-header,.home-page > .site-header { background: #520900; }
.site-header::before { background: #710e03; }
.site-header .brand-logo,.home-page .site-header .brand-logo { width: 116px; height: 62px; object-fit: contain; border: 0; border-radius: 0; box-shadow: none; transform: none; background: transparent; }
.site-header .brand > span,.footer-brand .brand > span { display: none; }
.footer-brand .brand-logo { width: 132px; height: 72px; object-fit: contain; border: 0; border-radius: 0; box-shadow: none; background: transparent; }
.language-menu,.mobile-menu,.mobile-dock { background: #520900; }
.mobile-dock a.active { background: #892009; color: #ffe177; }
.site-footer { background: #84170e; }
.footer-bottom,.footer-brand p,.footer-age p { color: #e3c5a5; }
.home-explore,.article-detail,.legal-content,.about-final-download { background: #fff; }
.home-explore h2,.home-explore h3,.article-detail h1 { color: #191919; }
.explore-card,.article-detail-shell,.article-related-card { background: #fff; border-color: #eee6d9; }
.home-explore::before,.home-explore::after { display: none; }
.home-news,.home-videos,.home-faq,.features,.page-main,.games-section,.knowledge-section,.news-section,.videos-section { background: #fff; }
.feature-card,.feature-card:first-child { background: linear-gradient(100deg,#fff0bb,#fff); }
.home-faq .faq-item { background: #fff; border: 1px solid #ececec; border-radius: 8px; padding-inline: 18px; margin-bottom: 16px; box-shadow: 0 5px 15px #00000004; }
.section-heading h2,.faq-item button,.game-card h2,.feature-card h3,.video-copy h3,.news-copy h3 { color: #191919; }
.site-footer { padding-bottom: 0; }
.site-footer .footer-bottom { width: 100%; max-width: none; box-sizing: border-box; margin-top: 40px; padding: 22px max(4%,calc((100% - 1240px)/2)); background: #590f09; border-top: 1px solid #ffffff18; color: #e8c9b6; gap: 16px 30px; flex-wrap: wrap; font-size: 12px; line-height: 1.6; }
.site-footer .footer-bottom > div { flex-direction: row; flex-wrap: wrap; gap: 10px 20px; }
.site-footer .footer-bottom a:hover { color: #fff; }
@media(max-width:720px) { .site-footer .footer-bottom { display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: 28px; padding: 22px 6% 28px; } .site-footer .footer-bottom > div { justify-content: center; margin-top: 0; gap: 10px 16px; } }
.reference-showcase { background: radial-gradient(ellipse at 25% 42%,#ad291538,transparent 46%),linear-gradient(110deg,#870900bb,#270000e8),url('/assets/website2/hero-reference/assets/card-suit-pattern.svg') center/190px,#8c1005; }
.reference-showcase .showcase-download,.button-gold,.button-cream,.apk-button,.site-header .button-gold { background: linear-gradient(#299f32,#098916); }
.page-hero,.about-hero,.home-rules,.home-download { background: linear-gradient(120deg,#a71908,#620900); }
.page-hero::before { background: linear-gradient(120deg,#961609e8,#610900e8); }
.about-hero::before { background: linear-gradient(90deg,#590900f5,#790d03df 38%,#790d0344 74%); }
.about-assurance-bar,.about-trust-ribbon { background: #650d03ed; }
.about-download-panel,.about-support-panel,.play-modal { background: linear-gradient(135deg,#991706,#590a02); }
.button-gold,.button-cream,.apk-button,.site-header .button-gold { color: #fff; background: linear-gradient(#23c83d,#10972a); border-color: #68d977; box-shadow: 0 4px 0 #086b1b; }
.button-gold:hover,.button-cream:hover,.apk-button:hover { color: #fff; background: linear-gradient(#32d64a,#118529); }
.button-gold:focus-visible,.button-cream:focus-visible,.apk-button:focus-visible { outline: 3px solid #dbac43; outline-offset: 4px; }
@media(max-width:1120px) { .site-header .brand-logo,.home-page .site-header .brand-logo { width: 98px; height: 54px; } }
@media(max-width:720px) { .site-header .brand-logo,.home-page .site-header .brand-logo { width: 92px; height: 50px; } }