/* DjimlyStore Digital v2.39.93
 * Mobile game-pack page visual repair.
 * This file intentionally uses stronger selectors than the legacy v2.18.7 game CSS.
 */

html body.djs-game-pack-open{overflow:hidden!important;overscroll-behavior:none!important}
html body.djs-game-pack-open #djs-portal .djs-bottom-nav,
html body.djs-game-pack-open.djs-fullscreen-active #djs-portal .djs-bottom-nav{display:none!important;visibility:hidden!important;pointer-events:none!important}

html body #djs-portal #djs-game-modal-backdrop{
  z-index:100090!important;background:rgba(6,18,37,.46)!important;
  backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
}

html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189){
  z-index:100100!important;box-sizing:border-box!important;background:#fff!important;color:#111827!important;
}

/* Exact hero geometry: one full artwork, never an image strip + dark block. */
html body #djs-portal #djs-game-modal .djs-game-detail-v23993{
  display:grid!important;gap:20px!important;width:100%!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-hero-v23993{
  position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;
  aspect-ratio:1.92 / 1!important;margin:0!important;padding:0!important;border:0!important;border-radius:27px!important;
  overflow:hidden!important;background:#061c42!important;box-shadow:0 16px 38px rgba(8,35,77,.16)!important;isolation:isolate!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-media-v2187{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
  min-height:100%!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:#061c42!important;box-shadow:none!important;overflow:hidden!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-media-v2187 img{
  position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;object-position:center 36%!important;border:0!important;border-radius:0!important;
  filter:saturate(1.03) contrast(1.02)!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-shade-v23992{
  position:absolute!important;inset:0!important;z-index:1!important;display:block!important;pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(2,19,50,.94) 0%,rgba(2,19,50,.76) 34%,rgba(2,19,50,.24) 66%,rgba(2,19,50,.12) 100%),
    linear-gradient(0deg,rgba(3,18,46,.82) 0%,rgba(3,18,46,.25) 47%,rgba(3,18,46,.05) 100%)!important;
}

