/* Dior88 slot-floor shell (.dr-*). Same house colours, a different room:
   wine and burgundy under heavy old gold, warm amber light, near-black ground.
   Hand-written and static: the build never regenerates this file.
   Layout note: three rails, with furniture chosen for this shell. Cards are
   flat with a gold hairline and a rounded corner instead of panels with an oxblood header bar;
   headings are condensed uppercase sans with a short gold rule under them instead of serif;
   the centre column leads with a vertical category rail. */
:root{
  --ink:#0a0608;--ink2:#140a0e;--card:#1a0e13;--card2:#241319;--edge:#3a1f28;--edge2:#4d2a34;
  --hair:rgba(227,187,98,.2);--hair2:rgba(227,187,98,.46);
  --wine:#8e1230;--wine2:#b0183c;--wine3:#5c0a1f;--deep:#3d0514;
  --au:#e3bb62;--au2:#ffe9a8;--au3:#9a7024;
  --fg:#f1e8e4;--dim:#b3a0a6;--dim2:#866d75;
  --ok:#4ec47f;--hot:#ff5566;
  --gold:linear-gradient(176deg,#ffe9a8 0,#e3bb62 42%,#9a7024 100%);
  --winegrad:linear-gradient(180deg,#b0183c 0,#5c0a1f 100%);
  --railL:286px;--railR:300px;--rad:10px;--bar:60px;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif
}
*{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--fg);font:14px/1.65 var(--sans);
  padding-bottom:calc(var(--bar) + 80px);
  background-image:radial-gradient(820px 460px at 50% -100px,rgba(176,24,60,.2),transparent 70%)}
a{color:var(--au)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{line-height:1.3;margin:0 0 10px;font-weight:800;letter-spacing:.01em}
p{margin:0 0 12px}

/* ---------- header ---------- */
.dr-head{position:sticky;top:0;z-index:60;background:#080406;border-bottom:1px solid var(--edge)}
.dr-head .row{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:7px 14px;min-height:58px}
.dr-partner{font:700 9px/1.25 var(--sans);color:var(--dim2);text-transform:uppercase;letter-spacing:.1em;
  border-right:1px solid var(--edge);padding-right:12px;flex:none}
.dr-partner b{display:block;color:var(--au)}
.dr-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;min-height:44px}
.dr-logo svg{height:36px;width:auto;flex:none}
.dr-logo .wm b{display:block;font:800 21px/1 var(--sans);letter-spacing:.06em;background:var(--gold);
  -webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.dr-logo .wm small{display:block;font:700 8px/1.3 var(--sans);color:var(--dim2);letter-spacing:.22em}
.dr-tools{margin-left:auto;display:flex;align-items:center;gap:8px}
.dr-lang{display:flex;gap:3px}
.dr-lang a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:38px;
  padding:0 8px;border:1px solid var(--edge);border-radius:999px;font:700 11px/1 var(--sans);
  color:var(--dim);text-decoration:none;white-space:nowrap}
.dr-lang a.on{background:var(--gold);color:#2b0710;border-color:transparent}
.dr-burger{width:44px;height:44px;border:1px solid var(--edge);border-radius:8px;background:none;
  color:var(--au);font-size:17px;cursor:pointer}
.dr-ticker{background:var(--deep);border-top:1px solid var(--hair);overflow:hidden;white-space:nowrap}
.dr-ticker span{display:inline-block;padding-left:100%;font:600 12px/30px var(--sans);color:var(--au2);
  animation:dr-slide 50s linear infinite}
@keyframes dr-slide{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.dr-ticker span{animation:none;padding-left:14px}}
.dr-drawer{display:none;background:#120810;border-top:1px solid var(--edge);padding:8px 14px 14px}
html.dr-open .dr-drawer{display:block}
.dr-drawer a{display:block;padding:12px 4px;border-bottom:1px solid var(--edge);color:var(--fg);
  text-decoration:none;font-weight:600}

/* ---------- floor ---------- */
.dr-floor{max-width:1440px;margin:0 auto;padding:14px;display:grid;
  grid-template-columns:var(--railL) minmax(0,1fr) var(--railR);gap:14px;align-items:start}
.dr-col{min-width:0;display:flex;flex-direction:column;gap:14px}

/* flat cards with a gold hairline, no header bar */
.dr-card,.dr-comm,.dr-check,.dr-acct,.dr-4d,.dr-photo{background:var(--card);border:1px solid var(--edge);
  border-radius:var(--rad);overflow:hidden;min-width:0}
.dr-banner{position:relative;border-radius:var(--rad);overflow:hidden;display:block;border:1px solid var(--edge)}
.dr-banner img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.dr-banner .ov{position:absolute;inset:0;padding:14px 16px;display:flex;flex-direction:column;
  justify-content:center;gap:5px;background:linear-gradient(90deg,rgba(8,4,6,.9),rgba(8,4,6,.3) 62%,transparent)}
.dr-banner .ov.r{background:linear-gradient(270deg,rgba(8,4,6,.9),rgba(8,4,6,.3) 62%,transparent);
  align-items:flex-end;text-align:right}
.dr-banner .ov strong{font:800 24px/1.1 var(--sans);background:var(--gold);-webkit-background-clip:text;
  background-clip:text;color:transparent}
.dr-banner .ov em{font:400 12px/1.45 var(--sans);color:var(--dim);font-style:normal;max-width:62%}
.dr-banner .ov.r em{max-width:100%}
.pill{align-self:flex-start;margin-top:6px;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;
  border-radius:999px;background:var(--winegrad);color:#fff;font:700 12px/1 var(--sans);text-decoration:none;
  border:1px solid var(--hair2)}

/* live transaction table */
.dr-txn .h{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--card2);
  font:800 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.09em;color:var(--au2)}
.dr-txn .h .live{margin-left:auto;background:var(--wine2);color:#fff;font:700 9px/16px var(--sans);
  padding:0 7px;border-radius:3px}
.dr-txn table{width:100%;border-collapse:collapse;font-size:11px}
.dr-txn th{font:700 9px/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--dim2);
  text-align:left;padding:7px 12px;border-bottom:1px solid var(--edge)}
.dr-txn td{padding:7px 12px;border-bottom:1px solid rgba(58,31,40,.65);color:var(--dim);font-variant-numeric:tabular-nums}
.dr-txn td.d{color:var(--ok)}
.dr-txn td.w{color:var(--au)}
.dr-txn td.a{text-align:right;color:var(--fg);font-weight:700}
.dr-txn tr:last-child td{border-bottom:0}

.dr-comm{padding:0}
.dr-comm .dr-banner{border:0;border-radius:0}
.dr-comm .btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
.dr-strip{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--rad);
  background:var(--card2);border:1px solid var(--edge);text-decoration:none;color:var(--fg);
  font:700 12px/1.3 var(--sans)}
.dr-strip small{font:400 11px/1.4 var(--sans);color:var(--dim2)}

/* buttons */
.dr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 15px;
  border-radius:8px;font:700 13px/1 var(--sans);text-decoration:none;text-align:center;cursor:pointer;
  border:1px solid var(--hair2);background:var(--card2);color:var(--au)}
