/* V405 — corrections finales ciblées. */

/* Une seule entrée du menu peut être jaune. */
#drawer .navItem{
  background:#182942!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
#drawer .navItem.active,
#drawer .navItem[aria-current="page"]{
  background:#ffe000!important;
  color:#000!important;
  border-color:#000!important;
}

/* Icône hamburger parfaitement centrée, sans dépendre du glyphe ☰ du navigateur. */
.menuBtn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  text-align:center!important;
  line-height:0!important;
  overflow:hidden!important;
  font-size:0!important;
}
.menuBtnLines{
  width:24px!important;
  height:18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  align-items:stretch!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  pointer-events:none!important;
}
.menuBtnLines>span{
  display:block!important;
  width:100%!important;
  height:3px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:currentColor!important;
  transform:none!important;
  box-sizing:border-box!important;
}

/* Toutes les croix restent entièrement à l'intérieur de leur fenêtre. */
.modalV296{padding-top:max(18px,env(safe-area-inset-top))!important}
.modalPanelV296{overflow:visible!important}
.modalPanelV296>header{
  top:0!important;
  border-radius:8px 8px 0 0!important;
  overflow:visible!important;
}
.modalPanelV296>header button{
  flex:0 0 48px!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
}
.modsDialog{position:relative!important;overflow:auto!important}
.modsDialogHead{top:0!important;overflow:visible!important;padding-right:18px!important}
.modsDialogHead .modsClose{position:relative!important;inset:auto!important;flex:0 0 42px!important;transform:none!important;margin:0!important}
.cbModalPanel{padding-top:0!important}
.cbModalPanel .cbClose{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:auto!important;
  float:none!important;
  margin:0!important;
  transform:none!important;
  z-index:300!important;
}
.cbBuilderHeader,.cbDetailHeader{padding-right:78px!important}
.mhurHubPanel{position:relative!important}
.mhurHubClose{top:12px!important;right:12px!important;transform:none!important}

