/* DjimlyStore Digital v2.39.97 — game arrow polish + luxury VIP redesign */

/* ──────────────────────────────────────────────────────────────────────────
   GAME SUBCATEGORY CARD ARROWS
   Use our own SVG so the arrow never renders too thin/small on iOS.
   ────────────────────────────────────────────────────────────────────────── */
html body #djs-portal #djs-screen-game .djs-game-row-arrow-shell-v23996.djs-game-row-arrow-shell-v23997{
  width:62px!important;height:62px!important;min-width:62px!important;
  border-radius:20px!important;border:1px solid #d9e4ef!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 9px 23px rgba(12,64,118,.08)!important;
  display:grid!important;place-items:center!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
html body #djs-portal #djs-screen-game .djs-game-row-v23996:hover .djs-game-row-arrow-shell-v23997,
html body #djs-portal #djs-screen-game .djs-game-row-v23996:focus-visible .djs-game-row-arrow-shell-v23997{
  border-color:#9bc8ff!important;box-shadow:0 11px 26px rgba(20,116,239,.14)!important;
  transform:translateX(1px)!important;
}
html body #djs-portal #djs-screen-game .djs-game-row-arrow-svg-v23997{
  width:33px!important;height:33px!important;display:block!important;overflow:visible!important;
  fill:none!important;stroke:#0878f3!important;stroke-width:2.55!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
html body #djs-portal #djs-screen-game .djs-game-row-v23996 .djs-game-row-arrow-v2187{display:none!important}

/* ──────────────────────────────────────────────────────────────────────────
   VIP PAGE — gold / cream luxury language based on the supplied reference.
   Existing VIP data + functionality are preserved; this layer is visual.
   ────────────────────────────────────────────────────────────────────────── */
#djs-screen-vip.djs-vip44-screen{
  --vip97-gold:#bd8f19;--vip97-gold2:#f3d36e;--vip97-ink:#17130b;--vip97-cream:#fff8dc;
  background:#fff!important;color:var(--vip97-ink)!important;
}
#djs-screen-vip .djs-vip43-scroller{background:#fff!important}
#djs-screen-vip .djs-vip44-shell{
  padding:0 0 calc(118px + env(safe-area-inset-bottom,0px))!important;
  background:#fff!important;
}

/* Header floats over the gold hero like the target design. */
#djs-screen-vip .djs-vip97-backbar{
  position:absolute!important;inset:0 0 auto 0!important;z-index:60!important;
  height:calc(94px + env(safe-area-inset-top,0px))!important;
  padding:env(safe-area-inset-top,0px) 18px 0!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:72px 1fr 56px!important;align-items:center!important;gap:8px!important;
  background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#djs-screen-vip .djs-vip97-backbar .djs-icon-btn{
  width:56px!important;height:52px!important;border-radius:18px!important;
  background:rgba(255,255,255,.88)!important;border:1px solid rgba(153,112,15,.13)!important;
  box-shadow:0 9px 24px rgba(98,69,9,.1)!important;color:#19150c!important;
}
#djs-screen-vip .djs-vip97-backbar .djs-vip43-help{justify-self:end!important}
#djs-screen-vip .djs-vip97-title-block{min-width:0;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;line-height:1!important}
#djs-screen-vip .djs-vip97-title-block .djs-back-title{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:21px!important;font-weight:950!important;letter-spacing:-.045em!important;color:#17130b!important;white-space:nowrap!important}
#djs-screen-vip .djs-vip97-title-crown{font-size:23px!important;color:#ad7f10!important;font-variation-settings:'FILL' 1!important}
#djs-screen-vip .djs-vip97-title-block small{margin-top:7px;color:#816e3f;font-size:10.5px;font-weight:650;white-space:nowrap}

