/* MYR88 official casino: ivory floor, burgundy chrome, gold trim. Namespaced .mo- */
:root{
  --paper:#fdf6e0; --paper-2:#f6ebcd; --card:#fffdf4; --sink:#efe2bd;
  --wine:#7a1020; --wine-2:#5c0a17; --wine-3:#9c1628; --red:#c8102e;
  --gold:#e3b23c; --gold-2:#a9741a; --gold-3:#ffe9ad;
  --ink:#2a1206; --mut:#7d6440; --line:#e0cfa2; --line-2:rgba(255,233,173,.3);
  --dep:#1c7a4a; --wd:#b3321f;
  --bar:58px;
  --font:Arial,"Helvetica Neue",Helvetica,"Noto Sans SC",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;max-width:100%}
body{margin:0;color:var(--ink);font-family:var(--font);line-height:1.58;background:var(--paper)}
a{color:var(--wine-3);text-decoration:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{margin:0;line-height:1.26}
table{border-collapse:collapse;width:100%}

/* ---------- buttons ---------- */
.mo-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;
  border-radius:8px;font-weight:800;font-size:13.5px;letter-spacing:.01em;border:1px solid transparent;
  text-align:center;line-height:1.2}
.mo-btn.p{background:linear-gradient(180deg,var(--red),var(--wine));color:#fff5e2;
  box-shadow:0 2px 0 var(--wine-2)}
.mo-btn.g{background:linear-gradient(180deg,var(--gold-3),var(--gold));color:#4a2a02;
  box-shadow:0 2px 0 var(--gold-2)}
.mo-btn.o{background:var(--card);color:var(--wine);border-color:var(--line)}
.mo-btn.lg{min-height:48px;font-size:15px;padding:0 22px}
.mo-btn.w{width:100%}
.mo-pill{display:inline-flex;align-items:center;min-height:36px;padding:0 15px;border-radius:999px;
  background:linear-gradient(180deg,var(--gold-3),var(--gold));color:#4a2a02;font-weight:900;font-size:12.5px}

/* ---------- header ---------- */
.mo-head{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#8d1324,var(--wine-2));
  box-shadow:0 3px 14px rgba(42,8,14,.32)}
.mo-head .row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
  padding:9px 16px;max-width:1480px;margin:0 auto}
.mo-burger{justify-self:start;background:rgba(255,233,173,.14);border:1px solid var(--line-2);color:var(--gold-3);
  font-size:17px;line-height:1;min-width:44px;min-height:44px;padding:0 12px;border-radius:8px;cursor:pointer}
