/* 696 Slots child theme design system — jade-pearl light-premium Myanmar palette
   deep teal primary + lime-sport accent, per .control-room/factory-selection.json */
:root{
  --site-bg:#eef7f5;
  --site-surface:#fbfefd;
  --site-surface-2:#f3f9f8;
  --site-ink:#122622;
  --site-ink-soft:#4c635d;
  --site-primary:#0f6d5c;
  --site-primary-dark:#0a4d40;
  --site-accent:#8fe23a;
  --site-accent-dark:#5aa61c;
  --site-violet:#635ae2;
  --site-border:rgba(18,38,34,0.12);
  --site-gold:#c8912b;
  --radius-lg:24px;
  --radius-md:16px;
  --radius-sm:10px;
  --shadow-soft:0 20px 44px rgba(15,109,92,0.14);
}

body{
  background:var(--site-bg) !important;
  color:var(--site-ink);
  font-family:'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Myanmar", "Padauk", sans-serif;
}
#content, .site-content, .ast-container{ background:transparent; }
a{ color:var(--site-primary); }
a:hover{ color:var(--site-primary-dark); }

/* ---------- Header brand mark ---------- */
.site-branding .custom-logo,
.site-branding img.custom-logo,
.ast-mobile-header-content img.custom-logo{
  max-height:44px;
  width:auto;
  height:auto;
}
.ast-site-title-wrap .site-title a,
.site-title a{
  font-weight:800;
  letter-spacing:.2px;
  color:var(--site-primary-dark) !important;
}
.main-header-bar{
  background:var(--site-surface) !important;
  border-bottom:1px solid var(--site-border);
}

/* ---------- CTA menu-item button treatment ---------- */
.mk-cta-btn,
.main-navigation .menu-item.mk-cta > a,
.ast-builder-menu .menu-item.mk-cta > a,
#mobile-menu .menu-item.mk-cta > a{
  background:linear-gradient(135deg,var(--site-accent),var(--site-accent-dark)) !important;
  color:#0c2308 !important;
  font-weight:800 !important;
  border-radius:999px !important;
  padding:10px 22px !important;
  box-shadow:0 8px 18px rgba(143,226,58,0.35);
}
.main-navigation .menu-item.mk-cta > a:hover{ filter:brightness(1.06); }

/* ---------- Mobile drawer light override ---------- */
.ast-mobile-popup-drawer, #ast-mobile-header .ast-mobile-header-content{
  background:var(--site-surface) !important;
}
.ast-mobile-popup-drawer #mobile-menu a, .ast-mobile-popup-drawer .menu-link{
  color:var(--site-ink) !important;
}

/* ---------- Sticky mobile CTA bar ---------- */
.mk-mobile-cta-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:999;
  display:flex; gap:10px; padding:10px 14px;
  background:var(--site-surface); border-top:1px solid var(--site-border);
  box-shadow:0 -8px 24px rgba(15,109,92,0.10);
}
.mk-mobile-cta-bar a{
  flex:1 1 0; text-align:center; padding:12px 10px; border-radius:999px;
  font-weight:800; font-size:14.5px; text-decoration:none;
}
.mk-mobile-cta-bar .mk-cta-primary{
  background:linear-gradient(135deg,var(--site-accent),var(--site-accent-dark)); color:#0c2308;
  animation:mk-cta-pulse 2.2s ease-in-out infinite;
}
.mk-mobile-cta-bar .mk-cta-secondary{
  background:var(--site-surface-2); color:var(--site-primary-dark); border:1.5px solid var(--site-primary);
}
@keyframes mk-cta-pulse{
  0%,100%{ box-shadow:0 4px 14px rgba(39,146,51,0.25); transform:scale(1); }
  50%{ box-shadow:0 6px 20px rgba(39,146,51,0.5); transform:scale(1.02); }
}
@media (min-width:901px){ .mk-mobile-cta-bar{ display:none; } }
body.mk696-site{ padding-bottom:0; }
@media (max-width:900px){ body.mk696-site{ padding-bottom:64px; } }