/* Les boutons Retour restent toujours cliquables. */
.back,.mhurTierBack{
  position:relative!important;
  z-index:50!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

/* Tutoriel fermé par défaut et images nettes sans agrandissement artificiel. */
.modsTutorial:not([open]) .modsTutorialBody{display:none!important}
.modsTutorialStepImage{
  width:auto!important;
  max-width:min(100%,1100px)!important;
  height:auto!important;
  margin:18px auto 0!important;
  padding:0!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  filter:contrast(1.035) saturate(1.02)!important;
}
.modsTutorialSteps article{align-items:stretch!important}

/* Zone de dépôt T.U.N.I.N.G alignée et centrée. */
.cbOfficialCreatorScreenV308 .gameTuningArea{
  align-items:stretch!important;
}
.cbOfficialCreatorScreenV308 .tuningColumn{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  align-items:stretch!important;
}
.cbOfficialCreatorScreenV308 .slotList{
  display:grid!important;
  align-content:center!important;
  justify-content:stretch!important;
  gap:10px!important;
  width:100%!important;
  margin:0 auto!important;
}
.cbOfficialCreatorScreenV308 .gameSlot{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  align-self:center!important;
}

/* Indication visuelle pendant l'auto-défilement de la Tier List. */
body.v401-tier-dragging{scroll-behavior:auto!important}

/* Fenêtre d'aide à l'installation PWA. */
.v401InstallHelp{
  position:fixed;inset:0;z-index:200000;display:grid;place-items:center;
  padding:18px;background:rgba(0,0,0,.82)
}
.v401InstallHelp[hidden]{display:none}
.v401InstallCard{
  position:relative;width:min(560px,100%);padding:24px;border:3px solid #4b6f9d;border-radius:18px;
  background:#101a2a;color:#fff;box-shadow:0 18px 70px #000
}
.v401InstallCard h2{margin:0 44px 12px 0;color:#ffe000}
.v401InstallCard p{line-height:1.55}
.v401InstallClose{position:absolute;top:12px;right:12px;width:38px;height:38px;margin:0!important;padding:0!important;border-radius:50%!important;background:#e84f48!important;color:#fff!important;font-size:24px!important;line-height:1!important}
.v401InstallActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
.v401InstallCard .v401InstallActions button{display:block;margin:0;padding:10px 18px;border:2px solid #000;border-radius:10px;background:#ffe000;color:#000;font-weight:1000}
.v401InstallCard .v401InstallOk{background:#243752;color:#fff}
.v401InstallSuccess{margin:14px 0 0;padding:10px 12px;border:2px solid #2e8b57;border-radius:10px;background:#10291d;color:#caffdf;font-weight:900}

@media(max-width:760px){
  .modalV296{padding-top:max(8px,env(safe-area-inset-top))!important}
  .cbModalPanel .cbClose{top:8px!important;right:8px!important}
  .modsTutorialStepImage{max-width:100%!important;border-radius:9px!important}
}


/* V407 — assure que les petites fenêtres passent au-dessus du header
   et gardent toujours la croix entièrement visible. */
.modalV296,
.modsModal,
.cbModal,
.mhurHubOverlay,
.mhurPublicProfileModal,
.mhurModerationOverlay,
.mhurAuthOverlay{
  z-index:2147483646!important;
  box-sizing:border-box!important;
  padding-top:max(82px,calc(env(safe-area-inset-top) + 18px))!important;
  padding-bottom:18px!important;
}
.modalV296,
.modsModal,
.cbModal,
.mhurHubOverlay,
.mhurPublicProfileModal,
.mhurModerationOverlay,
.mhurAuthOverlay{
  align-items:flex-start!important;
  justify-content:center!important;
}
.modalPanelV296,
.modsDialog,
.cbModalPanel,
.mhurHubPanel,
.mhurPublicProfilePanel,
.mhurModerationPanel,
.mhurAuthPanel{
  max-height:calc(100dvh - 118px)!important;
  margin-top:0!important;
}
.modalPanelV296>header,
.modsDialogHead,
.cbModalPanel .cbClose,
.mhurHubClose,
.mhurPublicProfileClose,
.mhurModerationClose,
.mhurAuthClose{
  scroll-margin-top:96px!important;
}

@media(max-width:760px){
  .modalV296,
  .modsModal,
  .cbModal,
  .mhurHubOverlay,
  .mhurPublicProfileModal,
  .mhurModerationOverlay,
  .mhurAuthOverlay{
    padding-top:max(74px,calc(env(safe-area-inset-top) + 10px))!important;
    padding-bottom:10px!important;
  }
  .modalPanelV296,
  .modsDialog,
  .cbModalPanel,
  .mhurHubPanel,
  .mhurPublicProfilePanel,
  .mhurModerationPanel,
  .mhurAuthPanel{
    max-height:calc(100dvh - 92px)!important;
  }
}


/* V408 — réglage renforcé des petites fenêtres :
   la croix reste toujours visible sous le header fixe. */
.modalV296,
.modsModal,
.cbModal,
.mhurHubOverlay,
.mhurPublicProfileModal,
.mhurModerationOverlay,
.mhurAuthOverlay{
  z-index:2147483646!important;
  box-sizing:border-box!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:auto!important;
  padding-top:max(96px,calc(env(safe-area-inset-top) + 24px))!important;
  padding-right:14px!important;
  padding-bottom:18px!important;
  padding-left:14px!important;
}

.modalPanelV296,
.modsDialog,
.cbModalPanel,
.mhurHubPanel,
.mhurPublicProfilePanel,
.mhurModerationPanel,
.mhurAuthPanel{
  position:relative!important;
  margin:0 auto!important;
  max-height:calc(100dvh - 126px)!important;
}

.modalPanelV296>header{
  padding-right:62px!important;
}
.modalPanelV296>header button{
  position:absolute!important;
  top:10px!important;
  right:10px!important;
  z-index:600!important;
}

.modsDialog{overflow:auto!important}
.modsDialogHead{
  position:sticky!important;
  top:0!important;
  padding-right:72px!important;
  min-height:64px!important;
  overflow:visible!important;
}
.modsDialogHead .modsClose{
  position:absolute!important;
  top:10px!important;
  right:12px!important;
  margin:0!important;
  z-index:600!important;
}

.cbModalPanel{
  padding-top:0!important;
}
.cbModalPanel .cbClose,
.mhurPublicProfileClose,
.mhurModerationClose{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:auto!important;
  float:none!important;
  margin:0!important;
  transform:none!important;
  z-index:600!important;
}
.mhurHubPanel{
  position:relative!important;
  overflow:auto!important;
}
.mhurHubClose{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  z-index:600!important;
  transform:none!important;
}

.cbBuilderHeader,
.cbDetailHeader,
.mhurHubHead,
.mhurPublicProfileHero{
  padding-right:78px!important;
}

@media(max-width:760px){
  .modalV296,
  .modsModal,
  .cbModal,
  .mhurHubOverlay,
  .mhurPublicProfileModal,
  .mhurModerationOverlay,
  .mhurAuthOverlay{
    padding-top:max(82px,calc(env(safe-area-inset-top) + 12px))!important;
    padding-right:8px!important;
    padding-bottom:8px!important;
    padding-left:8px!important;
  }

  .modalPanelV296,
  .modsDialog,
  .cbModalPanel,
  .mhurHubPanel,
  .mhurPublicProfilePanel,
  .mhurModerationPanel,
  .mhurAuthPanel{
    max-height:calc(100dvh - 96px)!important;
  }

  .modsDialogHead,
  .mhurHubHead,
  .mhurPublicProfileHero,
  .cbBuilderHeader,
  .cbDetailHeader{
    padding-right:64px!important;
  }

  .modsDialogHead .modsClose,
  .cbModalPanel .cbClose,
  .mhurHubClose,
  .mhurPublicProfileClose,
  .mhurModerationClose,
  .modalPanelV296>header button{
    top:8px!important;
    right:8px!important;
  }
}