.mo-logo{display:flex;align-items:center;gap:10px;justify-self:center}
.mo-logo svg{width:38px;height:38px;flex:none}
.mo-logo .wm{display:flex;flex-direction:column;line-height:1}
.mo-logo .wm b{font-family:"Arial Black",Arial,sans-serif;font-size:25px;letter-spacing:.02em;white-space:nowrap;
  background:linear-gradient(180deg,#fff3cd,var(--gold) 58%,#b8801d);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.mo-logo .wm small{font-size:8.5px;letter-spacing:.32em;color:rgba(255,233,173,.72);font-weight:700;
  margin-top:4px;white-space:nowrap}
.mo-tools{justify-self:end;display:flex;align-items:center;gap:8px}
.mo-lang{display:flex;gap:4px}
.mo-lang a{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;
  color:rgba(255,240,205,.8);border:1px solid var(--line-2);border-radius:7px;min-width:40px;min-height:44px;
  padding:0 7px;line-height:1;white-space:nowrap}
.mo-lang a.on{color:#4a2a02;background:linear-gradient(180deg,var(--gold-3),var(--gold));border-color:transparent}
.mo-tick{background:var(--red);color:#fff6dc;overflow:hidden;font-weight:700;font-size:12.5px;
  padding:6px 0;white-space:nowrap;border-top:1px solid rgba(255,233,173,.22)}
.mo-tick span{display:inline-block;padding-left:100%;animation:mo-run 44s linear infinite}
@keyframes mo-run{to{transform:translateX(-100%)}}
.mo-drawer{display:none;flex-wrap:wrap;gap:6px;padding:10px 16px;background:var(--wine-2);
  border-top:1px solid var(--line-2)}
.mo-open .mo-drawer{display:flex}
.mo-drawer a{color:#ffeec4;font-weight:700;font-size:13px;padding:9px 13px;border-radius:7px;
  background:rgba(255,233,173,.1);min-height:40px;display:inline-flex;align-items:center}

/* ---------- floor grid ---------- */
.mo-stage{display:grid;grid-template-columns:236px minmax(0,1fr) 288px;gap:14px;align-items:start;
  max-width:1480px;margin:0 auto;padding:14px 16px}
.mo-col{display:grid;gap:12px;min-width:0}
.mo-card{background:var(--card);border:1px solid var(--line);border-radius:11px;overflow:hidden}
.mo-card .h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;
  background:linear-gradient(180deg,var(--wine-3),var(--wine));color:#ffeec4}
.mo-card .h b{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
.mo-card .h span{font-size:10.5px;color:rgba(255,238,196,.78);font-weight:700}

/* left rail */
.mo-promo{position:relative;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:var(--card)}
.mo-promo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.mo-promo .ov{position:absolute;inset:auto 0 0 0;display:grid;gap:5px;justify-items:start;padding:11px 12px;
  background:linear-gradient(180deg,rgba(92,10,23,0),rgba(92,10,23,.92))}
.mo-promo .kick{font-size:10px;font-weight:900;letter-spacing:.18em;color:var(--gold-3)}
.mo-promo strong{font-size:15px;color:#fff6dc;line-height:1.2}
.mo-promo em{font-style:normal;font-size:11.5px;color:rgba(255,238,196,.82)}
.mo-promo .mo-pill{margin-top:3px}
.mo-minilogos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:9px;
  background:var(--card);border:1px solid var(--line);border-radius:11px}
.mo-minilogos span{display:flex;align-items:center;justify-content:center;background:var(--paper-2);
  border-radius:6px;padding:5px;min-height:30px}
.mo-minilogos img{max-height:19px;width:auto;object-fit:contain}
.mo-txn table{font-size:11.5px}
.mo-txn td{padding:5px 10px;border-top:1px solid var(--sink);white-space:nowrap}
.mo-txn td.a{text-align:right;font-weight:800}
.mo-txn td.p{text-align:right;color:var(--mut);font-size:10.5px}
.mo-txn.dep td.a{color:var(--dep)}
.mo-txn.wd td.a{color:var(--wd)}
.mo-txn .live{display:inline-flex;align-items:center;gap:5px}
.mo-txn .live::before{content:"";width:7px;height:7px;border-radius:50%;background:#4ade80;
  animation:mo-pulse 1.6s ease-in-out infinite}
@keyframes mo-pulse{50%{opacity:.25}}
.mo-ref img{width:100%;aspect-ratio:16/9;object-fit:cover}
.mo-ref .pct{display:flex;align-items:baseline;gap:8px;padding:10px 12px 4px}
.mo-ref .pct b{font-family:"Arial Black",Arial,sans-serif;font-size:26px;color:var(--wine)}
.mo-ref .pct span{font-size:11px;color:var(--mut);line-height:1.35}
.mo-ref .btns{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px 12px 12px}
.mo-ref .btns .mo-btn{min-height:38px;font-size:12px;padding:0 8px}
.mo-strip{display:grid;gap:2px;padding:11px 13px;border-radius:11px;border:1px solid var(--line);
  background:linear-gradient(180deg,var(--card),var(--paper-2))}
.mo-strip b{font-size:13px;color:var(--wine)}
.mo-strip small{font-size:11px;color:var(--mut)}
.mo-strip.app{background:linear-gradient(180deg,#fff6dc,var(--sink))}

/* centre: category rail */
.mo-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:12px;border-radius:11px;
  background:var(--card);border:1px solid var(--line)}
.mo-cats a{display:grid;justify-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--wine);
  text-align:center;line-height:1.2}
.mo-cats .i{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;
  font-size:23px;background:radial-gradient(circle at 50% 28%,#fff6dc,var(--sink));
  border:2px solid var(--gold);color:var(--wine)}

/* centre: section heads + product tiles */
.mo-sh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 2px 0}
.mo-sh h2{font-size:15px;color:var(--wine);letter-spacing:.01em;position:relative;padding-left:12px}
.mo-sh h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:17px;
  border-radius:2px;background:linear-gradient(180deg,var(--gold),var(--gold-2))}
.mo-sh a{font-size:12px;font-weight:700;color:var(--mut)}
.mo-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.mo-tile{position:relative;border-radius:11px;overflow:hidden;border:1px solid var(--line);background:var(--card)}
.mo-tile img{width:100%;aspect-ratio:4/3;object-fit:cover}
.mo-tile .cap{position:absolute;inset:auto 0 0 0;display:grid;gap:2px;padding:9px 11px;
  background:linear-gradient(180deg,rgba(42,8,14,0),rgba(42,8,14,.9))}
.mo-tile .cap b{color:#fff6dc;font-size:13.5px}
.mo-tile .cap small{color:rgba(255,238,196,.8);font-size:10.5px;line-height:1.35}

/* centre: games */
.mo-games{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.mo-games.pg{grid-template-columns:repeat(5,minmax(0,1fr));margin:18px 0}
.mo-game{position:relative;border-radius:10px;overflow:hidden;background:var(--card);border:1px solid var(--line)}
.mo-game img{width:100%;aspect-ratio:1/1;object-fit:cover}
.mo-game .m{display:grid;gap:3px;padding:7px 8px 9px}
.mo-game .m b{font-size:11.5px;color:var(--ink);display:block;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.mo-game .m small{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;
  color:var(--mut)}
.mo-game .m small i{font-style:normal;font-weight:900;color:var(--red)}
.mo-tag{position:absolute;top:6px;left:6px;z-index:2;font-size:9px;font-weight:900;letter-spacing:.08em;
  padding:3px 7px;border-radius:5px;background:var(--red);color:#fff6dc}

/* centre: match strip */
.mo-matches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.mo-match{display:grid;gap:8px;padding:11px 12px;border-radius:11px;background:var(--card);
  border:1px solid var(--line)}
.mo-match .lg{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10.5px;
  color:var(--mut);font-weight:700}
.mo-match .lg em{font-style:normal;padding:2px 7px;border-radius:5px;background:var(--sink);color:var(--ink)}
.mo-match .lg em.on{background:var(--red);color:#fff6dc}
.mo-match .tm{display:flex;align-items:center;justify-content:space-between;gap:9px}
.mo-match .tm b{font-size:12.5px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.mo-match .odd{flex:none;min-width:58px;text-align:center;padding:6px 9px;border-radius:7px;font-weight:900;
  font-size:12.5px;background:linear-gradient(180deg,var(--gold-3),var(--gold));color:#4a2a02}

/* centre: providers + chips + tables */
.mo-provs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.mo-prov{display:grid;justify-items:center;gap:6px;padding:10px 7px;border-radius:10px;background:var(--card);
  border:1px solid var(--line);font-size:10.5px;font-weight:700;color:var(--mut);text-align:center}
.mo-prov .lg{display:flex;align-items:center;justify-content:center;width:100%;height:38px;border-radius:6px;
  background:var(--paper-2)}
.mo-prov .lg.dark{background:#2a1206}
.mo-prov .lg img{max-height:30px;width:auto;object-fit:contain}
.mo-prov .lg.t{font-weight:900;color:var(--wine);font-size:12px}
.mo-row{display:flex;flex-wrap:wrap;gap:8px}
.mo-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:6px 12px;
  border-radius:8px;background:var(--card);border:1px solid var(--line)}
.mo-chip img{max-height:25px;width:auto;object-fit:contain}
.mo-tw{overflow-x:auto;border-radius:11px;border:1px solid var(--line);background:var(--card)}
.mo-tbl{font-size:13px;min-width:420px}
.mo-tbl th{background:linear-gradient(180deg,var(--wine-3),var(--wine));color:#ffeec4;text-align:left;
  padding:9px 12px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.mo-tbl td{padding:9px 12px;border-top:1px solid var(--sink)}
.mo-tbl tbody tr:nth-child(2n){background:var(--paper-2)}

/* right rail */
.mo-wallet{padding:12px}
.mo-wallet .bal{display:flex;align-items:baseline;justify-content:space-between;gap:9px;padding-bottom:8px;
  border-bottom:1px dashed var(--line)}
.mo-wallet .bal .k{font-size:11.5px;color:var(--mut);font-weight:700}
.mo-wallet .bal .v{font-family:"Arial Black",Arial,sans-serif;font-size:21px;color:var(--wine)}
.mo-wallet .meta{display:grid;gap:3px;padding:9px 0;font-size:11.5px;color:var(--mut)}
.mo-wallet .meta b{color:var(--ink)}
.mo-wallet .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mo-wallet .stack{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}
.mo-wallet .stack .mo-btn{min-height:38px;font-size:11.5px;padding:0 6px}
.mo-check .days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;padding:10px}
.mo-check .days span{display:grid;justify-items:center;gap:2px;padding:7px 2px;border-radius:6px;
  background:var(--paper-2);border:1px solid var(--line)}
.mo-check .days span.on{background:linear-gradient(180deg,var(--red),var(--wine));border-color:transparent}
.mo-check .days span.on i,.mo-check .days span.on b{color:#fff6dc}
.mo-check .days i{font-style:normal;font-size:8.5px;color:var(--mut);white-space:nowrap}
.mo-check .days b{font-size:10.5px;color:var(--wine)}
.mo-check>.mo-btn{margin:0 10px 11px;width:calc(100% - 20px)}
.mo-tips{position:relative;border-radius:11px;overflow:hidden;border:1px solid var(--line)}
.mo-tips img{width:100%;aspect-ratio:16/9;object-fit:cover}
.mo-tips .ov{position:absolute;inset:auto 0 0 0;display:grid;gap:6px;justify-items:start;padding:10px 12px;
  background:linear-gradient(180deg,rgba(42,8,14,0),rgba(42,8,14,.9))}
.mo-tips .ov b{color:#fff6dc;font-size:13px}
.mo-floor dl{display:grid;gap:0;margin:0;padding:4px 12px 10px}
.mo-floor dl>div{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:7px 0;
  border-bottom:1px dashed var(--line)}
.mo-floor dl>div:last-child{border-bottom:0}
.mo-floor dt{font-size:11.5px;color:var(--mut)}
.mo-floor dd{margin:0;font-weight:900;font-size:13px;color:var(--wine)}
.mo-save ul{margin:0;padding:10px 12px 4px 26px;display:grid;gap:6px}
.mo-save li{font-size:11.5px;color:var(--mut);line-height:1.45}
.mo-save>.mo-btn{margin:6px 12px 12px;width:calc(100% - 24px)}

/* ---------- written content ---------- */
.mo-content{max-width:1180px;margin:0 auto;padding:20px 16px 34px}
.mo-content h1{font-size:28px;color:var(--wine);margin-bottom:10px}
.mo-content h2{font-size:19px;color:var(--wine);margin:26px 0 9px}
.mo-content p{margin:0 0 13px}
.mo-content .lead{font-size:16px;color:#4a3317;margin-bottom:16px}
.mo-content ul{margin:0 0 15px;padding-left:22px;display:grid;gap:6px}
.mo-ph{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;align-items:center;
  margin-bottom:22px}
.mo-ph img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px;border:1px solid var(--line)}
.mo-ph .eb{display:inline-block;font-size:10.5px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;
  color:var(--gold-2);margin-bottom:8px}
.mo-ph .act{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.act.utl{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px}
.mo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 22px}
.mo-kpis>div{display:grid;gap:3px;padding:13px;border-radius:11px;background:var(--card);
  border:1px solid var(--line)}
.mo-kpis b{font-family:"Arial Black",Arial,sans-serif;font-size:22px;color:var(--wine)}
.mo-kpis span{font-size:11.5px;color:var(--mut);line-height:1.35}
.mo-steps{counter-reset:s;list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px}
.mo-steps li{counter-increment:s;position:relative;padding:12px 14px 12px 50px;border-radius:10px;
  background:var(--card);border:1px solid var(--line)}
.mo-steps li::before{content:counter(s);position:absolute;left:13px;top:11px;width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:900;font-size:13px;
  background:linear-gradient(180deg,var(--gold-3),var(--gold));color:#4a2a02}
.mo-faq{display:grid;gap:8px;margin:0 0 22px}
.mo-faq details{border-radius:10px;border:1px solid var(--line);background:var(--card);padding:0}
.mo-faq summary{cursor:pointer;padding:13px 15px;font-weight:800;font-size:14px;color:var(--wine)}
.mo-faq p{margin:0;padding:0 15px 14px;color:#4a3317}
.mo-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;
  margin:26px 0 0;padding:18px 20px;border-radius:13px;color:#fff6dc;
  background:linear-gradient(110deg,var(--wine),var(--red))}
.mo-band b{font-size:16px;line-height:1.35;max-width:62ch}

/* ---------- footer ---------- */
.mo-foot{background:linear-gradient(180deg,var(--wine-2),#420610);color:rgba(255,238,196,.76);margin-top:10px}
.mo-foot .w{max-width:1480px;margin:0 auto;padding:26px 16px 22px;display:grid;gap:20px}
.mo-foot .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:22px}
.mo-foot .cols>div{display:grid;gap:8px;align-content:start;min-width:0}
.mo-foot p{margin:0;font-size:12.5px;line-height:1.6}
.mo-foot h4{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.mo-foot a{color:rgba(255,238,196,.76);font-size:13px}
.mo-foot a.cta{color:#4a2a02;background:linear-gradient(180deg,var(--gold-3),var(--gold));font-weight:800;
  padding:8px 13px;border-radius:7px;justify-self:start;min-height:40px;display:inline-flex;align-items:center}
.mo-foot .soc{display:flex;gap:9px;margin-top:4px}
.mo-foot .soc a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:rgba(255,233,173,.12)}
.mo-foot .soc svg{width:17px;height:17px;fill:var(--gold-3)}
.mo-foot .pay,.mo-foot .trust{display:flex;flex-wrap:wrap;gap:9px;padding-top:18px;
  border-top:1px solid rgba(255,233,173,.16)}
.mo-foot .pay span,.mo-foot .trust span{display:flex;align-items:center;justify-content:center;height:34px;
  padding:0 11px;border-radius:7px;background:rgba(255,246,220,.93)}
.mo-foot .pay img{max-height:19px;width:auto;object-fit:contain}
.mo-foot .trust img{max-height:22px;width:auto;object-fit:contain}
.mo-foot .legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  padding-top:16px;border-top:1px solid rgba(255,233,173,.16);font-size:12px}
.mo-foot .legal>span{display:flex;align-items:center;gap:9px;max-width:72ch}
.mo-foot .age{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;
  border-radius:50%;border:2px solid var(--gold);color:var(--gold-3);font-weight:900;font-size:11px}

/* ---------- entry popup (left index, every panel converts) ---------- */
.mo-pop{position:fixed;inset:0;z-index:90;background:rgba(42,8,14,.78);display:none;align-items:center;
  justify-content:center;padding:16px}
.mo-pop.on{display:flex}
.mo-pop .bx{position:relative;width:min(800px,100%);max-height:92vh;overflow:auto;border-radius:15px;
  padding:16px;display:grid;grid-template-columns:208px minmax(0,1fr);gap:15px;border:2px solid var(--gold);
  background:linear-gradient(180deg,#fffdf4,var(--paper-2))}
.mo-pop .x{position:absolute;top:9px;right:11px;z-index:3;width:34px;height:34px;border-radius:50%;
  border:1px solid var(--line);background:var(--card);color:var(--wine);font-size:19px;line-height:1;cursor:pointer}
.mo-pop .ix{display:flex;flex-direction:column;gap:7px}
.mo-pop .ix button{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--line);
  background:var(--card);color:var(--wine);padding:11px 12px;font:800 12.5px var(--font);border-radius:8px;
  cursor:pointer;min-height:44px}
.mo-pop .ix button i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--line);display:block}
.mo-pop .ix button.on{background:linear-gradient(180deg,var(--red),var(--wine));color:#fff6dc;
  border-color:transparent}
.mo-pop .ix button.on i{background:var(--gold)}
.mo-pop .pane img{width:100%;height:auto;max-height:48vh;object-fit:contain;border-radius:11px;
  background:var(--card)}
.mo-pop .cap{display:grid;gap:8px;justify-items:center;text-align:center;margin-top:11px}
.mo-pop .cap b{font-size:16px;color:var(--wine)}
.mo-pop .cap span{font-size:13px;color:var(--mut);max-width:48ch}
/* must beat `.mo-pop .cap` (0,2,0); a bare .mo-hide is (0,1,0) and loses */
.mo-hide{display:none}
.mo-pop .cap.mo-hide,.mo-pop .pane>.mo-hide{display:none}

/* ---------- mobile furniture ---------- */
.mo-nav{display:none}
.mo-scta{display:none}

@media(max-width:1180px){
  .mo-stage{grid-template-columns:minmax(0,1fr) 270px}
  .mo-col.l{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mo-col.l .mo-promo{grid-column:1/-1}
  .mo-games,.mo-games.pg{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mo-provs{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mo-ph{grid-template-columns:1fr}
  .mo-ph img{order:-1}
}
@media(max-width:900px){
  body{padding-bottom:calc(var(--bar) + 58px)}
  .mo-stage{grid-template-columns:minmax(0,1fr);padding:12px}
  .mo-col.l,.mo-col.r{grid-column:auto;grid-template-columns:minmax(0,1fr)}
  .mo-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mo-matches{grid-template-columns:minmax(0,1fr)}
  .mo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mo-foot .cols{grid-template-columns:1fr 1fr}
  /* The fixed bar and the sticky claim sit together in the thumb zone. The bar gets padding at
     the top so the raised coin is not clipped by its own edge. */
  .mo-nav{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:60;grid-template-columns:repeat(5,1fr);
    height:var(--bar);padding-top:6px;background:linear-gradient(180deg,#8d1324,var(--wine-2));
    border-top:1px solid var(--gold-2)}
  .mo-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    color:rgba(255,238,196,.82);font-size:9.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;
    position:relative}
  .mo-nav a .i{font-size:17px;line-height:1}
  .mo-nav a.coin{color:var(--gold-3)}
  .mo-nav a.coin .i{position:absolute;top:-19px;width:46px;height:46px;display:flex;align-items:center;
    justify-content:center;border-radius:50%;font-size:20px;color:#4a2a02;
    background:radial-gradient(circle at 50% 30%,var(--gold-3),var(--gold) 58%,var(--gold-2));
    border:3px solid var(--wine-2);box-shadow:0 3px 9px rgba(42,8,14,.4)}
  .mo-nav a.coin{justify-content:flex-end;padding-bottom:6px}
  .mo-scta{display:block;position:fixed;left:0;right:0;bottom:var(--bar);z-index:59;padding:8px 10px;
    background:rgba(92,10,23,.96);border-top:1px solid rgba(255,233,173,.2)}
  .mo-scta a{display:flex;width:100%;justify-content:center;font-size:15px;padding:12px;border-radius:10px}
  .mo-pop .bx{grid-template-columns:minmax(0,1fr)}
  .mo-pop .ix{flex-direction:row;overflow-x:auto;padding-bottom:3px}
  .mo-pop .ix button{flex:none}
}
@media(max-width:560px){
  .mo-head .row{padding:7px 11px;gap:7px}
  .mo-logo .wm b{font-size:21px}
  .mo-logo svg{width:32px;height:32px}
  .mo-lang a{min-width:38px;padding:0 5px;font-size:11px}
  .mo-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
  .mo-cats .i{width:48px;height:48px;font-size:21px}
  .mo-games,.mo-games.pg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mo-provs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mo-col.l{grid-template-columns:minmax(0,1fr)}
  .mo-minilogos{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mo-content{padding:16px 13px 28px}
  .mo-content h1{font-size:23px}
  .mo-content h2{font-size:17px}
  .mo-kpis b{font-size:19px}
  .mo-foot .cols{grid-template-columns:1fr}
  .mo-band{padding:15px 16px}
  .mo-band b{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .mo-tick span{animation:none;padding-left:0}
  .mo-txn .live::before{animation:none}
}

/* A mark with too little dark ink to read on cream gets an ink chip behind it instead.
   Classified at build time by the same ink thresholds as the rest of the set, inverted
   for this ivory shell. */
.mo-chip.dark{background:#2a1206;border-color:#4a2a12}
.mo-foot .pay span.dark,.mo-foot .trust span.dark{background:#2a1206}

/* Small phones. The head row's floor is the 44px burger plus the lockup plus three language pills,
   all nowrap with their own minimums, and at 320 it measured 348px - the fixed register bar and
   bottom nav only reported that width back. The strapline's .32em tracking is the widest thing in
   the lockup, so trim it and the pills; the burger keeps its 44px. */
@media(max-width:400px){
  .mo-head .row{gap:4px}
  .mo-logo{gap:6px}
  .mo-logo .wm b{font-size:18px}
  .mo-logo .wm small{font-size:8px;letter-spacing:.18em}
  .mo-lang a{min-width:32px;padding:0 4px}
}

/* === image focal points === */
/* The part of the picture that must survive the crop is pinned to the same
   point of the box. */
img[src$="/assets/img/banner-commission.jpg"]{object-position:48.6% 36.7%}
img[src$="/assets/img/hero-apk.jpg"]{object-position:57.4% 38.7%}
img[src$="/assets/img/hero-bonus.jpg"]{object-position:48.8% 23.8%}
img[src$="/assets/img/hero-free-credit.jpg"]{object-position:44.9% 41.2%}
img[src$="/assets/img/hero-link.jpg"]{object-position:34.6% 38.0%}
img[src$="/assets/img/hero-login.jpg"]{object-position:83.6% 45.3%}
img[src$="/assets/img/hero-register.jpg"]{object-position:65.2% 30.5%}
img[src$="/assets/img/hero-slot.jpg"]{object-position:40.7% 25.2%}
img[src$="/assets/img/hero-withdraw.jpg"]{object-position:66.4% 27.1%}
img[src$="/assets/img/popup-commission.jpg"]{object-position:59.4% 32.1%}
img[src$="/assets/img/popup-welcome-bonus.jpg"]{object-position:61.3% 23.3%}
img[src$="/assets/img/popup-welcome.jpg"]{object-position:34.6% 37.5%}
img[src$="/assets/img/promo-register.jpg"]{object-position:68.2% 36.1%}
img[src$="/assets/img/tile-fishing.jpg"]{object-position:73.0% 12.2%}
img[src$="/assets/img/tile-free.jpg"]{object-position:63.3% 31.1%}
img[src$="/assets/img/tile-live.jpg"]{object-position:67.5% 49.1%}
/* === end image focal points === */