/* ---------- Layout shell for route pages ---------- */
.mk-route{ max-width:1180px; margin:0 auto; padding:8px 20px 40px; }
.mk-hero{
  background:linear-gradient(160deg,var(--site-surface) 0%, #e3f3ee 100%);
  border:1px solid var(--site-border);
  border-radius:var(--radius-lg);
  padding:34px 28px; margin:18px 0 30px; box-shadow:var(--shadow-soft);
}
.mk-hero.mk-hero-split{ display:grid; grid-template-columns:1.1fr .9fr; gap:26px; align-items:center; }
.mk-hero.mk-hero-split img{ width:100%; border-radius:var(--radius-md); box-shadow:var(--shadow-soft); }
@media (max-width:780px){ .mk-hero.mk-hero-split{ grid-template-columns:1fr; } }
.mk-hero h1{ font-size:clamp(28px,4vw,42px); line-height:1.25; margin:0 0 12px; color:var(--site-primary-dark); }
.mk-hero p.mk-lede{ font-size:18px; line-height:1.8; color:var(--site-ink-soft); margin:0 0 18px; }
.mk-eyebrow{ display:inline-block; font-size:13px; font-weight:800; letter-spacing:.4px; color:var(--site-primary); background:var(--site-surface-2); border:1px solid var(--site-border); border-radius:999px; padding:5px 14px; margin-bottom:12px; }
.mk-cta-row{ display:flex; gap:12px; flex-wrap:wrap; }
.mk-btn{ display:inline-block; padding:13px 26px; border-radius:999px; font-weight:800; text-decoration:none; }
.mk-btn-primary{ background:linear-gradient(135deg,var(--site-accent),var(--site-accent-dark)); color:#0c2308; box-shadow:0 10px 22px rgba(143,226,58,0.35); }
.mk-btn-ghost{ background:var(--site-surface); color:var(--site-primary-dark); border:1.5px solid var(--site-primary); }

.mk-section{ margin:34px 0; }
.mk-section h2{ font-size:clamp(22px,3vw,30px); color:var(--site-primary-dark); margin:0 0 14px; padding-bottom:8px; border-bottom:3px solid var(--site-accent); display:inline-block; }
.mk-section p{ line-height:1.85; font-size:16.5px; color:var(--site-ink); }
.mk-section ul, .mk-section ol{ line-height:1.85; font-size:16.5px; padding-inline-start:22px; }
.mk-section li{ margin-bottom:8px; }

/* ---------- Game inventory / card grids ---------- */
.mk-inventory-tools{ display:flex; gap:10px; flex-wrap:wrap; margin:14px 0 18px; }
.mk-inventory-tools input[type="search"]{ flex:1 1 220px; padding:11px 16px; border-radius:999px; border:1.5px solid var(--site-border); font-size:14.5px; background:var(--site-surface); color:var(--site-ink); }
.mk-chip{ padding:9px 16px; border-radius:999px; border:1.5px solid var(--site-border); background:var(--site-surface); font-size:13.5px; font-weight:700; color:var(--site-ink-soft); cursor:pointer; }
.mk-chip.is-active{ background:var(--site-primary); border-color:var(--site-primary); color:#fff; }

.mk-card-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; margin:18px 0; }
.mk-card{ position:relative; background:var(--site-surface); border:1px solid var(--site-border); border-radius:var(--radius-md); overflow:hidden; color:var(--site-ink); display:block; transition:transform .15s ease, box-shadow .15s ease; }
.mk-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-soft); color:var(--site-ink); }
.mk-card .mk-cardimgwrap{ display:block; }
.mk-card img{ width:100%; aspect-ratio:3/4; object-fit:cover; display:block; }
.mk-card .mk-card-body{ padding:10px 12px 14px; }
.mk-card .mk-card-title{ font-weight:700; font-size:14px; margin:0 0 3px; }
.mk-card .mk-card-tag{ font-size:12px; color:var(--site-ink-soft); }
.mk-card-link{ position:absolute; inset:0; z-index:2; }

.mk-loadmore-wrap{ text-align:center; margin:18px 0 6px; grid-column:1/-1; }
.mk-loadmore-btn{ display:inline-block; padding:11px 26px; border-radius:999px; font-weight:800; background:var(--site-surface); border:1.5px solid var(--site-primary); color:var(--site-primary-dark); cursor:pointer; font-size:14.5px; }
.mk-loadmore-btn:hover{ background:var(--site-primary); color:#fff; }
.mk-hidden-item[hidden]{ display:none; }

.mk-tile-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:12px; margin:18px 0; }
.mk-tile{ background:var(--site-surface); border:1px solid var(--site-border); border-radius:var(--radius-sm); text-align:center; padding:16px 10px; text-decoration:none; color:var(--site-ink); font-weight:700; font-size:14px; }
.mk-tile:hover{ border-color:var(--site-primary); color:var(--site-primary-dark); }

