/* idompet8.com: mobile-first app shell (.ie-*). Hand-written, never generated by the build.
   Structure note: this is an APP SHELL, not a scaled-down desktop floor. A fixed top bar and a
   slide-in drawer frame a phone column; under the bar sit a wallet strip (deposit / withdraw /
   transfer) and a five-product rail, which is the shape the live operator app uses. Cards are
   flat panels with a magenta hairline and a left accent, not raised tiles. */
:root{
  --n0:#03113e;--n1:#061a52;--n2:#0a2468;--card:#0d1f4d;--card2:#123067;--deep:#020c2e;
  --line:rgba(218,28,92,.22);--line2:rgba(218,28,92,.46);
  --mg:#da1c5c;--mg2:#ff4d85;--mg3:#ff8fb0;
  --au:#eab92d;--au2:#ffd96b;--sky:#31aeef;--teal:#2d7ca0;--ok:#509906;
  --tx:#eef2ff;--mut:#a8b6e0;--dim:#6f80b5;
  --r:14px;--col:560px;--tab:62px
}
*{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;color:var(--tx);background:var(--n0);min-height:100vh;
  font:15px/1.62 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  background-image:radial-gradient(760px 520px at 100% 0,rgba(218,28,92,.20),transparent 62%),
    radial-gradient(680px 620px at 0 70%,rgba(49,174,239,.14),transparent 60%),
    linear-gradient(180deg,#061a52,#02092a 78%);background-attachment:fixed}
a{color:var(--mg3)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{line-height:1.26;margin:0 0 .5em;letter-spacing:-.01em}
p{margin:0 0 .9em}

/* the phone column */
.ie-app{max-width:var(--col);margin:0 auto;background:var(--n1);min-height:100vh;position:relative;
  padding-bottom:calc(var(--tab) + 34px);border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}

/* ---------- fixed top bar + drawer ---------- */
.ie-hd{position:sticky;top:0;z-index:48}
.ie-bar{display:flex;align-items:center;gap:9px;padding:9px 12px;background:rgba(3,17,62,.96);
  border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.ie-logo{display:flex;align-items:center;gap:7px;text-decoration:none;color:#fff;min-width:0}
.ie-logo svg{width:31px;height:31px;flex:none}
.ie-logo b{font-size:18px;font-weight:800;letter-spacing:.02em;white-space:nowrap;
  background:linear-gradient(180deg,#fff,#ffd96b);-webkit-background-clip:text;background-clip:text;color:transparent}
.ie-bar .acts{margin-left:auto;display:flex;gap:6px;flex:none;align-items:center}
.ie-strip{display:flex;align-items:center;gap:8px;padding:0 12px;min-height:44px;background:var(--deep);
  border-bottom:1px solid var(--line);font-size:11.5px;overflow:hidden}
.ie-strip b{font-weight:800;color:var(--au2);flex:none}
.ie-strip .tag{color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ie-strip .lang{margin-left:auto;display:flex;gap:2px;flex:none}
.ie-strip .lang a{color:var(--mut);text-decoration:none;padding:0 10px;min-height:44px;display:inline-flex;
  align-items:center;border-radius:6px;white-space:nowrap;font-weight:700}
.ie-strip .lang a.on{background:var(--mg);color:#fff}

/* buttons */
.ie-b{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:9px;padding:0 14px;min-height:44px;
  font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;border:1px solid transparent;cursor:pointer}
.ie-b.out{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
.ie-b.wht{background:#fff;color:var(--n0)}
.ie-b.em{background:linear-gradient(180deg,#ff4d85,#da1c5c);color:#fff;box-shadow:0 5px 16px rgba(218,28,92,.4)}
.ie-b.gold{background:linear-gradient(180deg,#ffd96b,#eab92d);color:#3b2d00;box-shadow:0 5px 16px rgba(234,185,45,.32)}
.ie-b.ring{border:2px solid var(--mg2);color:#fff;background:transparent}
.ie-b.blk{display:flex;width:100%;min-height:50px;font-size:15px;border-radius:11px}
.ie-b.pill{border-radius:999px}

/* burger + slide-in drawer */
.ie-burger{width:44px;height:44px;display:grid;place-items:center;background:none;border:0;cursor:pointer;padding:0;flex:none}
.ie-burger i,.ie-burger i:before,.ie-burger i:after{display:block;width:22px;height:2px;border-radius:2px;background:var(--tx);position:relative;content:""}
.ie-burger i:before{position:absolute;top:-7px}
.ie-burger i:after{position:absolute;top:7px}
.ie-drawer{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.72);display:none}
html.ie-open .ie-drawer{display:block}
.ie-drawer nav{position:absolute;right:0;top:0;bottom:0;width:min(300px,84vw);background:var(--n1);
  border-left:1px solid var(--line2);padding:14px;overflow:auto}
.ie-drawer nav a{display:block;padding:13px 8px;border-bottom:1px solid var(--line);color:var(--tx);
  text-decoration:none;font-weight:700}
.ie-drawer nav a.on{color:var(--mg2)}
.ie-drawer .x{float:right;background:none;border:0;color:var(--tx);font-size:26px;line-height:1;cursor:pointer;min-width:44px;min-height:44px}
.ie-drawer .lang{display:flex;gap:4px;margin:4px 0 12px}
.ie-drawer .lang a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;
  border:1px solid var(--line);border-radius:7px;padding:0 10px;font-size:12px;font-weight:700;color:var(--mut);text-decoration:none}
.ie-drawer .lang a.on{background:var(--mg);color:#fff;border-color:transparent}

/* ---------- wallet strip: the thing an app shell opens with ---------- */
.ie-wal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);
  border-bottom:1px solid var(--line)}
.ie-wal a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:60px;
  background:var(--deep);color:var(--tx);text-decoration:none;font-size:12px;font-weight:700}
.ie-wal a i{font-style:normal;font-size:18px;line-height:1;color:var(--au2)}
.ie-wal a small{display:block;font-size:10px;font-weight:600;color:var(--dim)}

/* ---------- product rail ---------- */
.ie-pnav{display:flex;gap:7px;overflow-x:auto;padding:10px 12px;scrollbar-width:none;background:var(--n2);
  border-bottom:1px solid var(--line)}
.ie-pnav::-webkit-scrollbar{display:none}
.ie-pnav a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:0 14px;min-height:44px;border-radius:9px;
  background:var(--card);color:var(--tx);text-decoration:none;font-size:13px;font-weight:700;
  border:1px solid var(--line);white-space:nowrap}
.ie-pnav a.on{background:linear-gradient(180deg,#ff4d85,#da1c5c);color:#fff;border-color:transparent}

/* ---------- sections ---------- */
.ie-sec{padding:20px 12px}
.ie-sec+.ie-sec{padding-top:4px}
.ie-h{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:800;margin:0 0 13px}
.ie-h:before{content:"";width:3px;height:19px;border-radius:2px;background:var(--mg2);flex:none}
.ie-h .e{font-size:19px}
.ie-ctr{text-align:center}
.ie-ctr .sub{color:var(--mut);font-size:14px;margin:-2px auto 15px;max-width:42ch}
.ie-rule{width:48px;height:3px;border-radius:3px;background:var(--mg2);margin:9px auto 17px}

/* ---------- carousel ---------- */
.ie-car{position:relative;margin:12px;border-radius:var(--r);overflow:hidden;background:var(--deep);border:1px solid var(--line)}
.ie-car .trk{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.ie-car .trk::-webkit-scrollbar{display:none}
.ie-car .sl{flex:0 0 100%;scroll-snap-align:start;position:relative;aspect-ratio:21/9}
.ie-car .sl img{width:100%;height:100%;object-fit:cover}
.ie-car .sl span{position:absolute;left:0;top:0;bottom:0;width:62%;padding:14px;display:flex;flex-direction:column;
  justify-content:center;font-weight:700;font-size:15px;
  background:linear-gradient(90deg,rgba(2,9,46,.92),rgba(2,9,46,.55) 58%,transparent)}
.ie-car .sl span small{display:block;color:var(--au2);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}
.ie-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:5px}
.ie-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.38)}
.ie-dots i.on{background:var(--mg2);width:17px;border-radius:4px}

/* ---------- jackpot counter ---------- */
.ie-jp{margin:12px;border-radius:var(--r);padding:16px 12px 13px;text-align:center;
  background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line2)}
.ie-jp .num{display:flex;justify-content:center;align-items:flex-end;gap:2px;flex-wrap:nowrap;font-size:clamp(18px,5.4vw,30px)}
.ie-jp .num i{font-style:normal;display:inline-block;min-width:1.02em;padding:.16em .1em;border-radius:5px;
  font:800 1em/1.1 ui-monospace,Menlo,Consolas,monospace;color:#03113e;background:linear-gradient(180deg,#ffd96b,#eab92d)}
.ie-jp .num em{font-style:normal;font-weight:800;font-size:.86em;color:var(--au2);padding:0 1px}
.ie-jp .lbl{margin-top:8px;font-weight:700;font-size:15px}
.ie-jp .cur{margin-top:5px;display:inline-block;padding:2px 13px;color:var(--mut);font-weight:700;letter-spacing:.1em;font-size:12px}

/* ---------- hero ---------- */
.ie-hero{padding:20px 14px 4px;text-align:center}
.ie-hero h1{font-size:26px;font-weight:900}
.ie-hero p{color:var(--mut)}
.ie-hero .acts{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}

/* ---------- feature cards ---------- */
.ie-feats{display:grid;gap:10px}
.ie-feat{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--mg2);border-radius:var(--r);padding:14px}
.ie-feat h3{display:flex;align-items:center;gap:11px;font-size:16px;margin-bottom:7px}
.ie-feat h3 span{flex:none;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;background:var(--deep);font-size:18px}
.ie-feat p{color:var(--mut);margin:0;font-size:13.5px}

/* ---------- join card ---------- */
.ie-join{background:linear-gradient(160deg,#7a1038,#0d1f4d 70%);border:1px solid var(--line2);border-radius:18px;
  padding:20px 15px;text-align:center}
.ie-join h2{font-size:21px}
.ie-join p{color:var(--mut)}
.ie-join .ie-b{margin-top:9px}

/* ---------- hot picks ---------- */
.ie-hot{background:var(--deep);padding:16px 12px;border-block:1px solid var(--line)}
.ie-hot .hh{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.ie-hot .hh .bd{flex:none;background:linear-gradient(135deg,var(--mg),#7a1038);color:#fff;font-size:10px;font-weight:800;
  line-height:1.1;padding:5px 9px;border-radius:7px;text-align:center}
.ie-hot .hh h2{font-size:17px;margin:0}
.ie-hot .hh a{margin-left:auto;font-size:12.5px;padding:0 11px;min-height:44px;display:inline-flex;align-items:center;
  border-radius:8px;background:var(--card);color:var(--mg3);text-decoration:none;white-space:nowrap}
.ie-hot .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ie-hot .two a{position:relative;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;aspect-ratio:1}
.ie-hot .two img{width:100%;height:100%;object-fit:cover}
.ie-hot .two b{position:absolute;left:0;right:0;bottom:0;padding:20px 9px 9px;font-size:13.5px;
  background:linear-gradient(transparent,rgba(2,9,46,.9))}

/* ---------- game grid: four across on a phone ---------- */
.ie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}
.ie-g{text-decoration:none;color:var(--tx);text-align:center;min-width:0}
.ie-g img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:var(--card)}
.ie-g b{display:block;font-size:11.5px;font-weight:600;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ie-g small{display:block;font-size:10px;color:var(--dim)}
.ie-more{display:flex;justify-content:center;margin-top:13px}
.ie-more a{padding:0 22px;min-height:44px;display:inline-flex;align-items:center;border-radius:9px;
  border:1px solid var(--line2);background:var(--card);color:var(--mg3);text-decoration:none;font-weight:700;font-size:14px}

/* ---------- promo cards ---------- */
.ie-promos{display:grid;gap:12px}
.ie-promo{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 14px 14px}
.ie-promo .bd{position:absolute;top:-9px;left:13px;background:var(--mg);color:#fff;font-size:10.5px;font-weight:800;
  padding:3px 9px;border-radius:6px;letter-spacing:.04em}
.ie-promo .bd.hot{background:#f97316}
.ie-promo .bd.lim{background:#e11d48}
.ie-promo .bd.ex{background:var(--au);color:#3b2d00}
.ie-promo h3{font-size:16px;margin:0 0 2px}
.ie-promo .amt{font-size:25px;font-weight:900;color:var(--au2);margin-bottom:7px}
.ie-promo p{color:var(--mut);font-size:13.5px}
.ie-bar2{height:6px;border-radius:6px;background:rgba(0,0,0,.35);overflow:hidden;margin:11px 0 6px}
.ie-bar2 i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--mg),var(--mg3))}
.ie-promo .meta{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.04em;
  color:var(--mut);text-transform:uppercase;margin-bottom:11px}

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

/* ---------- steps ---------- */
.ie-steps{display:grid;gap:10px;counter-reset:s}
.ie-step{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 14px 13px 56px;position:relative}
.ie-step::before{counter-increment:s;content:counter(s);position:absolute;left:14px;top:13px;width:29px;height:29px;
  border-radius:9px;display:grid;place-items:center;background:linear-gradient(180deg,#ff4d85,#da1c5c);color:#fff;font-weight:800;font-size:14px}
.ie-step h3{font-size:15px;margin:0 0 5px}
.ie-step p{margin:0;color:var(--mut);font-size:13.5px}

/* ---------- winners ---------- */
.ie-wins{display:grid;gap:10px}
.ie-win{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 14px}
.ie-win .tp{display:flex;align-items:center;gap:10px}
.ie-win .av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:19px;
  background:var(--deep);border:1px solid var(--line2);flex:none}
.ie-win .tp b{display:block;font-size:14.5px}
.ie-win .tp small{display:block;color:var(--mg3);font-size:12px}
.ie-win .ago{margin-left:auto;font-size:11px;padding:3px 8px;border-radius:6px;background:var(--deep);
  border:1px solid var(--line);white-space:nowrap;color:var(--mut)}
.ie-win .rm{font-size:23px;font-weight:900;color:var(--au2);margin:7px 0 4px}
.ie-win q{display:block;border-left:2px solid var(--mg2);padding-left:10px;font-size:13px;color:var(--mut)}
.ie-win q::before,.ie-win q::after{content:""}
.ie-win .jk{position:absolute;top:-9px;right:12px;background:var(--au);color:#3b2d00;font-size:10px;font-weight:800;
  padding:3px 9px;border-radius:6px}

/* ---------- reviews ---------- */
.ie-revs{display:grid;gap:10px}
.ie-rev{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}
.ie-rev .tp{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.ie-rev .ini{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-weight:800;color:#fff;flex:none;
  background:linear-gradient(135deg,var(--mg2),var(--au))}
.ie-rev .tp b{font-size:14.5px}
.ie-rev .tp b i{font-style:normal;color:var(--mg2);margin-left:4px}
.ie-rev .tp small{display:block;color:var(--au2);font-size:12px}
.ie-rev .tp .ago{margin-left:auto;font-size:11.5px;color:var(--dim);white-space:nowrap}
.ie-rev p{color:#d8e0ff;font-size:13.5px}
.ie-rev .ft{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:9px;font-size:12px;color:var(--mg3)}
.ie-rev .ft span:last-child{font-size:10px;letter-spacing:.12em;color:var(--dim);font-weight:700}

/* ---------- faq ---------- */
.ie-faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:9px}
.ie-faq summary{cursor:pointer;list-style:none;padding:14px 42px 14px 14px;font-weight:700;position:relative;min-height:44px;
  display:flex;align-items:center}
.ie-faq summary::-webkit-details-marker{display:none}
.ie-faq summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--mg2);font-size:18px;line-height:1}
.ie-faq details[open] summary::after{content:"\2212"}
.ie-faq details p{padding:0 14px 13px;margin:0;color:var(--mut);font-size:13.5px}

/* ---------- partners and payment walls ---------- */
.ie-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center}
.ie-parts span{display:grid;place-items:center;min-height:46px;padding:6px 8px}
.ie-pays{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:center;margin-top:11px;align-items:center}
.ie-lgo{max-height:24px;max-width:100%;width:auto;object-fit:contain;opacity:.9}
.ie-lgo:hover{opacity:1}
.ie-lgo.lift{filter:brightness(0) invert(1);opacity:.8}
.ie-lgo.lift:hover{opacity:1}
.ie-lgo.bright{filter:brightness(1.75) saturate(1.15);opacity:.95}
.ie-pays .ie-lgo{max-height:21px}

/* ---------- prose ---------- */
.ie-prose{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 14px 6px}
.ie-prose h2{font-size:18px;margin-top:.5em;color:var(--au2)}
.ie-prose h3{font-size:15.5px;color:var(--mg3)}
.ie-prose p,.ie-prose li{color:#d8e0ff;font-size:14.5px}
.ie-prose ul{padding-left:18px;margin:0 0 1em}
.ie-prose p a{padding:13px 0}

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

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

/* ---------- match cards ---------- */
.ie-ms{display:grid;gap:9px}
.ie-m{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px}
.ie-m .lg{display:flex;justify-content:space-between;font-size:11.5px;color:var(--dim);margin-bottom:6px;max-height:none;opacity:1}
.ie-m .lg .lv{color:var(--mg2);font-weight:800}
.ie-m .lg .lv::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mg2);margin-right:5px;animation:ie-p 1.3s infinite}
@keyframes ie-p{50%{opacity:.2}}
.ie-m .tm{font-weight:700;margin-bottom:8px}
.ie-m .od{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.ie-m .od a{display:flex;justify-content:space-between;align-items:center;padding:0 10px;min-height:44px;border-radius:8px;
  background:var(--deep);border:1px solid var(--line);color:var(--tx);text-decoration:none;font-size:12.5px}
.ie-m .od a b{color:var(--au2)}

/* ---------- table cards ---------- */
.ie-tbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ie-tb{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--tx);min-width:0}
.ie-tb img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.ie-tb div{padding:8px 10px 10px}
.ie-tb b{display:block;font-size:13.5px}
.ie-tb small{color:var(--mg3);font-size:11.5px}
.ie-tb .road{display:flex;gap:3px;margin-top:6px}
.ie-tb .road i{width:11px;height:11px;border-radius:50%;border:2px solid var(--mg2)}
.ie-tb .road i.p{border-color:var(--sky)}
.ie-tb .road i.t{border-color:var(--ok)}

/* ---------- register form ---------- */
.ie-form{background:linear-gradient(170deg,#7a1038,#0d1f4d 72%);border:1px solid var(--line2);border-radius:18px;padding:17px 15px}
.ie-form h2{font-size:19px}
.ie-form label{display:block;font-size:12.5px;color:var(--mut);margin:10px 0 5px}
.ie-form .in{display:flex;align-items:center;gap:8px;background:var(--deep);border:1px solid var(--line);border-radius:10px;
  padding:0 12px;min-height:46px;color:var(--dim);font-size:14px}
.ie-form .note{font-size:12px;color:var(--dim);margin-top:10px;text-align:center}

/* ---------- table ---------- */
.ie-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid var(--line)}
.ie-tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:430px}
.ie-tbl th{background:var(--card2);color:var(--au2);text-align:left;padding:10px 12px;font-size:12px;white-space:nowrap}
.ie-tbl td{padding:10px 12px;border-top:1px solid var(--line);color:#d8e0ff}

/* ---------- band ---------- */
.ie-band{margin:8px 12px 0;border-radius:18px;padding:19px 15px;text-align:center;
  background:linear-gradient(135deg,var(--mg),#7a1038)}
.ie-band b{display:block;font-size:18px;color:#fff;margin-bottom:11px}

/* ---------- footer ---------- */
.ie-ft{margin-top:20px;padding:22px 14px 14px;text-align:center;border-top:1px solid var(--line);background:var(--deep)}
.ie-ft .nm{font-size:20px;font-weight:900;color:var(--au2)}
.ie-ft p{font-size:13px;color:var(--mut);max-width:44ch;margin:8px auto}
.ie-ft .lk{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 14px;margin:10px 0}
.ie-ft .lk a{font-size:12.5px;line-height:16px;color:var(--mg3);text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:15px 4px}
.ie-ft .tr{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:center;margin:12px 0;align-items:center}
.ie-ft .lg{font-size:11.5px;color:var(--dim);border-top:1px solid var(--line);padding-top:12px;margin-top:6px;
  max-height:none;opacity:1;filter:none}
.ie-ft .age{display:inline-block;border:1.5px solid var(--mg2);color:var(--mg2);border-radius:50%;width:25px;height:25px;
  line-height:22px;font-size:11px;font-weight:800;margin-right:6px}

/* ---------- bottom tab bar ---------- */
.ie-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(2,9,46,.97);
  border-top:1px solid var(--line2);padding:5px 4px calc(5px + env(safe-area-inset-bottom));backdrop-filter:blur(10px)}
.ie-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:var(--tab);
  font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--mut);text-decoration:none}
.ie-tabs a .i{font-size:18px;line-height:1.2}
.ie-tabs a.on{color:var(--mg2)}
.ie-tabs a.mid{position:relative;color:var(--au2);padding-top:18px}
.ie-tabs a.mid .i{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:50px;height:50px;border-radius:50%;
  display:grid;place-items:center;font-size:21px;background:linear-gradient(180deg,#ffd96b,#eab92d);color:#3b2d00;
  box-shadow:0 5px 15px rgba(234,185,45,.45);border:3px solid var(--n1)}

/* ---------- floating claim badges ---------- */
.ie-float{position:fixed;left:max(8px,calc(50% - var(--col)/2 - 96px));top:34%;z-index:45;display:flex;flex-direction:column;gap:12px}
.ie-float a{width:84px;padding:10px 5px 8px;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:5px;
  text-decoration:none;background:radial-gradient(circle at 50% 32%,var(--card2),var(--deep) 74%);
  border:1px solid var(--line2);box-shadow:0 6px 18px rgba(0,0,0,.5)}
.ie-float a .i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:22px;
  background:linear-gradient(180deg,#ffd96b,#eab92d);color:#3b2d00;perspective:260px}
.ie-float.spin a .i{animation:ie-flip 2.6s linear infinite}
@keyframes ie-flip{to{transform:rotateY(360deg)}}
.ie-float a b{font-size:12.5px;font-weight:800;color:var(--au2);line-height:1.15}
.ie-float a small{font-size:9px;font-weight:700;letter-spacing:.04em;color:var(--mut);text-transform:uppercase;text-align:center;line-height:1.2}

@media (max-width:860px){
  /* no room beside the column: park one badge bottom-left above the tab bar */
  .ie-float{left:8px;top:auto;bottom:calc(var(--tab) + 16px);gap:0}
  .ie-float a:nth-child(n+2){display:none}
  .ie-float a{width:76px;border-radius:13px}
  .ie-float a .i{width:40px;height:40px;font-size:19px}
}
@media (max-width:560px){
  .ie-app{border-left:0;border-right:0}
  .ie-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}
}
@media (max-width:370px){
  .ie-logo b{font-size:16px}
  .ie-logo svg{width:27px;height:27px}
  .ie-b{padding:0 11px;font-size:13px}
  .ie-strip .tag{display:none}
  .ie-grid{grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .ie-float.spin a .i,.ie-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/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/qtech.jpg"]{object-position:50.5% 13.6%}
img[src$="/assets/img/dealers/xpg.jpg"]{object-position:40.7% 24.3%}
/* === 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){
  .ie-app main{display:flex;flex-direction:column}
  .ie-app main>*{order:2}
  .ie-app main>.ie-hero{order:1}
  .ie-float{top:auto;bottom:150px;left:auto;right:4px}
  .ie-float a{width:62px;padding:8px 4px 6px}
  .ie-float a .i{width:36px;height:36px;font-size:17px}
  .ie-float a b{font-size:11px}
}
/* === end hero first === */