/* DjimlyStore Nexus v4.0.20 — Free Fire × Naruto event skin. */
#djs-screen-game.djs-freefire-naruto-v4020 .djs-scroller{
  position:relative;
  background:
    linear-gradient(180deg,rgba(6,12,23,.24) 0,rgba(9,18,33,.30) 26%,rgba(245,248,252,.90) 58%,#f7f9fc 100%),
    url('../events/free-fire-naruto-v4020.jpeg') center top/100% auto no-repeat !important;
  padding-top:14px;
}
#djs-screen-game.djs-freefire-naruto-v4020 .djs-scroller:before{
  content:'FREE FIRE × NARUTO  ·  -14% JUSQU’AU 14 SEPT.';
  display:flex;align-items:center;justify-content:center;
  width:max-content;max-width:calc(100% - 28px);margin:4px auto 14px;padding:8px 13px;
  border-radius:999px;background:rgba(10,17,28,.78);border:1px solid rgba(255,255,255,.32);
  color:#fff;font-size:10px;font-weight:900;letter-spacing:.07em;text-align:center;
  box-shadow:0 10px 28px rgba(0,0,0,.18);backdrop-filter:blur(10px);
}
#djs-screen-game.djs-freefire-naruto-v4020 .djs-game-hero-card,
#djs-screen-game.djs-freefire-naruto-v4020 .djs-game-region-block,
#djs-screen-game.djs-freefire-naruto-v4020 .djs-game-pack-title,
#djs-screen-game.djs-freefire-naruto-v4020 #djs-game-packs .djs-game-row-v2187,
#djs-screen-game.djs-freefire-naruto-v4020 #djs-game-info-reviews{
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(255,255,255,.88) !important;
  box-shadow:0 16px 38px rgba(7,18,34,.16) !important;
  backdrop-filter:blur(12px);
}
#djs-screen-game.djs-freefire-naruto-v4020 .djs-game-hero-card{overflow:hidden}
#djs-screen-game.djs-freefire-naruto-v4020 .djs-game-hero-copy h2,
#djs-screen-game.djs-freefire-naruto-v4020 .djs-game-pack-title,
#djs-screen-game.djs-freefire-naruto-v4020 .djs-game-row-v2187{color:#111827 !important}
#djs-screen-game.djs-freefire-naruto-v4020 .djs-region-pill{background:#fff !important;color:#1d2838 !important;border-color:#dbe6ef !important}
#djs-screen-game.djs-freefire-naruto-v4020 .djs-region-pill.active{background:#111827 !important;color:#fff !important;border-color:#111827 !important}

/* ID / checkout modal keeps the Naruto artwork visible behind a clean white form. */
#djs-game-modal-backdrop.djs-freefire-naruto-v4020{
  background:rgba(3,9,18,.68) !important;
  backdrop-filter:blur(8px) saturate(1.08);
}
#djs-game-modal.djs-freefire-naruto-v4020{
  position:fixed;
  background:
    linear-gradient(180deg,rgba(255,255,255,.80),rgba(255,255,255,.96) 34%,#fff 100%),
    url('../events/free-fire-naruto-v4020.jpeg') center top/cover no-repeat !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.30) !important;
  overflow:hidden;
}
#djs-game-modal.djs-freefire-naruto-v4020:before{
  content:'FREE FIRE × NARUTO  ·  14% OFF';
  display:block;width:max-content;max-width:90%;margin:8px auto 12px;padding:7px 11px;
  border-radius:999px;background:#111827;color:#fff;font-size:9px;font-weight:900;letter-spacing:.06em;
}
#djs-game-modal.djs-freefire-naruto-v4020 .djs-game-modal-pack,
#djs-game-modal.djs-freefire-naruto-v4020 .djs-game-modal-field,
#djs-game-modal.djs-freefire-naruto-v4020 .djs-game-inline-note-v23993,
#djs-game-modal.djs-freefire-naruto-v4020 #djs-ff-uid-result{
  background:rgba(255,255,255,.96) !important;
  border-color:#dce8f2 !important;
}
#djs-game-modal.djs-freefire-naruto-v4020 input,
#djs-game-modal.djs-freefire-naruto-v4020 select{
  background:#fff !important;color:#111827 !important;border-color:#cfdce7 !important;
}
@media (min-width:760px){
  #djs-screen-game.djs-freefire-naruto-v4020 .djs-scroller{background-size:720px auto !important;background-position:center top !important}
}

/* Override the older global white game surfaces only for the Naruto campaign. */
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 > .djs-scroller{
  background:
    linear-gradient(180deg,rgba(5,10,20,.16) 0,rgba(8,14,27,.22) 24%,rgba(247,250,253,.78) 72%,#f7f9fc 100%),
    url('../events/free-fire-naruto-v4020.jpeg') center top/100% auto no-repeat !important;
}
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 .djs-content-wrap.djs-game-modern-wrap{
  background:transparent !important;
}
html body #djs-portal #djs-screen-game.djs-freefire-naruto-v4020 .djs-back-bar{
  background:rgba(255,255,255,.90) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

/* The secure ID-entry screen has older high-specificity rules; beat them here. */
html body #djs-portal #djs-game-modal-backdrop.djs-game-detail-backdrop-v2187.djs-freefire-naruto-v4020{
  background:rgba(3,9,18,.66) !important;
  backdrop-filter:blur(8px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(8px) saturate(1.08) !important;
}
html body #djs-portal #djs-game-modal.djs-game-detail-modal-v2187.djs-freefire-naruto-v4020{
  background:
    linear-gradient(180deg,rgba(255,255,255,.74) 0,rgba(255,255,255,.93) 29%,rgba(247,249,252,.98) 100%),
    url('../events/free-fire-naruto-v4020.jpeg') center top/cover no-repeat !important;
}
html body #djs-portal #djs-game-modal.djs-freefire-naruto-v4020 .djs-game-detail-head-v2187{
  background:rgba(255,255,255,.90) !important;
}
html body #djs-portal #djs-game-modal.djs-freefire-naruto-v4020 .djs-game-detail-pack-v2187,
html body #djs-portal #djs-game-modal.djs-freefire-naruto-v4020 .djs-game-detail-summary-v2187,
html body #djs-portal #djs-game-modal.djs-freefire-naruto-v4020 .djs-game-detail-fields-v2187,
html body #djs-portal #djs-game-modal.djs-freefire-naruto-v4020 .djs-game-detail-note-v2187,
html body #djs-portal #djs-game-modal.djs-freefire-naruto-v4020 .djs-game-detail-actions-v2187{
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(220,232,242,.96) !important;
  box-shadow:0 14px 36px rgba(6,18,34,.13) !important;
}