#djs-screen-vip .djs-vip44-journey{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  padding:calc(106px + env(safe-area-inset-top,0px)) 0 24px!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.96) 0 7%,rgba(255,255,255,.25) 28%,transparent 43%),
    radial-gradient(circle at 8% 18%,rgba(255,255,255,.62),transparent 30%),
    radial-gradient(circle at 91% 28%,rgba(255,255,255,.48),transparent 27%),
    linear-gradient(135deg,#fff6cf 0%,#f5dda0 35%,#fff5c8 64%,#e9c66a 100%)!important;
  border-bottom:1px solid rgba(131,91,0,.14)!important;
}
#djs-screen-vip .djs-vip44-journey:before{
  content:"";position:absolute;inset:0;z-index:-2;opacity:.26;pointer-events:none;
  background-image:repeating-linear-gradient(132deg,transparent 0 25px,rgba(166,119,14,.13) 26px 28px,transparent 29px 53px);
  mask-image:linear-gradient(to bottom,transparent 0,#000 15%,#000 78%,transparent 100%);
}
#djs-screen-vip .djs-vip44-journey:after{
  content:"";position:absolute;width:310px;height:310px;border-radius:50%;left:50%;top:105px;transform:translateX(-50%);z-index:-1;
  border:1px solid rgba(171,124,16,.15);box-shadow:0 0 0 22px rgba(255,255,255,.08),0 0 0 45px rgba(171,124,16,.035);
}
#djs-screen-vip .djs-vip44-glow{display:none!important}

/* Decorative family + brand callouts around the centered member badge. */
#djs-screen-vip .djs-vip97-family-note,#djs-screen-vip .djs-vip97-brandmark{position:absolute;top:150px;z-index:2;pointer-events:none}
#djs-screen-vip .djs-vip97-family-note{left:22px;display:flex;flex-direction:column;transform:rotate(-7deg);color:#413211}
#djs-screen-vip .djs-vip97-family-note small{font-size:12px;font-weight:550}
#djs-screen-vip .djs-vip97-family-note strong{font:italic 700 18px/1.05 Georgia,serif;color:#9c6c05;margin-top:5px}
#djs-screen-vip .djs-vip97-brandmark{right:20px;width:105px;text-align:center;color:#72520b;display:flex;flex-direction:column;align-items:center}
#djs-screen-vip .djs-vip97-brandmark>.ms{font-size:47px;line-height:.9;color:#c28c0c;font-variation-settings:'FILL' 1;filter:drop-shadow(0 7px 7px rgba(117,79,1,.16))}
#djs-screen-vip .djs-vip97-brandmark strong{font:700 14px/1 Georgia,serif;letter-spacing:.04em;margin-top:3px}
#djs-screen-vip .djs-vip97-brandmark small{font-size:5px;letter-spacing:.07em;margin-top:3px}

#djs-screen-vip .djs-vip44-member{min-height:118px!important;margin:0 auto 2px!important;z-index:5!important}
#djs-screen-vip .djs-vip44-avatar-wrap{
  width:86px!important;height:86px!important;padding:6px!important;
  background:linear-gradient(145deg,#fff3a8,#c69317 46%,#fff5b0 100%)!important;
  box-shadow:0 10px 30px rgba(113,75,3,.2),0 0 0 7px rgba(255,255,255,.38)!important;
}
#djs-screen-vip .djs-vip44-avatar-level{right:-9px!important;bottom:6px!important;background:linear-gradient(145deg,#4f3a0b,#17130b)!important;color:#ffe392!important;border-color:#ffe9a9!important}
#djs-screen-vip .djs-vip44-member>strong{font-size:18px!important;font-weight:900!important;color:#18140b!important}
#djs-screen-vip .djs-vip44-member>strong:after{content:"Membre VIP";display:block;width:max-content;margin:6px auto 0;padding:4px 11px;border-radius:999px;background:linear-gradient(90deg,#b38311,#e5bd4d);color:#fffaf0;font-size:10px;font-weight:850;letter-spacing:.02em;box-shadow:0 5px 12px rgba(118,78,4,.15)}