.dr-btn-red{background:var(--winegrad);color:#fff;border-color:rgba(227,187,98,.45)}
.dr-btn-gold{background:var(--gold);color:#2b0710;border-color:transparent;font-weight:800}
.dr-btn-teal{background:transparent;color:var(--au);border-color:var(--hair2)}
.dr-btn-lg{min-height:48px;padding:0 24px;font-size:14px}

/* centre: category rail + grids */
.dr-main{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start}
.dr-rail{display:flex;flex-direction:column;gap:7px;position:sticky;top:96px}
.dr-rail a{display:grid;justify-items:center;gap:3px;padding:10px 4px;border-radius:9px;background:var(--card);
  border:1px solid var(--edge);color:var(--dim);font:700 9.5px/1.2 var(--sans);text-decoration:none;
  text-align:center;min-height:56px}
.dr-rail a .i{font-size:19px;line-height:1}
.dr-rail a.on{background:var(--winegrad);color:#fff;border-color:var(--hair2)}
.dr-sh{display:flex;align-items:center;gap:10px;margin:16px 0 10px}
.dr-sh:first-child{margin-top:0}
.dr-sh h2{margin:0;font:800 13px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.13em;color:var(--au2);
  padding-bottom:5px;border-bottom:2px solid var(--wine2)}
.dr-sh a{margin-left:auto;font:600 11px/1 var(--sans);color:var(--dim);text-decoration:none;
  display:inline-flex;align-items:center;min-height:44px}
.dr-provs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.dr-prov{display:grid;justify-items:center;gap:6px;padding:11px 7px;border-radius:9px;background:var(--card);
  border:1px solid var(--edge);text-decoration:none;min-width:0}
/* Two corrections to a flat height cap, measured on the INK inside each mark, not on the shape
   of its file. An emblem-over-wordmark lockup spends most of a flat cap on the emblem -
   Pragmatic Play's lettering is 0.19 of its artwork - so it is sized by width instead: 99px is
   what this wall's median 4.12:1 mark occupies at 24px, and the logo row grew from 26px to 46px
   to hold it. The opposite case is a short display wordmark: CQ9 is 0.70 ink and JILI 0.93, so
   at the same cap they draw the biggest lettering on the wall. They keep the wall's cap and are
   held 20% narrower, which leaves them inside the measured group. */
.dr-prov .lg{display:grid;place-items:center;height:46px}
.dr-prov .lg img{max-height:24px;width:auto;object-fit:contain}
.dr-prov .lg img[src$="/pragmatic-play.png"]{height:auto;max-height:60px;max-width:99px}
.dr-prov .lg img[src$="/cq9.png"]{height:auto;max-width:39px}
.dr-prov .lg img[src$="/jili.png"]{height:auto;max-width:48px}
.dr-prov .lg img[src$="/jdb.svg"]{height:auto;max-width:29px}
.dr-prov .lg.dark img{filter:brightness(0) invert(1);opacity:.92}
.dr-prov .lg.t{font:800 12px/1.2 var(--sans);color:var(--au);text-align:center}
.dr-prov>span{font:600 9.5px/1.2 var(--sans);color:var(--dim2);text-align:center;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dr-games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.dr-game{display:block;border-radius:9px;overflow:hidden;background:var(--card);border:1px solid var(--edge);
  text-decoration:none;min-width:0}
.dr-game img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.dr-game .m{padding:7px 8px}
.dr-game .m b{display:block;font:600 10.5px/1.3 var(--sans);color:var(--fg);white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.dr-game .m small{display:flex;align-items:center;gap:5px;margin-top:3px;font:700 8.5px/1 var(--sans);color:var(--ok)}
.dr-game .m small i{font-style:normal;background:var(--wine2);color:#fff;padding:1px 5px;border-radius:3px;
  letter-spacing:.05em}
.dr-game:hover{border-color:var(--hair2)}

/* match board */
.dr-matches{display:grid;gap:8px}
.dr-match{background:var(--card);border:1px solid var(--edge);border-radius:9px;padding:10px 12px}
.dr-match .lg{display:flex;align-items:center;gap:8px;font:700 9px/1 var(--sans);color:var(--dim2);
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.dr-match .lg span:last-child{color:#fff;background:var(--wine2);padding:2px 6px;border-radius:3px}
.dr-match .tm{display:flex;align-items:center;gap:10px;font:700 13px/1.3 var(--sans);margin-bottom:8px}
.dr-match .tm i{font-style:normal;font-size:10px;color:var(--dim2)}
.dr-match .od{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.dr-match .od a{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0 11px;
  border-radius:7px;background:var(--card2);border:1px solid var(--edge);color:var(--dim2);
  font:600 11px/1 var(--sans);text-decoration:none}
.dr-match .od a b{color:var(--au);font-size:12px}

/* 4D widget */
.dr-4d{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:14px;margin:16px 0}
.dr-4d h3{font:800 12px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.11em;color:var(--au2)}
.dr-4d .num{display:flex;gap:7px;margin-bottom:11px}
.dr-4d .num span{width:38px;height:46px;display:grid;place-items:center;border-radius:7px;
  background:var(--deep);border:1px solid var(--hair2);font:800 22px/1 var(--sans);color:var(--au2)}
.dr-4d ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;align-content:start}
.dr-4d li{display:flex;justify-content:space-between;gap:10px;padding-bottom:6px;
  border-bottom:1px solid var(--edge);font:600 11px/1.3 var(--sans);color:var(--dim2)}
.dr-4d li b{color:var(--au);font-variant-numeric:tabular-nums;letter-spacing:.1em}
.dr-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.dr-row img{height:20px;width:auto;opacity:.9}
.dr-row .chip{display:grid;place-items:center;padding:7px 10px;background:var(--card);border:1px solid var(--edge);
  border-radius:7px}
.dr-row .chip img{height:17px}

/* right rail */
.dr-check{padding:14px}
.dr-check .bal{font:800 21px/1.2 var(--sans);color:var(--au2)}
.dr-check .bal small{font:700 10px/1 var(--sans);color:var(--dim2);margin-left:6px;text-transform:uppercase}
.dr-check .note{font:400 11px/1.55 var(--sans);color:var(--dim2);margin:6px 0 11px}
.dr-check .box{background:var(--ink2);border:1px solid var(--edge);border-radius:9px;padding:11px}
.dr-check .box .t{display:flex;align-items:center;justify-content:space-between;gap:10px;
  font:700 11px/1 var(--sans);color:var(--au2);margin-bottom:9px;text-transform:uppercase;letter-spacing:.07em}
.dr-check .box .t a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;margin:-14px -6px}
.dr-days{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.dr-days div{display:grid;justify-items:center;gap:2px;padding:7px 2px;border-radius:6px;background:var(--card2);
  border:1px solid var(--edge);font:600 8.5px/1.2 var(--sans);color:var(--dim2);text-align:center}
.dr-days div.g{background:var(--winegrad);border-color:var(--hair2);color:#fff}
.dr-days div span{font-size:13px;line-height:1}
.dr-acct{padding:14px}
.dr-acct .two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.dr-acct .bl{background:var(--ink2);border:1px solid var(--edge);border-radius:9px;padding:12px}
.dr-acct .k{font:700 9px/1 var(--sans);color:var(--dim2);text-transform:uppercase;letter-spacing:.09em}
.dr-acct .v{font:800 23px/1.2 var(--sans);color:var(--au2);font-variant-numeric:tabular-nums}
.dr-acct .meta{font:400 10.5px/1.7 var(--sans);color:var(--dim2);margin-top:4px}
.dr-acct .stack{display:grid;gap:7px;margin-top:11px}
.dr-acct .stack a{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:7px;
  background:var(--card2);border:1px solid var(--edge);color:var(--au);font:700 11px/1 var(--sans);text-decoration:none}
.dr-photo{margin:0}
.dr-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.dr-photo figcaption{padding:11px 13px;font:800 13px/1.3 var(--sans);color:var(--au2)}
.dr-photo figcaption small{display:block;font:400 11px/1.5 var(--sans);color:var(--dim2);margin-top:3px}

/* ---------- content sections ---------- */
.dr-content{max-width:1000px;margin:0 auto;padding:22px 14px 8px}
.dr-content h1{font-size:28px;margin-bottom:12px}
.dr-content .lead{font:400 15px/1.7 var(--sans);color:var(--dim);margin-bottom:18px}
.dr-content h2{font-size:19px;color:var(--au2);margin:24px 0 10px;padding-bottom:6px;
  border-bottom:1px solid var(--edge)}
.dr-content p{color:var(--dim)}
.dr-ph{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:center;margin-bottom:6px}
.dr-ph .eb{display:inline-block;font:800 10px/1 var(--sans);color:var(--wine2);text-transform:uppercase;
  letter-spacing:.14em;margin-bottom:9px}
.dr-ph h1{margin:0 0 10px}
.dr-ph .act{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.dr-ph img{border-radius:var(--rad);border:1px solid var(--edge);aspect-ratio:3/2;object-fit:cover;width:100%}
.dr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 20px}
.dr-kpis>div{background:var(--card);border:1px solid var(--edge);border-radius:9px;padding:12px;min-width:0}
.dr-kpis b{display:block;font:800 20px/1.15 var(--sans);color:var(--au2);font-variant-numeric:tabular-nums}
.dr-kpis span{display:block;font:400 11px/1.4 var(--sans);color:var(--dim2);margin-top:3px}
.dr-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--edge);border-radius:9px;margin:0 0 18px}
.dr-tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:460px}
.dr-tbl th{background:var(--deep);color:var(--au2);font:700 11px/1.3 var(--sans);text-transform:uppercase;
  letter-spacing:.05em;text-align:left;padding:10px 12px;white-space:nowrap}
.dr-tbl td{padding:10px 12px;border-top:1px solid var(--edge);color:var(--dim)}
.dr-tbl tr:nth-child(even) td{background:rgba(20,10,14,.7)}
.dr-faq details{background:var(--card);border:1px solid var(--edge);border-radius:9px;margin-bottom:8px}
.dr-faq summary{cursor:pointer;padding:12px 14px;font:700 13px/1.45 var(--sans);color:var(--au2);list-style:none}
.dr-faq summary::-webkit-details-marker{display:none}
.dr-faq summary:after{content:"+";float:right;color:var(--wine2);margin-left:10px}
.dr-faq details[open] summary:after{content:"\2212"}
.dr-faq p{margin:0;padding:0 14px 13px;font:400 13px/1.7 var(--sans);color:var(--dim)}
.dr-cta-band{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin:22px 0 8px;padding:18px 20px;border-radius:var(--rad);background:var(--winegrad);
  border:1px solid var(--hair2)}
.dr-cta-band b{font:800 16px/1.4 var(--sans);color:#fff}

/* ---------- footer ---------- */
.dr-foot{background:#080406;border-top:1px solid var(--edge);margin-top:26px}
.dr-foot .w{max-width:1440px;margin:0 auto;padding:26px 14px 18px}
.dr-foot .cols{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:24px}
.dr-foot h4{font:800 11px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.11em;color:var(--au2);margin:0 0 8px}
.dr-foot .cols>div>a{display:flex;align-items:center;min-height:40px;font:400 12px/1.4 var(--sans);
  color:var(--dim);text-decoration:none}
.dr-foot .cols>div>a:hover{color:var(--au)}
.dr-foot p{font:400 12px/1.65 var(--sans);color:var(--dim2)}
.soc{display:flex;gap:9px;margin-top:12px}
.soc a{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--card);
  border:1px solid var(--edge)}
.soc svg{width:16px;height:16px;fill:var(--au)}
.dr-foot .pay,.dr-foot .trust{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding-top:16px;
  margin-top:16px;border-top:1px solid var(--edge)}
.dr-foot .pay b{font:800 11px/1 var(--sans);text-transform:uppercase;letter-spacing:.09em}
.dr-foot .pay span{display:grid;place-items:center}
.dr-foot .pay img,.dr-foot .trust img{height:19px;width:auto;max-width:124px;object-fit:contain;opacity:.9}
.dr-foot .legal{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:14px;
  margin-top:16px;border-top:1px solid var(--edge);font:400 11px/1.7 var(--sans);color:var(--dim2)}
.dr-foot .age{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;
  border:1px solid var(--hair2);color:var(--au);font:800 9px/1 var(--sans);margin-right:7px;vertical-align:middle}

/* ---------- sticky CTA + bottom nav ---------- */
.dr-scta{position:fixed;left:0;right:0;bottom:var(--bar);z-index:65;padding:8px 12px;
  /* the bar must not land on the hero's own Register button on a short phone screen */
  background:linear-gradient(180deg,rgba(8,4,6,.35),rgba(8,4,6,.96));border-top:1px solid var(--hair)}
.dr-scta a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:9px;
  background:var(--gold);color:#2b0710;font:800 13px/1.2 var(--sans);text-decoration:none;text-align:center;padding:0 14px}
.dr-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  background:#080406;border-top:1px solid var(--edge);min-height:var(--bar);max-width:100%;overflow:hidden}
.dr-nav a{display:grid;place-items:center;gap:2px;padding:7px 2px;text-decoration:none;min-width:0;
  font:600 9px/1.2 var(--sans);color:var(--dim2);min-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-nav a .i{font-size:17px;line-height:1}
.dr-nav a.on{color:var(--au)}
.dr-nav a.cta{color:var(--au2)}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .dr-floor{grid-template-columns:minmax(0,1fr);max-width:860px}
  /* lead with the welcome banner on a narrow screen: the provider wall first meant the page
     opened with no call to action anywhere in view. */
  .dr-col.left{order:1}.dr-col.center{order:2}.dr-col.right{order:3}
  .dr-provs,.dr-games{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dr-rail{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .dr-main{grid-template-columns:minmax(0,1fr)}
  .dr-rail a{flex:0 0 72px}
}
@media (max-width:860px){
  .dr-ph{grid-template-columns:minmax(0,1fr)}
  /* text first on a phone: leading with the 3:2 hero image pushed the Register button down
     under the sticky CTA bar on a 667px screen. */
  .dr-ph img{order:0;margin-top:4px}
  .dr-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dr-4d{grid-template-columns:minmax(0,1fr)}
  .dr-foot .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .dr-banner .ov{padding:11px 13px}
  .dr-banner .ov .pill{margin-top:4px}
  .dr-head .row{gap:8px;padding:7px 10px;min-height:54px}
  .dr-partner{display:none}
  .dr-logo svg{height:30px}
  .dr-logo .wm b{font-size:18px}
  .dr-lang a{min-width:34px;padding:0 6px}
  .dr-floor{padding:10px;gap:11px}
  .dr-provs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dr-games{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dr-content{padding:18px 12px 8px}
  .dr-content h1,.dr-ph h1{font-size:22px}
  .dr-content h2{font-size:17px}
  .dr-banner .ov strong{font-size:19px}
  .dr-banner .ov em{max-width:78%}
  .dr-foot .cols{grid-template-columns:minmax(0,1fr);gap:16px}
  .dr-cta-band{padding:15px 16px}
  .dr-cta-band b{font-size:14px}
}
@media (max-width:380px){
  .dr-games,.dr-provs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dr-logo .wm b{font-size:16px}
  .dr-nav a{font-size:8.5px}
}

/* Provider chips: this shell knocks dark artwork out to white, but no chip was ever given the
   class, so near-black marks sat on the near-black card. PG Soft and Evolution measured 1.04:1 -
   one tone across the whole crop, i.e. nothing visible. Keyed by file so a colour mark that
   reads on its own (JILI, CQ9, Pragmatic) is left in its own colours. */
.dr-prov .lg img[src*="pg-soft"],.dr-prov .lg img[src*="evolution"],
.dr-prov .lg img[src*="playtech"],.dr-prov .lg img[src*="sbobet"]{
  filter:brightness(0) invert(1);opacity:.92}