.mk-split{ display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:center; margin:26px 0; }
.mk-split.mk-rev{ direction:rtl; }
.mk-split.mk-rev > *{ direction:ltr; }
.mk-split img{ width:100%; border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); }
@media (max-width:780px){ .mk-split{ grid-template-columns:1fr; } .mk-split.mk-rev{ direction:ltr; } }

.mk-banner{ width:100%; border-radius:var(--radius-lg); margin:20px 0; box-shadow:var(--shadow-soft); }

.mk-trust-strip{ background:var(--site-surface); border:1px solid var(--site-border); border-radius:var(--radius-lg); padding:22px; margin:30px 0; }
.mk-trust-strip h2{ border:0; padding:0; }
.mk-trust-row{ display:flex; flex-wrap:wrap; gap:16px; align-items:center; margin-top:14px; }
.mk-trust-row img{ height:34px; width:auto; object-fit:contain; }

.mk-review-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px; margin-top:14px; }
.mk-review-card{ background:var(--site-surface); border:1px solid var(--site-border); border-radius:var(--radius-md); padding:16px 18px; }
.mk-review-stars{ color:var(--site-gold); font-size:15px; margin-bottom:6px; }
.mk-review-quote{ font-size:14.5px; line-height:1.7; margin:0 0 10px; }
.mk-review-name{ font-weight:700; font-size:13.5px; display:flex; align-items:center; gap:8px; }
.mk-avatar{ width:28px; height:28px; border-radius:50%; background:var(--site-primary); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:800; }
.mk-illustrative-note{ font-size:13px; color:var(--site-ink-soft); background:var(--site-surface-2); border-radius:var(--radius-sm); padding:10px 14px; margin-bottom:6px; }

.mk-faq-item{ border-bottom:1px solid var(--site-border); padding:14px 0; }
.mk-faq-item summary{ font-weight:700; cursor:pointer; font-size:16px; color:var(--site-primary-dark); }
.mk-faq-item p{ margin-top:10px; }

.mk-table{ width:100%; border-collapse:collapse; margin:16px 0; }
.mk-table th, .mk-table td{ border:1px solid var(--site-border); padding:10px 12px; text-align:left; font-size:15px; }
.mk-table th{ background:var(--site-surface-2); color:var(--site-primary-dark); }

.mk-steps{ counter-reset:mkstep; list-style:none; padding:0; }
.mk-steps li{ counter-increment:mkstep; position:relative; padding-left:44px; margin-bottom:14px; line-height:1.8; }
.mk-steps li::before{ content:counter(mkstep); position:absolute; left:0; top:0; width:30px; height:30px; border-radius:50%; background:var(--site-primary); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; }

