/* V400 — corrections ciblées demandées, sans modifier le reste du site. */

/* Le tutoriel est fermé par défaut et s'ouvre uniquement au clic. */
.modsTutorial:not([open]) .modsTutorialBody{display:none!important}
.modsTutorial summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none}
.modsTutorial summary::-webkit-details-marker{display:none}
.modsTutorial summary::after{content:'＋';display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:2px solid #000;border-radius:50%;background:#07111f;color:#ffe000;font-size:22px;line-height:1}
.modsTutorial[open] summary::after{content:'−'}
.modsTutorialStepImage{display:block;width:100%;height:auto;margin:16px auto 0;border:0;border-radius:14px;background:#07101d;box-shadow:0 0 0 2px #4c719d,0 12px 30px rgba(0,0,0,.32);image-rendering:auto}
.modsTutorialSteps article{display:flex;flex-direction:column}
.modsTutorialSteps article .modsTutorialStepImage{margin-top:auto;padding-top:14px}

/* Accueil jaune uniquement lorsque la page Accueil est réellement active. */
#drawer .navItem[data-page="home"]:not(.active){background:#182942!important;color:#fff!important;border-color:transparent!important;box-shadow:none!important}
#drawer .navItem[data-page="home"].active{background:#ffe000!important;color:#000!important}

/* Croix du créateur de build toujours entièrement visible. */
.cbModalPanel .cbClose{
  position:sticky!important;
  top:10px!important;
  right:auto!important;
  float:none!important;
  display:grid!important;
  place-items:center!important;
  margin:10px 10px -58px auto!important;
  z-index:100!important;
  flex:0 0 auto!important;
  transform:none!important;
}
.cbBuilderHeader,.cbDetailHeader{padding-right:82px!important}

/* Slots T.U.N.I.N.G du créateur : barres et gemmes parfaitement centrées. */
.cbOfficialCreatorScreenV308 .slotList{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:10px!important;min-height:0!important}
.cbOfficialCreatorScreenV308 .gameSlot{display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;align-items:center!important;margin:0!important}
.cbOfficialCreatorScreenV308 .slotBandText{display:flex!important;align-items:center!important;justify-content:center!important;min-height:100%!important;padding:0 12px!important;text-align:center!important}
.cbOfficialCreatorScreenV308 .slotGem{align-self:center!important;justify-self:center!important;margin:0!important}
.cbOfficialCreatorScreenV308 .tuningColumn{display:flex!important;flex-direction:column!important}
.cbOfficialCreatorScreenV308 .tuningColumn .slotList{flex:1!important}

/* Les images visibles du créateur ne clignotent pas pendant le décodage. */
.cbCostumeChoiceImage img,.tuningOptionIconWrap img{background:#d7dcda;transition:opacity .12s ease;object-fit:contain}

@media(max-width:760px){
  .modsTutorialStepImage{border-radius:10px}
  .cbModalPanel .cbClose{top:8px!important;margin:8px 8px -56px auto!important}
}