/* Gold level road. */
#djs-screen-vip .djs-vip44-road{height:126px!important;margin:-7px 0 -4px!important}
#djs-screen-vip .djs-vip44-road-line{stroke:#d2aa42!important;stroke-width:6!important;filter:drop-shadow(0 3px 4px rgba(93,64,4,.16))}
#djs-screen-vip .djs-vip44-road-shadow{stroke:rgba(255,255,255,.7)!important;stroke-width:12!important}
#djs-screen-vip .djs-vip44-node i{width:20px!important;height:20px!important;border:3px solid #fff5cf!important;background:#c79a27!important;box-shadow:0 4px 10px rgba(93,65,5,.24)!important}
#djs-screen-vip .djs-vip44-node span{color:#1c170b!important;font-weight:950!important;font-size:12px!important}
#djs-screen-vip .djs-vip44-node.is-member i{width:31px!important;height:31px!important;background:#17130b!important;border:7px solid #f4cf69!important;box-shadow:0 0 0 3px rgba(255,255,255,.76),0 8px 17px rgba(65,44,3,.22)!important}
#djs-screen-vip .djs-vip44-node.is-complete i{background:#b8860b!important}
#djs-screen-vip .djs-vip44-node-crown{color:#b8860b!important;font-size:25px!important}

/* Large luxury VIP cards. */
#djs-screen-vip .djs-vip44-slider-wrap{position:relative;z-index:5}
#djs-screen-vip .djs-vip44-slider{
  gap:14px!important;padding:8px max(18px,calc((100vw - 660px)/2)) 13px!important;
  scroll-padding-inline:18px!important;
}
#djs-screen-vip .djs-vip97-card{
  flex:0 0 min(calc(100vw - 36px),640px)!important;min-height:374px!important;
  padding:19px 18px 17px!important;border-radius:27px!important;
  border:1px solid rgba(160,115,13,.33)!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(255,255,255,.72),transparent 28%),
    linear-gradient(145deg,rgba(255,250,221,.98),rgba(240,207,113,.86) 52%,rgba(255,247,207,.98))!important;
  color:#17130b!important;box-shadow:0 18px 42px rgba(105,74,5,.15)!important;
}
#djs-screen-vip .djs-vip97-card:before{width:190px!important;height:190px!important;right:-80px!important;top:-95px!important;background:radial-gradient(circle,#fff9d6,transparent 68%)!important;opacity:.88!important}
#djs-screen-vip .djs-vip97-card.is-current{border-color:#ae7d0b!important;box-shadow:0 22px 48px rgba(104,72,4,.22)!important;transform:translateY(-2px)!important}
#djs-screen-vip .djs-vip97-card.is-elite{background:linear-gradient(145deg,#19150d 0%,#35290f 54%,#0d0b07 100%)!important;border-color:#d3a735!important;color:#fff5d0!important}
#djs-screen-vip .djs-vip97-card-head{display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}
#djs-screen-vip .djs-vip97-tier-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#e7bd49,#a87508);color:#fff8d0;font-size:30px!important;font-variation-settings:'FILL' 1;box-shadow:inset 0 1px rgba(255,255,255,.55),0 7px 17px rgba(115,76,1,.18)}
#djs-screen-vip .djs-vip97-card .djs-vip44-vip-title{font-size:31px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.055em!important;color:#17130b!important}
#djs-screen-vip .djs-vip97-card.is-elite .djs-vip44-vip-title{color:#fff2be!important}
#djs-screen-vip .djs-vip44-validity{min-width:105px!important;padding:8px 11px!important;border-radius:18px!important;background:rgba(255,255,255,.64)!important;border:1px solid rgba(130,91,5,.12)!important;display:grid!important;grid-template-columns:1fr auto!important;column-gap:5px!important;align-items:center!important;text-align:left!important}
#djs-screen-vip .djs-vip44-validity small{grid-column:1/-1!important;color:#5f7f4d!important;font-size:8px!important;font-weight:950!important;letter-spacing:.08em!important}
#djs-screen-vip .djs-vip44-validity b{font-size:12px!important;color:#17130b!important;white-space:nowrap!important}
#djs-screen-vip .djs-vip44-validity>.ms{display:none;font-size:20px!important;color:#25985b!important;font-variation-settings:'FILL' 1}
#djs-screen-vip .djs-vip44-validity.is-acquired>.ms{display:inline-block!important}
#djs-screen-vip .djs-vip97-card.is-elite .djs-vip44-validity{background:rgba(255,246,205,.1)!important;border-color:rgba(255,222,118,.22)!important}
#djs-screen-vip .djs-vip97-card.is-elite .djs-vip44-validity small,#djs-screen-vip .djs-vip97-card.is-elite .djs-vip44-validity b{color:#ffe8a0!important}
#djs-screen-vip .djs-vip97-card .djs-vip44-upgrade-copy{margin:14px 2px 12px!important;color:#3a3121!important;font-size:13.5px!important;line-height:1.42!important;min-height:39px!important}
#djs-screen-vip .djs-vip97-card.is-elite .djs-vip44-upgrade-copy{color:#dbcfa9!important}
#djs-screen-vip .djs-vip97-progress-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 14px}
#djs-screen-vip .djs-vip97-progress-row .djs-vip44-progress{height:10px!important;margin:0!important;background:rgba(255,255,255,.62)!important;border:1px solid rgba(132,92,5,.1)!important}
#djs-screen-vip .djs-vip97-progress-row .djs-vip44-progress i{background:linear-gradient(90deg,#b6830a,#e5be52)!important}
#djs-screen-vip .djs-vip97-progress-row>b{font-size:10.5px;color:#342a16;min-width:42px;text-align:right}
#djs-screen-vip .is-elite .djs-vip97-progress-row>b{color:#f5de98}
#djs-screen-vip .djs-vip97-card-perks{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:13px 4px;border-top:1px solid rgba(121,86,8,.12);border-bottom:1px solid rgba(121,86,8,.12);margin-bottom:13px}
#djs-screen-vip .djs-vip97-card-perks>span{display:flex;align-items:center;gap:7px;min-width:0;color:#312718;font-size:10.8px;font-weight:750;line-height:1.22}
#djs-screen-vip .djs-vip97-card-perks i{width:27px;height:27px;flex:0 0 27px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#d9ad35,#a97708);color:#fff9dc;font-size:17px!important;font-style:normal;font-variation-settings:'FILL' 1}
#djs-screen-vip .is-elite .djs-vip97-card-perks{border-color:rgba(246,210,104,.18)}
#djs-screen-vip .is-elite .djs-vip97-card-perks>span{color:#f2e6c2}
#djs-screen-vip .djs-vip97-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:auto!important}
#djs-screen-vip .djs-vip97-benefits-btn,#djs-screen-vip .djs-vip97-actions .djs-vip44-details{
  min-width:0!important;width:100%!important;height:45px!important;margin:0!important;padding:0 12px!important;border-radius:999px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:10.8px!important;font-weight:900!important;white-space:nowrap!important;
}
#djs-screen-vip .djs-vip97-benefits-btn{border:1px solid rgba(132,93,7,.15)!important;background:rgba(255,255,255,.78)!important;color:#2d2413!important}
#djs-screen-vip .djs-vip97-benefits-btn>.ms:first-child{font-size:17px!important;color:#a7770b!important}
#djs-screen-vip .djs-vip97-benefits-btn>.ms:last-child,#djs-screen-vip .djs-vip97-actions .djs-vip44-details>.ms{font-size:17px!important}
#djs-screen-vip .djs-vip97-actions .djs-vip44-details{background:#17130b!important;color:#fff!important}
#djs-screen-vip .is-elite .djs-vip97-benefits-btn{background:rgba(255,246,210,.1)!important;color:#ffe8a1!important;border-color:rgba(255,222,118,.2)!important}
#djs-screen-vip .is-elite .djs-vip97-actions .djs-vip44-details{background:linear-gradient(90deg,#d3a42d,#f0d16e)!important;color:#151108!important}
#djs-screen-vip .djs-vip97-card .djs-vip44-payrow{margin:0 0 10px!important}