.mk-disclosure{ background:#fff7ec; border:1px solid #e7cf9d; border-radius:var(--radius-md); padding:14px 18px; font-size:14.5px; line-height:1.7; margin:20px 0; }

.mk-footer-social{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.mk-footer-social a{ display:inline-flex; align-items:center; gap:6px; background:var(--site-surface); border:1px solid var(--site-border); border-radius:999px; padding:8px 16px; font-size:13.5px; color:var(--site-ink); text-decoration:none; font-weight:700; }
.mk-footer-social a:hover{ border-color:var(--site-primary); color:var(--site-primary-dark); }
.mk-footer-address{ font-size:13.5px; color:var(--site-ink-soft); margin-top:10px; line-height:1.7; }

.mk-scorestrip{ display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.mk-scorestrip .mk-score-chip{ background:var(--site-surface-2); border:1px solid var(--site-border); border-radius:var(--radius-sm); padding:10px 16px; font-weight:800; font-size:13.5px; color:var(--site-primary-dark); }

@media (max-width:600px){
  .mk-card-grid{ grid-template-columns:repeat(2,1fr); }
  .mk-tile-grid{ grid-template-columns:repeat(2,1fr); }
}

/* ---------- Sitewide custom footer (mu-plugin injected) ---------- */
.mk-custom-footer{ background:var(--site-primary-dark); color:#eaf6f2; padding:44px 20px 20px; }
.mk-footer-inner{ max-width:1180px; margin:0 auto; }
.mk-footer-top{ display:grid; grid-template-columns:1.2fr 2fr; gap:40px; }
.mk-footer-brandname{ font-size:22px; font-weight:800; margin-bottom:10px; color:#fff; }
.mk-footer-tagline{ font-size:14px; line-height:1.75; color:#cfe8e0; margin:0 0 16px; max-width:38ch; }
.mk-footer-social-label{ display:block; font-size:13px; font-weight:800; color:#8fe23a; margin-bottom:8px; }
.mk-footer-social-row{ display:flex; flex-wrap:wrap; gap:8px; }
.mk-footer-social-row a{ display:inline-flex; align-items:center; padding:7px 14px; border-radius:999px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.16); color:#dcf0ea; font-size:12.5px; font-weight:700; text-decoration:none; }
.mk-footer-social-row a:hover{ background:rgba(143,226,58,0.18); border-color:#8fe23a; color:#fff; }
.mk-footer-social{ margin-bottom:14px; }
.mk-footer-address{ font-size:13px; color:#bcd8cf; line-height:1.7; margin:0; }
.mk-footer-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.mk-footer-col h3{ font-size:14px; color:#8fe23a; margin:0 0 10px; font-weight:800; }
.mk-footer-col ul{ list-style:none; margin:0; padding:0; }
.mk-footer-col li{ margin-bottom:8px; }
.mk-footer-col a{ color:#dcf0ea; text-decoration:none; font-size:14px; }
.mk-footer-col a:hover{ color:#8fe23a; }
.mk-footer-legal{ border-top:1px solid rgba(255,255,255,0.14); margin-top:30px; padding-top:18px; }
.mk-footer-legal-links{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:12px; }
.mk-footer-legal-links a{ color:#bcd8cf; font-size:13px; text-decoration:none; }
.mk-footer-legal-links a:hover{ color:#fff; }
.mk-footer-note{ font-size:12.5px; color:#9cc2b8; line-height:1.7; margin:0; }
@media (max-width:900px){
  .mk-footer-top{ grid-template-columns:1fr; }
  .mk-footer-cols{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:520px){
  .mk-footer-cols{ grid-template-columns:1fr 1fr; gap:16px; }
}

/* Header "Login & Play" CTA menu item styled as a pill button */
.main-header-menu .menu-item-cta{ margin-left:8px; }
.main-header-menu .menu-item-cta > .menu-link{
  background:var(--site-accent);
  color:var(--site-primary-dark) !important;
  font-weight:700;
  padding:10px 24px !important;
  border-radius:999px;
  height:auto !important;
  line-height:1.2 !important;
}
.main-header-menu .menu-item-cta > .menu-link:hover{
  background:var(--site-accent-dark);
  color:#fff !important;
}
@media (max-width:921px){
  .main-header-menu .menu-item-cta{ margin-left:0; }
  .main-header-menu .menu-item-cta > .menu-link{ display:inline-flex !important; }
}
/* 696 Slots — midnight / copper / sandstone, 2026-09-15 */
:root{--site-bg:#f3f0eb;--site-surface:#fffdf9;--site-surface-2:#ece8e1;--site-ink:#24313e;--site-ink-soft:#52606c;--site-primary:#254357;--site-primary-dark:#132a3b;--site-accent:#d9aa75;--site-accent-dark:#b97c42;--site-border:#dedbd5;--site-gold:#a56832;--shadow-soft:0 14px 35px #172c3d0c;--radius-lg:24px}
body{line-height:1.8} .mk-route{max-width:1280px;padding:24px 28px 64px}.mk-hero{background:linear-gradient(120deg,#152b3e,#25475b);padding:48px;margin:12px 0 56px;border:1px solid #385366;box-shadow:0 20px 45px #172c3d12;color:#fffdf9}.mk-hero.mk-hero-split{grid-template-columns:1.08fr 1fr;gap:38px}.mk-hero h1{font-size:clamp(27px,2.8vw,40px);line-height:1.6;color:#fffdf9;margin-bottom:20px}.mk-hero p.mk-lede,.mk-hero p{color:#dce5eb;font-size:16px;line-height:1.95}.mk-hero.mk-hero-split img{aspect-ratio:4/3;object-fit:cover;border-radius:18px;box-shadow:none}.mk-hero .mk-eyebrow{background:#ffffff0d;color:#f1c997;border-color:#d9aa7544;letter-spacing:.3px;padding:7px 13px}.mk-hero .mk-score-chip{background:#ffffff09;color:#dce5eb;border-color:#ffffff20;padding:8px 11px}.mk-scorestrip{gap:7px}.mk-btn{border-radius:12px;padding:13px 22px;min-height:48px}.mk-btn-primary,.mk-mobile-cta-bar .mk-cta-primary{background:#d9aa75;color:#132a3b;box-shadow:none;animation:none}.mk-btn-primary:hover{background:#edc89b;color:#132a3b}.mk-btn-ghost{background:transparent;border-color:#93a5b1;color:#fffdf9}.mk-section .mk-btn-ghost{color:#254357;border-color:#254357}.mk-section{margin:58px 0}.mk-section h2{border:0;display:block;font-size:clamp(23px,2.2vw,30px);line-height:1.7;margin-bottom:18px;padding:0;letter-spacing:-.3px}.mk-section h2:before{content:'';display:block;width:36px;height:3px;background:#b97c42;margin-bottom:15px}.mk-section p{line-height:1.95;font-size:16px}.mk-inventory-tools{padding:16px;background:#eae6df;border:1px solid #dedbd5;border-radius:18px;gap:8px}.mk-inventory-tools input[type=search]{border-radius:10px;min-height:46px}.mk-chip{border-radius:10px;min-height:44px}.mk-chip:hover{background:#d9aa7533}.mk-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.mk-card{box-shadow:0 4px 18px #132a3b06;border-radius:16px}.mk-card img{aspect-ratio:3/4;object-fit:contain;background:#142738}.mk-card .mk-card-body{padding:16px}.mk-card .mk-card-title{font-size:16px;line-height:1.6}.mk-card .mk-card-tag{font-size:12px;margin-top:5px}.mk-card:focus-within{outline:3px solid #a56832;outline-offset:3px}.mk-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mk-tile{padding:24px 18px;text-align:left;border-radius:14px;box-shadow:none}.mk-tile:hover{background:#fff;border-color:#b97c42}.mk-split{gap:38px;margin:46px 0}.mk-split img{aspect-ratio:3/2;object-fit:cover;box-shadow:none}.mk-trust-strip{padding:28px}.mk-trust-row{gap:20px}.mk-trust-row img{height:48px;max-width:180px;border-radius:7px}.mk-review-card{padding:24px;box-shadow:none}.mk-faq-item{background:#fffdf9;border:1px solid #dedbd5;border-radius:12px;padding:20px 24px;margin-bottom:10px}.mk-faq-item summary{line-height:1.8}.mk-custom-footer{background:#132a3b;padding:56px 28px 24px}.mk-footer-inner{max-width:1224px}.mk-footer-tagline,.mk-footer-note,.mk-footer-address{color:#c0ccd5}.mk-footer-social-label,.mk-footer-col h3{color:#e4b783}.mk-footer-col a,.mk-footer-legal-links a{color:#dce5eb}.mk-footer-col a:hover{color:#f1c997}.mk-footer-social-row a:hover{background:#d9aa7522;border-color:#d9aa75}.mk-disclosure{background:#eee7dd;border-color:#d8c9b7}.mk-mobile-cta-bar{padding-bottom:max(10px,env(safe-area-inset-bottom));background:#fffdf9}.mk-mobile-cta-bar a{border-radius:10px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ac7540;outline-offset:3px}
@media(max-width:1000px){.mk-hero{padding:30px}.mk-hero.mk-hero-split{gap:26px}.mk-card-grid{gap:14px}.mk-card .mk-card-body{padding:12px}.mk-footer-top{gap:28px}}
@media(max-width:780px){.mk-route{padding:18px 18px 44px}.mk-hero{padding:24px;margin:0 0 36px;border-radius:20px}.mk-hero.mk-hero-split{grid-template-columns:1fr}.mk-hero h1{font-size:27px;line-height:1.65}.mk-hero p.mk-lede{font-size:15px}.mk-hero.mk-hero-split img{aspect-ratio:3/2}.mk-section{margin:38px 0}.mk-section h2{font-size:24px}.mk-section p{font-size:15.5px}.mk-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mk-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-tile{padding:18px 14px}.mk-split{gap:24px}.mk-trust-row img{height:38px;max-width:140px}.mk-cta-row{gap:10px}.mk-btn{padding:12px 17px;font-size:14px}.mk-inventory-tools{padding:12px}.mk-chip{padding:8px 12px;font-size:12px}.mk-faq-item{padding:17px}.mk-footer-cols{gap:24px 16px}.mk-custom-footer{padding:38px 20px 24px}.mk-table{display:block;overflow-x:auto}.mk-hero .mk-score-chip{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.mk-card{transition:none}}
.entry-content .mk-btn,.entry-content .mk-tile{text-decoration:none!important}.mk-card-grid .mk-card[hidden]{display:none!important}
.mk-loadmore-btn[hidden]{display:none!important}