/* Header chips. */
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-chips-v2187{
  position:absolute!important;z-index:4!important;left:18px!important;right:58px!important;top:17px!important;
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-chips-v2187>span{
  display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:35px!important;padding:7px 12px!important;
  border-radius:999px!important;border:1px solid rgba(255,255,255,.82)!important;background:#fff!important;color:#111827!important;
  -webkit-text-fill-color:#111827!important;box-shadow:0 6px 18px rgba(0,16,45,.10)!important;
  font-size:11.5px!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-chips-v2187 .is-available{
  border-color:#b7f3d9!important;background:#eafff4!important;color:#07985a!important;-webkit-text-fill-color:#07985a!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-chips-v2187 .is-available i{
  display:block!important;width:9px!important;height:9px!important;border-radius:50%!important;background:#25c97b!important;
  box-shadow:0 0 0 4px rgba(37,201,123,.13)!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-chips-v2187 .ms{
  color:#0d1d38!important;-webkit-text-fill-color:#0d1d38!important;font-size:18px!important;
}

/* Pack / price line inside the artwork. */
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-price-row-v2187{
  position:absolute!important;z-index:4!important;left:22px!important;right:22px!important;bottom:20px!important;
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-pack-copy-v23993{
  min-width:0!important;max-width:55%!important;display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:1px!important;align-items:end!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-pack-gem-v23993{
  grid-column:1!important;grid-row:1 / span 2!important;align-self:center!important;display:block!important;width:39px!important;height:34px!important;
  background:linear-gradient(155deg,#3fe9ff 0%,#25aaff 45%,#3175ff 100%)!important;
  clip-path:polygon(50% 0,88% 28%,72% 100%,28% 100%,12% 28%)!important;
  filter:drop-shadow(0 0 10px rgba(46,177,255,.42))!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-pack-copy-v23993 strong{
  grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important;margin:0!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:34px!important;line-height:.98!important;font-weight:1000!important;
  letter-spacing:-.045em!important;text-shadow:0 3px 18px rgba(0,0,0,.28)!important;overflow-wrap:anywhere!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-pack-copy-v23993.is-long strong{font-size:23px!important;letter-spacing:-.025em!important}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-pack-copy-v23993 small{
  grid-column:2!important;grid-row:2!important;margin-top:4px!important;color:rgba(255,255,255,.91)!important;-webkit-text-fill-color:rgba(255,255,255,.91)!important;
  font-size:13px!important;line-height:1.1!important;font-weight:700!important;text-shadow:0 2px 12px rgba(0,0,0,.25)!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-price-copy-v23993{
  display:grid!important;justify-items:end!important;align-items:end!important;gap:8px!important;flex:0 0 auto!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-price-copy-v23993 b{
  display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:29px!important;line-height:1!important;
  font-weight:1000!important;letter-spacing:-.04em!important;white-space:nowrap!important;text-shadow:0 3px 18px rgba(0,0,0,.30)!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-price-copy-v23993 em{
  display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:6px 10px!important;border:1px solid rgba(53,222,164,.34)!important;
  border-radius:12px!important;background:rgba(2,96,78,.68)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:11px!important;line-height:1!important;font-style:normal!important;font-weight:900!important;white-space:nowrap!important;backdrop-filter:blur(8px)!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-price-copy-v23993 em:before{
  content:'%'!important;display:grid!important;place-items:center!important;width:19px!important;height:19px!important;margin-right:6px!important;
  border-radius:6px!important;background:#37d99a!important;color:#064a38!important;-webkit-text-fill-color:#064a38!important;font-size:10px!important;font-weight:1000!important;
}

/* À SAVOIR card. */
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-know-v2187{
  display:block!important;margin:0!important;padding:20px 20px!important;border:1.5px solid #ffc9ce!important;border-radius:24px!important;
  background:#fffafa!important;box-shadow:none!important;color:#172033!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-know-v2187>b{
  display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 11px!important;color:#e01d2e!important;-webkit-text-fill-color:#e01d2e!important;
  font-size:15px!important;line-height:1!important;font-weight:1000!important;letter-spacing:.02em!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-know-v2187>b .ms{
  display:grid!important;place-items:center!important;width:25px!important;height:25px!important;border-radius:50%!important;background:#ed1d31!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important;
}
html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-know-v2187 p{
  margin:0!important;color:#2b3447!important;-webkit-text-fill-color:#2b3447!important;font-size:13px!important;line-height:1.62!important;font-weight:600!important;
}

/* Form card. */
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) #djs-game-modal-fields{
  display:grid!important;gap:16px!important;margin:0!important;padding:20px!important;border:1px solid #e6eaf0!important;border-radius:26px!important;
  background:#fff!important;box-shadow:0 12px 32px rgba(17,38,74,.055)!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-modal-field{
  display:grid!important;gap:10px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-modal-field>span{
  display:flex!important;align-items:center!important;gap:10px!important;color:#111a2e!important;-webkit-text-fill-color:#111a2e!important;
  font-size:13px!important;line-height:1!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.015em!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-modal-field>span .ms{
  display:grid!important;place-items:center!important;width:31px!important;height:31px!important;border-radius:10px!important;background:#0d2c5d!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:18px!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-modal-field input,
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-modal-field select{
  display:block!important;width:100%!important;min-height:58px!important;margin:0!important;padding:0 16px!important;box-sizing:border-box!important;
  border:1.5px solid #dde3eb!important;border-radius:15px!important;background:#fff!important;color:#152034!important;-webkit-text-fill-color:#152034!important;
  font-size:15px!important;line-height:1!important;font-weight:800!important;outline:none!important;box-shadow:none!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-modal-field input::placeholder{
  color:#a6aebb!important;-webkit-text-fill-color:#a6aebb!important;font-weight:650!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-inline-note-v23993{
  display:flex!important;align-items:flex-start!important;gap:9px!important;margin:0!important;padding:11px 13px!important;border:1px solid #cfe2ff!important;
  border-radius:13px!important;background:#f6faff!important;color:#2a394f!important;-webkit-text-fill-color:#2a394f!important;font-size:11.5px!important;line-height:1.42!important;font-weight:700!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-inline-note-v23993 .ms{
  color:#0f356d!important;-webkit-text-fill-color:#0f356d!important;font-size:18px!important;line-height:1!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) #djs-game-modal-note{display:none!important}

/* Buttons are a normal card BELOW the fields. They must never float over the inputs. */
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-detail-actions-v2187{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:1!important;
  display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;margin:0!important;padding:16px!important;
  box-sizing:border-box!important;border:1px solid #e6eaf0!important;border-radius:26px!important;background:#fff!important;
  box-shadow:0 12px 32px rgba(17,38,74,.055)!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) #djs-game-modal-verify,
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) #djs-game-modal-submit{
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;
  min-height:58px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:16px!important;
  font-size:16px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-.01em!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) #djs-game-modal-verify{
  background:linear-gradient(135deg,#0c356d,#092755)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 24px rgba(7,44,94,.18)!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) #djs-game-modal-submit{
  background:#eff1f4!important;color:#a4abb5!important;-webkit-text-fill-color:#a4abb5!important;box-shadow:none!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) #djs-game-modal-submit.is-ready:not(:disabled){
  background:linear-gradient(135deg,#0c356d,#092755)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 10px 24px rgba(7,44,94,.16)!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) #djs-game-modal-submit:after{display:none!important;content:none!important}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-security-v23993{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:3px 0 0!important;
  color:#6b7585!important;-webkit-text-fill-color:#6b7585!important;font-size:11px!important;line-height:1!important;font-weight:750!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-security-v23993 .ms{
  color:#6b7585!important;-webkit-text-fill-color:#6b7585!important;font-size:15px!important;
}
html body #djs-portal #djs-game-modal.djs-manual-credentials-v2188 .djs-game-security-v23993,
html body #djs-portal #djs-game-modal.djs-manual-credentials-v2189 .djs-game-security-v23993{display:none!important}

/* Close button: below iPhone status area, small and unobtrusive. */
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-detail-head-v2187{
  position:absolute!important;z-index:20!important;top:calc(17px + env(safe-area-inset-top))!important;right:18px!important;left:auto!important;
  display:block!important;width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-detail-head-v2187>div{display:none!important}
html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) #djs-game-modal-close{
  display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;padding:0!important;
  border:1px solid rgba(255,255,255,.82)!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#101827!important;-webkit-text-fill-color:#101827!important;
  box-shadow:0 7px 20px rgba(5,18,42,.16)!important;backdrop-filter:blur(8px)!important;
}

/* Dark mode keeps contrast without changing geometry. */
[data-theme="dark"] body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189){background:#07111e!important}
[data-theme="dark"] body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-know-v2187{background:#1c1115!important;border-color:#70303a!important}
[data-theme="dark"] body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-know-v2187 p{color:#edf2f8!important;-webkit-text-fill-color:#edf2f8!important}
[data-theme="dark"] body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) #djs-game-modal-fields,
[data-theme="dark"] body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-detail-actions-v2187{background:#0d1827!important;border-color:#1c2c41!important}
[data-theme="dark"] body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-modal-field>span{color:#eff5ff!important;-webkit-text-fill-color:#eff5ff!important}
[data-theme="dark"] body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-modal-field input,
[data-theme="dark"] body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-modal-field select{background:#091321!important;border-color:#28394f!important;color:#eef5ff!important;-webkit-text-fill-color:#eef5ff!important}
[data-theme="dark"] body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-inline-note-v23993{background:#0b1b30!important;border-color:#234b79!important;color:#dbe9fb!important;-webkit-text-fill-color:#dbe9fb!important}

@media(max-width:680px){
  html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189){
    position:fixed!important;inset:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;transform:none!important;
    width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;
    padding:calc(11px + env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom))!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;scroll-padding-bottom:24px!important;
  }
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993{gap:18px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-hero-v23993{aspect-ratio:1.86 / 1!important;border-radius:24px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-chips-v2187{left:14px!important;right:52px!important;top:14px!important;gap:7px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-chips-v2187>span{min-height:32px!important;padding:6px 9px!important;font-size:10px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-price-row-v2187{left:16px!important;right:16px!important;bottom:15px!important;gap:10px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-pack-copy-v23993{grid-template-columns:38px minmax(0,1fr)!important;column-gap:8px!important;max-width:53%!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-pack-gem-v23993{width:32px!important;height:28px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-pack-copy-v23993 strong{font-size:29px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-pack-copy-v23993.is-long strong{font-size:18px!important;line-height:1.05!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-pack-copy-v23993 small{font-size:11.5px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-price-copy-v23993 b{font-size:24px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-price-copy-v23993 em{min-height:29px!important;padding:5px 8px!important;font-size:9.5px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-know-v2187{padding:17px!important;border-radius:21px!important}
  html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) #djs-game-modal-fields{padding:17px!important;border-radius:23px!important}
  html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-detail-actions-v2187{padding:14px!important;border-radius:23px!important}
  html body #djs-portal #djs-game-modal:not(.djs-manual-credentials-v2188):not(.djs-manual-credentials-v2189) .djs-game-detail-head-v2187{top:calc(14px + env(safe-area-inset-top))!important;right:16px!important}
}

@media(max-width:380px){
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-hero-v23993{aspect-ratio:1.78 / 1!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-detail-chips-v2187>span{font-size:9px!important;padding:5px 8px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-pack-copy-v23993 strong{font-size:26px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-pack-copy-v23993.is-long strong{font-size:16px!important}
  html body #djs-portal #djs-game-modal .djs-game-detail-v23993 .djs-game-price-copy-v23993 b{font-size:22px!important}
}