#djs-screen-vip .djs-vip44-dots{margin:5px 0 0!important}.djs-vip44-dots i{background:rgba(117,83,8,.19)!important}.djs-vip44-dots i.active{background:#946a08!important}

/* Benefits board: compact 4-across like the supplied screen. */
#djs-screen-vip .djs-vip44-benefits{max-width:760px!important;padding:27px 18px 18px!important;background:#fffdf7!important}
#djs-screen-vip .djs-vip97-benefits-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;text-align:left!important;margin-bottom:15px!important}
#djs-screen-vip .djs-vip97-benefits-heading h2{font-size:22px!important;color:#17130b!important}
#djs-screen-vip .djs-vip97-benefits-heading p{font-size:10px!important;color:#8a7d5e!important}
#djs-screen-vip .djs-vip97-benefits-heading>button{border:0;background:transparent;color:#78602a;font-size:10.5px;font-weight:850;display:flex;align-items:center;gap:2px;padding:6px 0}
#djs-screen-vip .djs-vip97-benefits-heading>button .ms{font-size:16px!important}
#djs-screen-vip .djs-vip44-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
#djs-screen-vip .djs-vip44-benefit{min-height:104px!important;padding:11px 7px!important;border-radius:14px!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:linear-gradient(145deg,#fffdf5,#f7efd9)!important;border:1px solid #eadfbd!important;box-shadow:0 7px 18px rgba(81,58,9,.05)!important}
#djs-screen-vip .djs-vip44-benefit-icon{font-size:28px!important;color:#a87a12!important}
#djs-screen-vip .djs-vip44-benefit>span:not(.djs-vip44-benefit-icon){max-width:100%!important;margin-top:7px;font-size:9.5px!important;line-height:1.15!important;font-weight:800!important;color:#302819!important}
#djs-screen-vip .djs-vip44-benefit>small{display:none!important}
#djs-screen-vip .djs-vip44-benefit.is-locked{opacity:.45!important}

