/* imenangmy.com: mobile-first jade app shell (.mj-*). Hand-written, not generated by the build. */
:root{
  --bg0:#03211a;--bg1:#06352b;--card:#0a4636;--card2:#0d5641;--deep:#052c23;
  --line:rgba(52,211,153,.2);--em:#10b981;--em2:#34d399;--em3:#6ee7b7;
  --gold:#f5c451;--gold2:#ffe7a3;--tx:#e9fff7;--mut:#a3d9c5;--dim:#6fb39b;
  --r:16px;--col:520px;
}
*{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--tx);background:var(--bg0);
  background-image:radial-gradient(900px 600px at 15% 10%,rgba(16,185,129,.28),transparent 60%),
    radial-gradient(800px 700px at 90% 80%,rgba(13,148,136,.25),transparent 60%),
    linear-gradient(160deg,#04382c,#021a14 70%);background-attachment:fixed;min-height:100vh}
a{color:var(--em3)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{line-height:1.25;margin:0 0 .5em;letter-spacing:-.01em}
p{margin:0 0 .9em}

/* the phone column */
.mj-app{max-width:var(--col);margin:0 auto;background:var(--bg1);min-height:100vh;
  box-shadow:0 0 0 1px rgba(52,211,153,.12),0 30px 80px rgba(0,0,0,.55);padding-bottom:96px;position:relative}

/* header */
.mj-hd{position:sticky;top:-30px;z-index:40}
.mj-strip{height:30px;display:flex;align-items:center;gap:8px;padding:0 14px;background:#0c9b6c;font-size:12px}
.mj-strip b{font-weight:800;letter-spacing:.02em}
.mj-strip .tag{color:#c9f7e6;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mj-strip .lang{margin-left:auto;display:flex;gap:2px;flex:none}
.mj-strip .lang a{color:#e9fff7;text-decoration:none;padding:2px 7px;border-radius:999px;white-space:nowrap;font-weight:600}
.mj-strip .lang a.on{background:rgba(0,0,0,.25)}
.mj-bar{display:flex;align-items:center;gap:8px;padding:9px 14px;background:linear-gradient(180deg,#11b07e,#0d946a);
  box-shadow:0 6px 18px rgba(0,0,0,.25)}
.mj-logo{display:flex;align-items:center;gap:7px;text-decoration:none;color:#fff;min-width:0}
.mj-logo svg{width:34px;height:34px;flex:none}
.mj-logo b{font-size:19px;font-weight:900;letter-spacing:.04em;white-space:nowrap;
  background:linear-gradient(180deg,#fff,#ffe7a3);-webkit-background-clip:text;background-clip:text;color:transparent}
.mj-bar .acts{margin-left:auto;display:flex;gap:6px;flex:none}
.mj-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;padding:8px 13px;
  font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;border:1px solid transparent;cursor:pointer}
.mj-b.out{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(0,0,0,.08)}
.mj-b.wht{background:#fff;color:#075e45}
.mj-b.em{background:linear-gradient(180deg,#34d399,#10b981) border-box;color:#033527;box-shadow:0 6px 18px rgba(16,185,129,.35)}
.mj-b.gold{background:linear-gradient(180deg,#ffe7a3,#f5c451) border-box;color:#3d2a00;box-shadow:0 6px 18px rgba(245,196,81,.3)}
.mj-b.ring{border:2px solid var(--em2);color:#fff;background:transparent}
.mj-b.blk{display:flex;width:100%;padding:13px;font-size:15px;border-radius:12px}
.mj-b.pill{border-radius:999px}

/* page chip nav */
.mj-pnav{display:flex;gap:8px;overflow-x:auto;padding:10px 12px;scrollbar-width:none;background:var(--deep);
  border-bottom:1px solid var(--line)}
.mj-pnav::-webkit-scrollbar{display:none}
.mj-pnav a{flex:none;display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;background:var(--card);
  color:var(--tx);text-decoration:none;font-size:13.5px;font-weight:600;border:1px solid var(--line);white-space:nowrap}
.mj-pnav a.on{background:var(--em);color:#033527;border-color:var(--em)}

/* sections */
.mj-sec{padding:22px 14px}
.mj-sec+.mj-sec{padding-top:6px}
.mj-h{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;margin:0 0 14px;padding-left:10px;
  border-left:4px solid var(--em2)}
.mj-h .e{font-size:20px}
.mj-ctr{text-align:center}
.mj-ctr .sub{color:var(--mut);font-size:14px;margin:-4px auto 16px;max-width:40ch}
.mj-rule{width:54px;height:4px;border-radius:4px;background:var(--em2);margin:10px auto 18px}

/* carousel */
.mj-car{position:relative;margin:12px 12px 0;border-radius:var(--r);overflow:hidden;background:var(--deep)}
.mj-car .trk{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.mj-car .trk::-webkit-scrollbar{display:none}
.mj-car .sl{flex:0 0 100%;scroll-snap-align:start;position:relative;aspect-ratio:16/9}
.mj-car .sl img{width:100%;height:100%;object-fit:cover}
.mj-car .sl span{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 22px;font-weight:700;font-size:15px;
  background:linear-gradient(transparent,rgba(2,26,20,.92))}
.mj-car .sl span small{display:block;color:var(--gold2);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.mj-dots{position:absolute;right:12px;bottom:9px;display:flex;gap:5px}
.mj-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.4)}
.mj-dots i.on{background:var(--em2);width:18px;border-radius:4px}

/* flip-digit jackpot */
.mj-jp{margin:12px;border-radius:var(--r);padding:18px 12px 14px;text-align:center;
  background:linear-gradient(180deg,#0e5a45,#0a4636);border:1px solid var(--line)}
.mj-jp .num{display:flex;justify-content:center;align-items:flex-end;gap:3px;flex-wrap:nowrap}
.mj-jp .num i{font-style:normal;display:inline-block;min-width:26px;padding:4px 0;border-radius:6px;
  font:800 26px/1.15 ui-monospace,Menlo,Consolas,monospace;color:var(--gold2);
  background:linear-gradient(180deg,#1b1b10 0 49%,#0b0b06 51%);box-shadow:inset 0 0 0 1px rgba(245,196,81,.35),0 3px 8px rgba(0,0,0,.4)}
.mj-jp .num em{font-style:normal;font-weight:800;font-size:24px;color:var(--gold);padding:0 1px}
.mj-jp .lbl{margin-top:8px;font-weight:700;font-size:16px}
.mj-jp .cur{margin-top:6px;display:inline-block;padding:2px 14px;border-top:2px solid var(--em2);color:var(--mut);font-weight:700;letter-spacing:.1em}

/* hero text */
.mj-hero{padding:22px 16px 6px;text-align:center}
.mj-hero h1{font-size:27px;font-weight:900}
.mj-hero p{color:var(--mut)}
.mj-hero .acts{display:flex;gap:8px;justify-content:center;margin-top:12px}

/* feature cards */
.mj-feats{display:grid;gap:12px}
.mj-feat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.mj-feat h3{display:flex;align-items:center;gap:12px;font-size:17px;margin-bottom:8px}
.mj-feat h3 span{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--deep);font-size:19px}
.mj-feat p{color:var(--mut);margin:0;font-size:14px}

/* join card */
.mj-join{background:linear-gradient(160deg,#0f6a50,#0a4636);border:1px solid rgba(52,211,153,.35);border-radius:20px;
  padding:22px 16px;text-align:center}
.mj-join h2{font-size:22px}
.mj-join p{color:var(--mut)}
.mj-join .mj-b{margin-top:10px}

/* hot picks */
.mj-hot{background:#071f1a;padding:18px 14px}
.mj-hot .hh{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mj-hot .hh .bd{flex:none;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:10px;font-weight:800;
  line-height:1.1;padding:5px 9px;border-radius:999px;text-align:center}
.mj-hot .hh h2{font-size:18px;margin:0}
.mj-hot .hh a{margin-left:auto;font-size:13px;padding:5px 11px;border-radius:8px;background:#162a38;color:#9ec5ff;text-decoration:none;white-space:nowrap}
.mj-hot .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mj-hot .two a{position:relative;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;aspect-ratio:1}
.mj-hot .two img{width:100%;height:100%;object-fit:cover}
.mj-hot .two b{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 10px;font-size:14px;
  background:linear-gradient(transparent,rgba(0,0,0,.85))}

/* game grids */
.mj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mj-g{text-decoration:none;color:var(--tx);text-align:center;min-width:0}
.mj-g img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:var(--card)}
.mj-g b{display:block;font-size:12.5px;font-weight:600;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mj-g small{display:block;font-size:11px;color:var(--dim);margin-top:-1px}
.mj-more{display:flex;justify-content:center;margin-top:14px}
.mj-more a{padding:7px 22px;border-radius:999px;border:1px solid rgba(52,211,153,.4);background:var(--card);color:var(--em3);
  text-decoration:none;font-weight:700;font-size:14px}

/* promo cards */
.mj-promos{display:grid;gap:14px}
.mj-promo{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 16px 16px}
.mj-promo .bd{position:absolute;top:-9px;left:14px;background:var(--em);color:#033527;font-size:11px;font-weight:800;
  padding:2px 9px;border-radius:7px;letter-spacing:.05em}
.mj-promo .bd.hot{background:#f97316;color:#fff}.mj-promo .bd.lim{background:#e11d48;color:#fff}.mj-promo .bd.ex{background:var(--gold);color:#3d2a00}
.mj-promo h3{font-size:17px;margin:0 0 2px}
.mj-promo .amt{font-size:26px;font-weight:900;color:var(--em2);margin-bottom:8px}
.mj-promo p{color:var(--mut);font-size:14px}
.mj-bar2{height:7px;border-radius:7px;background:rgba(0,0,0,.3);overflow:hidden;margin:12px 0 7px}
.mj-bar2 i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--em),var(--em3))}
.mj-promo .meta{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--mut);text-transform:uppercase;margin-bottom:12px}

/* featured game cards */
.mj-fgs{display:grid;gap:14px}
.mj-fg{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.mj-fg .top{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
.mj-fg .top img{width:52px;height:52px;border-radius:12px;object-fit:cover;flex:none}
.mj-fg .top h3{font-size:17px;margin:0}
.mj-fg .top small{display:block;color:var(--em3);font-size:13px}
.mj-fg .bd{padding:14px 16px 16px}
.mj-fg .bd>p{color:#d4f5e9}
.mj-how{border-left:3px solid var(--em2);background:var(--deep);border-radius:10px;padding:10px 12px 10px 14px;margin:4px 0 14px}
.mj-how b{display:block;font-size:11px;letter-spacing:.12em;color:var(--em3);margin-bottom:4px}
.mj-how ul{margin:0;padding:0 0 0 2px;list-style:none;font-style:italic;color:var(--mut);font-size:13.5px}
.mj-how li{margin:2px 0}

/* steps */
.mj-steps{display:grid;gap:12px;counter-reset:s}
.mj-step{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px 60px;position:relative}
.mj-step::before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:15px;width:30px;height:30px;
  border-radius:50%;display:grid;place-items:center;background:var(--em);color:#033527;font-weight:800;font-size:14px}
.mj-step h3{font-size:16px;margin:0 0 6px}
.mj-step p{margin:0;color:var(--mut);font-size:14px}

/* winners */
.mj-wins{display:grid;gap:12px}
.mj-win{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.mj-win .tp{display:flex;align-items:center;gap:10px}
.mj-win .av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:var(--deep);border:2px solid var(--em2);flex:none}
.mj-win .tp b{display:block;font-size:15px}
.mj-win .tp small{display:block;color:var(--em3);font-size:12px}
.mj-win .ago{margin-left:auto;font-size:11.5px;padding:3px 9px;border-radius:7px;background:var(--deep);border:1px solid var(--line);white-space:nowrap}
.mj-win .rm{font-size:24px;font-weight:900;color:var(--em2);margin:8px 0 4px}
.mj-win q{display:block;border-left:2px solid var(--em2);padding-left:10px;font-style:italic;font-size:13px;color:var(--mut)}
.mj-win q::before,.mj-win q::after{content:""}
.mj-win .jk{position:absolute;top:-9px;right:12px;background:var(--gold);color:#3d2a00;font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:7px}

/* reviews */
.mj-revs{display:grid;gap:12px}
.mj-rev{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.mj-rev .tp{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.mj-rev .ini{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#033527;flex:none;
  background:linear-gradient(135deg,var(--em3),var(--gold))}
.mj-rev .tp b{font-size:15px}
.mj-rev .tp b i{font-style:normal;color:var(--em2);margin-left:4px}
.mj-rev .tp small{display:block;color:var(--gold);font-size:12.5px}
.mj-rev .tp .ago{margin-left:auto;font-size:12px;color:var(--dim);white-space:nowrap}
.mj-rev p{color:#d4f5e9;font-size:14px}
.mj-rev .ft{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;font-size:12.5px;color:var(--em3)}
.mj-rev .ft span:last-child{font-size:10.5px;letter-spacing:.12em;color:var(--dim);font-weight:700}

/* faq */
.mj-faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:10px}
.mj-faq summary{cursor:pointer;list-style:none;padding:15px 44px 15px 16px;font-weight:700;position:relative}
.mj-faq summary::-webkit-details-marker{display:none}
.mj-faq summary::after{content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;border:solid var(--em2);border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.mj-faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.mj-faq details p{padding:0 16px 14px;margin:0;color:var(--mut);font-size:14px}

/* partners */
.mj-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mj-parts span{display:grid;place-items:center;height:48px;border-radius:12px;background:#eafaf4;padding:7px 9px}
.mj-parts span.dk{background:#0b1f1a}
.mj-parts img{max-height:30px;width:auto;object-fit:contain}
.mj-pays{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:12px}
.mj-pays span{background:#fff;border-radius:8px;height:30px;padding:4px 8px;display:grid;place-items:center}
.mj-pays img{max-height:22px;width:auto}

/* prose article */
.mj-prose{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 16px 8px}
.mj-prose h2{font-size:19px;margin-top:.4em}
.mj-prose h3{font-size:16px;color:var(--em3)}
.mj-prose p,.mj-prose li{color:#d4f5e9;font-size:14.5px}
.mj-prose ul{padding-left:18px;margin:0 0 1em}

/* inner page head */
.mj-ph{padding:18px 14px 4px}
.mj-ph .crumb{font-size:12.5px;color:var(--dim);margin-bottom:8px}
.mj-ph .crumb a{color:var(--em3);text-decoration:none}
.mj-ph .eb{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#033527;background:var(--em3);padding:3px 10px;border-radius:999px;margin-bottom:10px}
.mj-ph h1{font-size:25px;font-weight:900}
.mj-ph .lead{color:var(--mut)}
.mj-ph .acts{display:flex;gap:8px;margin:12px 0 14px}
.mj-ph .acts .mj-b{flex:1}
.mj-ph .pic{border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line)}
.mj-ph .pic img{width:100%;height:100%;object-fit:cover}

/* kpis */
.mj-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mj-kpis div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}
.mj-kpis b{display:block;font-size:22px;color:var(--gold)}
.mj-kpis span{font-size:12.5px;color:var(--mut)}

/* sports match cards */
.mj-ms{display:grid;gap:10px}
.mj-m{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.mj-m .lg{display:flex;justify-content:space-between;font-size:12px;color:var(--dim);margin-bottom:6px}
.mj-m .lg .lv{color:#fb7185;font-weight:800}
.mj-m .lg .lv::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#fb7185;margin-right:5px;animation:mjp 1.2s infinite}
@keyframes mjp{50%{opacity:.25}}
.mj-m .tm{font-weight:700;margin-bottom:9px}
.mj-m .od{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.mj-m .od a{display:flex;justify-content:space-between;padding:7px 10px;border-radius:9px;background:var(--deep);border:1px solid var(--line);
  color:var(--tx);text-decoration:none;font-size:13px}
.mj-m .od a b{color:var(--gold)}

/* live tables */
.mj-tbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mj-tb{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--tx);min-width:0}
.mj-tb img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.mj-tb div{padding:8px 10px 10px}
.mj-tb b{display:block;font-size:14px}
.mj-tb small{color:var(--em3);font-size:12px}
.mj-tb .road{display:flex;gap:3px;margin-top:6px}
.mj-tb .road i{width:12px;height:12px;border-radius:50%;border:2px solid #ef4444}
.mj-tb .road i.p{border-color:#3b82f6}.mj-tb .road i.t{border-color:var(--em2)}

/* register form card */
.mj-form{background:linear-gradient(170deg,#0f6a50,#0a4636);border:1px solid rgba(52,211,153,.35);border-radius:20px;padding:18px 16px}
.mj-form h2{font-size:20px}
.mj-form label{display:block;font-size:13px;color:var(--mut);margin:10px 0 5px}
.mj-form .in{display:flex;align-items:center;gap:8px;background:var(--deep);border:1px solid var(--line);border-radius:12px;padding:12px 13px;color:var(--dim);font-size:14px}
.mj-form .note{font-size:12px;color:var(--dim);margin-top:10px;text-align:center}

/* table */
.mj-tw{overflow-x:auto;border-radius:14px;border:1px solid var(--line)}
.mj-tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:420px}
.mj-tbl th{background:var(--em);color:#033527;text-align:left;padding:10px 12px;font-size:12.5px}
.mj-tbl td{padding:10px 12px;border-top:1px solid var(--line);color:#d4f5e9}
.mj-tbl tr:nth-child(odd) td{background:rgba(0,0,0,.12)}

/* band */
.mj-band{margin:8px 14px 0;border-radius:20px;padding:20px 16px;text-align:center;background:linear-gradient(135deg,#10b981,#0d9488)}
.mj-band b{display:block;font-size:19px;color:#032a20;margin-bottom:12px}

/* footer */
.mj-ft{margin-top:22px;padding:24px 16px 14px;text-align:center;border-top:1px solid var(--line);background:var(--deep)}
.mj-ft .nm{font-size:21px;font-weight:900;color:var(--em2)}
.mj-ft p{font-size:13.5px;color:var(--mut);max-width:42ch;margin:8px auto}
.mj-ft .lk{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:12px 0}
.mj-ft .lk a{font-size:13px;color:var(--em3);text-decoration:none;border-bottom:1px solid rgba(110,231,183,.4)}
.mj-ft .tr{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:12px 0}
.mj-ft .tr span{background:#eafaf4;border-radius:7px;height:28px;padding:4px 8px;display:grid;place-items:center}
.mj-ft .tr img{max-height:20px;width:auto}
.mj-ft .lg{font-size:12px;color:var(--dim);border-top:1px solid var(--line);padding-top:12px;margin-top:6px}
.mj-ft .age{display:inline-block;border:1.5px solid #fb7185;color:#fb7185;border-radius:50%;width:26px;height:26px;line-height:23px;font-size:11px;font-weight:800;margin-right:6px}

/* bottom tab bar */
.mj-tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--col);z-index:50;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(4,40,31,.97);border-top:1px solid rgba(52,211,153,.3);
  padding:6px 4px calc(6px + env(safe-area-inset-bottom));backdrop-filter:blur(8px)}
.mj-tabs a{display:flex;flex-direction:column;align-items:center;gap:1px;font-size:10.5px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--mut);text-decoration:none;padding:4px 0}
.mj-tabs a .i{font-size:19px;line-height:1.2}
.mj-tabs a.on{color:var(--em2)}
.mj-tabs a.mid{position:relative;top:-14px}
.mj-tabs a.mid .i{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:22px;
  background:linear-gradient(180deg,#ffe7a3,#f5c451);box-shadow:0 6px 16px rgba(245,196,81,.45);border:3px solid var(--bg1)}
.mj-tabs a.mid{color:var(--gold2)}

/* floating side buttons */
.mj-float{position:fixed;right:max(10px,calc(50% - var(--col)/2 - 62px));bottom:110px;z-index:45;display:flex;flex-direction:column;gap:10px}
.mj-float a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;text-decoration:none;
  background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.4);border:2px solid var(--em2)}
.mj-float a.wh{background:conic-gradient(#f5c451 0 45deg,#10b981 45deg 90deg,#f5c451 90deg 135deg,#10b981 135deg 180deg,#f5c451 180deg 225deg,#10b981 225deg 270deg,#f5c451 270deg 315deg,#10b981 315deg);animation:mjs 9s linear infinite}
@keyframes mjs{to{transform:rotate(360deg)}}

@media (max-width:560px){
  .mj-app{box-shadow:none}
  .mj-float{right:10px;bottom:96px}
  .mj-float a{width:42px;height:42px;font-size:19px}
}
@media (max-width:370px){
  .mj-logo b{font-size:16px}
  .mj-logo svg{width:28px;height:28px}
  .mj-b{padding:7px 10px;font-size:13px}
  .mj-strip .tag{display:none}
  .mj-jp .num i{min-width:22px;font-size:22px}
}
@media (prefers-reduced-motion:reduce){
  .mj-float a.wh,.mj-m .lg .lv::before{animation:none}
}

/* === 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/arc-3.jpg"]{object-position:58.8% 36.5%}
img[src$="/assets/img/banner-2.jpg"]{object-position:53.0% 20.0%}
img[src$="/assets/img/dealers/big-gaming.jpg"]{object-position:57.2% 11.0%}
img[src$="/assets/img/dealers/choice-gaming.jpg"]{object-position:48.6% 11.2%}
img[src$="/assets/img/dealers/dream-gaming.jpg"]{object-position:38.2% 45.7%}
img[src$="/assets/img/dealers/evolution.jpg"]{object-position:47.4% 25.0%}
img[src$="/assets/img/dealers/mt-live.jpg"]{object-position:41.4% 16.1%}
img[src$="/assets/img/dealers/playtech.png"]{object-position:48.1% 21.0%}
img[src$="/assets/img/dealers/qtech.jpg"]{object-position:50.5% 13.6%}
img[src$="/assets/img/dealers/xpg.jpg"]{object-position:40.7% 24.3%}
img[src$="/assets/img/fish-1.jpg"]{object-position:49.8% 92.9%}
img[src$="/assets/img/hot-1.jpg"]{object-position:48.4% 26.6%}
/* === end image focal points === */

/* === hero first on a phone === */
/* The carousel and the jackpot strip owned the first 300px of the shell and pushed the bonus
   button past the fold. The hero, which is where the button lives, comes first on a phone. */
@media(max-width:560px){
  .mj-app main{display:flex;flex-direction:column}
  .mj-app main>*{order:2}
  .mj-app main>.mj-hero{order:1}
}
/* === end hero first === */