#djs-screen-vip .djs-vip97-upgrade-banner{
  width:calc(100% - 36px);max-width:724px;min-height:94px;margin:0 auto 20px;padding:13px 15px;border:0;border-radius:18px;
  background:radial-gradient(circle at 78% 45%,rgba(223,180,67,.25),transparent 30%),linear-gradient(100deg,#17130c,#30240d 70%,#17130c);
  color:#fff7dd;display:grid;grid-template-columns:64px minmax(0,1fr) 48px;align-items:center;gap:11px;text-align:left;box-shadow:0 13px 31px rgba(49,35,7,.16)
}
#djs-screen-vip .djs-vip97-upgrade-crown{font-size:57px!important;color:#dda92a!important;font-variation-settings:'FILL' 1;filter:drop-shadow(0 7px 7px rgba(0,0,0,.25))}
#djs-screen-vip .djs-vip97-upgrade-banner>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
#djs-screen-vip .djs-vip97-upgrade-banner b{font-size:16px;line-height:1.05}
#djs-screen-vip .djs-vip97-upgrade-banner strong{font-size:14px;color:#f2ca59;margin-top:2px}
#djs-screen-vip .djs-vip97-upgrade-banner small{font-size:8.5px;color:#c8bfa8;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#djs-screen-vip .djs-vip97-upgrade-banner>i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f1ce68,#bd8b17);color:#fff;font-size:27px!important;font-style:normal}

#djs-screen-vip .djs-vip44-tools{background:#fff!important;padding-top:3px!important}
#djs-screen-vip .djs-vip44-faq{background:#fff!important}

@media(max-width:520px){
  html body #djs-portal #djs-screen-game .djs-game-row-arrow-shell-v23997{width:58px!important;height:58px!important;min-width:58px!important;border-radius:19px!important}
  html body #djs-portal #djs-screen-game .djs-game-row-arrow-svg-v23997{width:31px!important;height:31px!important}
  #djs-screen-vip .djs-vip97-backbar{grid-template-columns:62px 1fr 52px!important;padding-left:13px!important;padding-right:13px!important}
  #djs-screen-vip .djs-vip97-backbar .djs-icon-btn{width:50px!important;height:48px!important}
  #djs-screen-vip .djs-vip97-title-block .djs-back-title{font-size:19px!important}
  #djs-screen-vip .djs-vip97-title-block small{font-size:9.3px!important}
  #djs-screen-vip .djs-vip97-family-note{left:18px;top:154px}.djs-vip97-family-note small{font-size:10px!important}.djs-vip97-family-note strong{font-size:15px!important}
  #djs-screen-vip .djs-vip97-brandmark{right:13px;top:149px;width:92px}.djs-vip97-brandmark>.ms{font-size:41px!important}.djs-vip97-brandmark strong{font-size:11px!important}
  #djs-screen-vip .djs-vip97-card{flex-basis:calc(100vw - 34px)!important;min-height:366px!important;padding:17px 15px 15px!important}
  #djs-screen-vip .djs-vip97-card-head{grid-template-columns:47px minmax(0,1fr) auto!important;gap:8px!important}
  #djs-screen-vip .djs-vip97-tier-icon{width:45px;height:45px;font-size:27px!important}
  #djs-screen-vip .djs-vip97-card .djs-vip44-vip-title{font-size:28px!important}
  #djs-screen-vip .djs-vip44-validity{min-width:92px!important;padding:7px 8px!important}
  #djs-screen-vip .djs-vip44-validity b{font-size:10.5px!important}
  #djs-screen-vip .djs-vip97-card-perks{gap:8px 7px!important}.djs-vip97-card-perks>span{font-size:9.8px!important}.djs-vip97-card-perks i{width:25px!important;height:25px!important;flex-basis:25px!important;font-size:15px!important}
  #djs-screen-vip .djs-vip97-actions{gap:7px!important}.djs-vip97-benefits-btn,#djs-screen-vip .djs-vip97-actions .djs-vip44-details{height:43px!important;padding:0 8px!important;font-size:9.7px!important}
  #djs-screen-vip .djs-vip44-benefits{padding-left:14px!important;padding-right:14px!important}
  #djs-screen-vip .djs-vip44-benefit-grid{gap:6px!important}.djs-vip44-benefit{min-height:96px!important;padding:9px 4px!important}.djs-vip44-benefit>span:not(.djs-vip44-benefit-icon){font-size:8.5px!important}
  #djs-screen-vip .djs-vip97-upgrade-banner{width:calc(100% - 28px);grid-template-columns:52px minmax(0,1fr) 42px;padding:12px;min-height:88px}.djs-vip97-upgrade-crown{font-size:49px!important}.djs-vip97-upgrade-banner b{font-size:14px!important}.djs-vip97-upgrade-banner strong{font-size:12px!important}
}
@media(max-width:360px){
  #djs-screen-vip .djs-vip97-family-note,#djs-screen-vip .djs-vip97-brandmark{opacity:.68;transform:scale(.86)}
  #djs-screen-vip .djs-vip97-family-note{transform:scale(.86) rotate(-7deg);transform-origin:left center}
  #djs-screen-vip .djs-vip97-brandmark{transform-origin:right center}
  #djs-screen-vip .djs-vip97-card-perks>span{font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){
  html body #djs-portal #djs-screen-game .djs-game-row-arrow-shell-v23997{transition:none!important}
}