/* V304 — Builds communautaires */
.cbPageHead,.cbWidgetHead{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cbPageHead p,.cbWidgetHead p{margin:4px 0;color:#c7d7ee;font-weight:800}
.cbAddBuild,.cbWidgetActions button{border:4px solid #000;border-radius:14px;background:#ffe100;color:#000;padding:12px 18px;font-weight:1000;box-shadow:0 4px 0 #000}
.cbAddBuild span{font-size:28px;margin-right:7px}.cbWidgetActions{display:flex;gap:9px;flex-wrap:wrap}
.cbWidgetActions .secondary{background:#17253c;color:#fff;border-color:#405d84;box-shadow:none}
.cbStyleTabs button{display:flex;flex-direction:column;align-items:flex-start;min-width:170px}.cbStyleTabs small{font-size:11px;margin-top:3px;opacity:.8}
.cbConnection{display:flex;gap:14px;align-items:center;margin:16px 0;padding:12px 15px;border:3px solid #000;border-radius:12px}
.cbConnection b{white-space:nowrap}.cbConnection span{font-weight:700}.cbConnection.online{background:#073c24;color:#8affc2}.cbConnection.local{background:#372500;color:#ffe071}.cbConnection code{background:#080b10;padding:3px 6px;border-radius:5px;color:#fff}
.cbToolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}.cbToolbar>div{margin-right:auto;background:#111b2b;border:2px solid #344c70;border-radius:10px;padding:9px 13px}.cbToolbar button{padding:9px 12px;border:2px solid #405d84;border-radius:10px;background:#17253c;color:#fff;font-weight:900}.cbToolbar button.active{background:#ffe100;color:#000;border-color:#000}
.cbBuildList{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px}.cbCompactList{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.cbBuildCard{position:relative;display:grid;grid-template-columns:150px 1fr;gap:14px;padding:13px;border:4px solid #000;border-radius:16px;background:linear-gradient(145deg,#16263d,#08101d);color:#fff;box-shadow:0 5px 0 #000;cursor:pointer;overflow:hidden}.cbBuildCard:hover{outline:4px solid #19e6ff;transform:translateY(-2px)}.cbBuildCard.compact{grid-template-columns:90px 1fr;min-height:120px}.cbBuildCard.compact .cbBuildCostume{height:100px}.cbBuildCard.compact .cbBuildMain{align-self:center}
.cbRank{position:absolute;top:6px;left:6px;z-index:3;width:31px;height:31px;border:3px solid #000;border-radius:50%;display:grid;place-items:center;background:#ffe100;color:#000;font-weight:1000}
.cbBuildCostume{height:170px;border:3px solid #000;border-radius:12px;background:#cfd6d4;overflow:hidden}.cbBuildCostume img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.cbBuildMain{min-width:0}.cbBuildTitleLine{display:flex;align-items:flex-start;gap:10px}.cbBuildTitleLine h3{margin:0;font-size:22px;line-height:1.1;flex:1}.cbBuildMeta{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.cbBuildMeta span{background:#233958;border:1px solid #41648e;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.cbBuildMain p{margin:8px 0;color:#d7e2f3;line-height:1.35}
.cbHeart{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:70px;padding:7px 10px;border:3px solid #000;border-radius:999px;background:#f5f5f5;color:#111;font-weight:1000}.cbHeart span{font-size:22px;color:#c9c9c9}.cbHeart.liked{background:#ff2d6f;color:#fff}.cbHeart.liked span{color:#fff}.cbHeart.compact{min-width:58px;padding:4px 8px}.cbHeart.compact span{font-size:18px}
.cbMiniSlots{display:grid;grid-template-columns:repeat(6,34px);gap:5px;margin-top:10px}.cbMiniSlot{width:34px;height:34px;border:3px solid #000;clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);display:grid;place-items:center;overflow:hidden}.cbMiniSlot.red{background:#ff1717}.cbMiniSlot.yellow{background:#fff000}.cbMiniSlot.cyan{background:#16bfd0}.cbMiniSlot.violet{background:#bd17ee}.cbMiniSlot.green{background:#00ef22}.cbMiniSlot img{width:100%;height:100%;object-fit:cover}
.cbEmpty,.cbLoading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;padding:22px;border:3px dashed #4a5e7e;border-radius:14px;background:#0d1726;color:#c7d7ee;text-align:center;font-weight:900}.cbEmpty strong{margin-top:7px;color:#ffe100}.cbEmpty small{margin-top:8px;max-width:800px}.cbLoading span{width:35px;height:35px;border:5px solid #334b70;border-top-color:#ffe100;border-radius:50%;animation:cbSpin .8s linear infinite;margin-bottom:9px}@keyframes cbSpin{to{transform:rotate(360deg)}}
.cbCharacterWidget{margin:22px 0;padding:18px;border:4px solid #000;border-radius:18px;background:linear-gradient(135deg,#111b2b,#173455);color:#fff}.cbWidgetHead h2{margin:0;font-size:28px}
.cbModal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.88)}.cbModal.open{display:flex}.cbModalOpen{overflow:hidden}.cbModalPanel{position:relative;width:min(1500px,98vw);max-height:96vh;overflow:auto;border:5px solid #000;border-radius:18px;background:#101721;color:#fff;box-shadow:0 0 0 3px #405d84}.cbClose{position:sticky;float:right;top:10px;right:10px;z-index:20;width:48px;height:48px;border:4px solid #000;border-radius:50%;background:#e84f48;color:#fff;font-size:29px;font-weight:1000}
.cbBuilderHeader{padding:22px 72px 16px 22px;background:linear-gradient(90deg,#11223a,#1c4774)}.cbBuilderHeader>span{display:inline-block;padding:5px 9px;background:#ffe100;color:#000;font-size:11px;font-weight:1000;transform:skew(-7deg)}.cbBuilderHeader h2{margin:8px 0 3px;font-size:34px}.cbBuilderHeader p{margin:0;color:#d8e6fb}
.cbBuildFields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px}.cbBuildFields label{font-weight:1000;color:#ffe100}.cbBuildFields label.wide{grid-column:1/-1}.cbBuildFields input,.cbBuildFields textarea{width:100%;margin-top:6px;padding:11px;border:2px solid #45658f;border-radius:9px;background:#07101c;color:#fff}.cbBuildFields textarea{min-height:80px;resize:vertical}
.cbSectionTitle{display:flex;justify-content:space-between;margin:6px 20px 10px;padding:10px 13px;border-left:8px solid #ffe100;background:#171f2b}.cbSectionTitle span{color:#ffe100}
.cbCostumeChoices{display:flex;gap:9px;overflow:auto;padding:0 20px 16px}.cbCostumeChoices button{flex:0 0 135px;padding:5px;border:3px solid #000;border-radius:12px;background:#101a29;color:#fff}.cbCostumeChoices button.selected{outline:5px solid #19e6ff}.cbCostumeChoices button>div{height:125px;background:#cfd6d4;border-radius:8px;overflow:hidden}.cbCostumeChoices img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.cbCostumeChoices b,.cbCostumeChoices span{display:block;margin-top:5px;font-size:11px}
.cbBuilderBoard{display:grid;grid-template-columns:220px minmax(480px,1fr) minmax(360px,.8fr);gap:13px;padding:0 20px 18px}.cbBuildCostumePreview{padding:9px;border:4px solid #000;border-radius:13px;background:linear-gradient(#d4ad00,#826900);color:#000;text-align:center}.cbBuildCostumePreview>img{width:100%;height:240px;object-fit:contain;object-position:center bottom;background:#d5dcda}.cbBuildCostumePreview h3{margin:8px 0 3px}.cbBuildCostumePreview p{margin:0;font-weight:900}
.cbBuildColumns{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cbBuildColumns>div{padding:8px;border:4px solid #000;border-radius:12px;background:#303a42}.cbBuildColumns h4{margin:0 0 7px;padding:7px;background:#111;text-align:center}
.cbBuilderSlot{--cb-slot:#fff000;display:grid;grid-template-columns:1fr 62px;align-items:center;width:100%;min-height:76px;margin:6px 0;padding:0;border:3px solid #777;border-radius:8px;background:linear-gradient(to top,var(--cb-slot) 0 17px,#eee 17px);color:#000;text-align:left;overflow:hidden}.cbBuilderSlot.sp{background:#111;color:#fff;border:4px solid var(--cb-slot)}.cbBuilderSlot.selected{outline:4px solid #19e6ff}.cbBuilderSlotText{padding:7px 9px}.cbBuilderSlotText small,.cbBuilderSlotText b,.cbBuilderSlotText span,.cbBuilderSlotText em{display:block}.cbBuilderSlotText small{font-size:10px;opacity:.75}.cbBuilderSlotText b{font-size:12px;margin-top:3px}.cbBuilderSlotText span{font-weight:1000;line-height:1.05}.cbBuilderSlotText em{font-style:normal;font-weight:900;color:#555}.cbBuilderSlot.sp em{color:#ffe100}.cbBuilderGem{width:58px;height:58px;margin-right:3px;border:4px solid #888;background:var(--cb-slot);clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);display:grid;place-items:center;overflow:hidden}.cbBuilderGem img{width:100%;height:100%;object-fit:cover}.cbBuilderGem strong{font-size:25px}
.cbBuilderPicker{border:4px solid #000;border-radius:12px;background:#303a42;overflow:hidden;min-height:500px}.cbPickerHead{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;background:#111}.cbPickerHead b,.cbPickerHead span{display:block}.cbPickerHead span{margin-top:3px;color:#ffe100;font-size:11px}.cbPickerHead button{padding:7px 9px;border-radius:8px;background:#e84f48;color:#fff;font-weight:900}.cbPickerList{max-height:620px;overflow:auto;padding:8px}.cbPickerOption{display:grid;grid-template-columns:64px 1fr 70px;gap:8px;align-items:center;width:100%;min-height:79px;margin-bottom:7px;border:3px solid #000;border-radius:9px;color:#fff;text-align:left}.cbPickerOption.red{background:#d80000}.cbPickerOption.yellow{background:#d7be00;color:#000}.cbPickerOption.cyan{background:#10b8cc;color:#000}.cbPickerOption.violet{background:#9411c8}.cbPickerOption.green{background:#00ad25;color:#000}.cbPickerOption.disabled{opacity:.35}.cbPickerImage{height:64px;background:#111;overflow:hidden}.cbPickerImage img{width:100%;height:100%;object-fit:contain}.cbPickerOption small,.cbPickerOption b{display:block}.cbPickerOption p{margin:3px 0;font-size:10px;line-height:1.15}.cbPickerOption>strong{text-align:center;font-size:11px}
.cbPublishBar{position:sticky;bottom:0;z-index:9;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 20px;border-top:4px solid #000;background:#101721}.cbPublishBar b,.cbPublishBar span{display:block}.cbPublishBar span{color:#b9c7dc}.cbPublishBar button{padding:12px 20px;border:4px solid #000;border-radius:12px;background:#ffe100;color:#000;font-weight:1000}.cbPublishBar button:disabled{opacity:.35;cursor:not-allowed}
.cbDetailPanel{width:min(1150px,97vw)}.cbDetailHero{display:grid;grid-template-columns:270px 1fr;gap:18px;padding:22px;background:linear-gradient(115deg,#d2ac00,#6e5700);color:#000}.cbDetailHero>div:first-child{height:300px;border:4px solid #000;border-radius:13px;background:#d4dbd9;overflow:hidden}.cbDetailHero>div:first-child img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.cbDetailHero h2{margin:7px 0;font-size:39px}.cbDetailHero>div>span{display:inline-block;padding:5px 8px;background:#111;color:#ffe100;font-weight:1000}.cbDetailAuthor{margin:12px 0;font-weight:800}.cbDetailDescription{padding:15px 20px;border-top:4px solid #000;border-bottom:4px solid #000;background:#111b2b;font-size:17px;line-height:1.5}.cbDetailSlots{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:16px;background:#202b38}.cbDetailSlot{--cb-slot:#fff000;display:grid;grid-template-columns:72px 1fr;min-height:78px;border:3px solid #000;border-radius:9px;background:linear-gradient(to top,var(--cb-slot) 0 16px,#eef0f2 16px);color:#000;overflow:hidden}.cbDetailSlot>div{background:#111}.cbDetailSlot img{width:100%;height:100%;object-fit:cover}.cbDetailSlot span{padding:6px 9px}.cbDetailSlot small,.cbDetailSlot b,.cbDetailSlot strong{display:block}.cbDetailSlot small{font-size:10px}.cbDetailSlot b{font-size:12px}.cbDetailSlot strong{line-height:1.05}
@media(max-width:1050px){.cbBuilderBoard{grid-template-columns:1fr}.cbBuildCostumePreview{display:grid;grid-template-columns:180px 1fr;align-items:center}.cbBuildCostumePreview>img{height:180px}.cbDetailSlots{grid-template-columns:1fr}}
@media(max-width:700px){.cbBuildList{grid-template-columns:1fr}.cbBuildCard{grid-template-columns:100px 1fr}.cbBuildCostume{height:130px}.cbBuildFields{grid-template-columns:1fr}.cbBuildFields label.wide{grid-column:auto}.cbBuildColumns{grid-template-columns:1fr}.cbDetailHero{grid-template-columns:1fr}.cbDetailHero>div:first-child{height:240px}.cbMiniSlots{grid-template-columns:repeat(6,28px)}.cbMiniSlot{width:28px;height:28px}}


/* V305 — filtres, raretés, portraits de styles et T.U.N.I.N.G mieux cadrés */

/* Onglets de styles avec portrait */
.cbStyleTabs{gap:12px!important}
.cbStyleTabs button{
  flex-direction:row!important;
  align-items:center!important;
  gap:10px;
  min-width:210px!important;
  min-height:72px;
  padding:7px 13px!important;
  text-align:left;
}
.cbStylePortrait{
  width:56px;height:56px;flex:0 0 56px;
  border:3px solid #000;border-radius:10px;
  background:#cfd6d4;overflow:hidden;
}
.cbStylePortrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.cbStyleText b,.cbStyleText small{display:block}
.cbStyleText b{font-size:17px;line-height:1.05}
.cbStyleText small{margin-top:5px!important;font-size:11px}

/* Filtre du choix du costume dans le créateur */
.cbCostumeFilters{
  display:grid;
  grid-template-columns:repeat(5,minmax(145px,1fr)) auto;
  gap:9px;
  align-items:end;
  margin:0 20px 12px;
  padding:12px;
  border:3px solid #000;
  border-radius:12px;
  background:#0b1421;
}
.cbCostumeFilters label{color:#ffe100;font-size:12px;font-weight:1000}
.cbCostumeFilters select{
  width:100%;margin-top:5px;padding:9px;
  border:2px solid #405d84;border-radius:8px;
  background:#111d2e;color:#fff;font-weight:900;
}
.cbCostumeFilters>button{
  min-height:39px;padding:8px 11px;
  border:3px solid #000;border-radius:9px;
  background:#e84f48;color:#fff;font-weight:1000;
}
.cbCostumeChoices button{position:relative;flex-basis:150px!important}
.cbCostumeChoiceImage{position:relative!important;height:142px!important;background:#cfd6d4;border-radius:8px;overflow:hidden}
.cbCostumeChoiceImage>img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.cbCostumeRarity{
  position:absolute;z-index:4;left:5px;top:5px;
  min-width:40px;padding:4px 6px;
  border:3px solid #000;border-radius:8px;
  background:#0a0a0a;color:#fff;text-align:center;
  font:1000 11px/1 Arial,sans-serif;
}
.cbCostumeRarity b,.cbCostumeRarity small{display:block}
.cbCostumeRarity small{margin-top:3px;color:#ffe100;font-size:10px;letter-spacing:-1px}
.cbRarity-pur{border-color:#ffe100}.cbRarity-sr{border-color:#62bdff}.cbRarity-r{border-color:#f2a900}.cbRarity-c{border-color:#9ba2ac}
.cbCostumeSlots{
  position:absolute;z-index:4;left:5px;right:5px;bottom:5px;
  display:flex;justify-content:space-between;pointer-events:none;
}
.cbCostumeSlots i{
  width:30px;height:30px;display:grid;place-items:center;
  border:3px solid #000;
  clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);
  color:#000;font-style:normal;font-size:10px;font-weight:1000;
}
.cbCostumeSlots i.red{background:#ff1717;color:#fff}.cbCostumeSlots i.yellow{background:#fff000}
.cbCostumeSlots i.cyan{background:#16bfd0}.cbCostumeSlots i.violet{background:#bd17ee;color:#fff}.cbCostumeSlots i.green{background:#00ef22}
.cbCostumeFilterEmpty{flex:1 0 100%}

/* Rareté sur les costumes des cartes de builds */
.cbBuildCostume{position:relative}
.cbBuildCostume .cbCostumeRarity{left:6px;top:39px}

/* Emplacements équipés du créateur : plus grands, aucun texte coupé */
.cbBuilderSlot{
  grid-template-columns:minmax(0,1fr) 76px!important;
  min-height:96px!important;
  background:linear-gradient(to top,var(--cb-slot) 0 18px,#eee 18px)!important;
}
.cbBuilderSlot.sp{background:#111!important;border-color:var(--cb-slot)!important}
.cbBuilderSlotText{min-width:0;padding:8px 10px 21px!important}
.cbBuilderSlotText small{font-size:10px!important;white-space:normal}
.cbBuilderSlotText b{font-size:12px!important}
.cbBuilderSlotText span{
  font-size:16px;line-height:1.05!important;
  overflow-wrap:anywhere;word-break:normal;
  display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.cbBuilderGem{
  width:72px!important;height:72px!important;
  margin-right:2px!important;
  border-width:4px!important;
}
.cbBuilderGem img{object-fit:contain!important;object-position:center!important;background:#111}
.cbPickerOption{grid-template-columns:82px minmax(0,1fr) 67px!important;min-height:96px!important}
.cbPickerImage{height:82px!important}
.cbPickerImage img{object-fit:contain!important;object-position:center bottom;background:#111}
.cbPickerOption b{font-size:16px;line-height:1.08;overflow-wrap:anywhere}
.cbPickerOption p{font-size:11px!important;line-height:1.2!important}

/* Miniatures T.U.N.I.N.G des cartes : légèrement agrandies */
.cbMiniSlots{grid-template-columns:repeat(6,42px)!important;gap:6px!important}
.cbMiniSlot{width:42px!important;height:42px!important}
.cbMiniSlot img{object-fit:contain!important;background:#101318}

/* Détail du build organisé comme l'écran Costume */
.cbDetailSlotsV305{
  display:grid;grid-template-columns:1fr 1fr;gap:16px;
  padding:18px;background:#202b38;
}
.cbDetailColumnV305{
  border:4px solid #000;border-radius:12px;overflow:hidden;background:#303a42;
}
.cbDetailColumnV305>h3{
  margin:0;padding:12px;background:#111;color:#fff;
  font-size:25px;text-align:center;text-shadow:2px 2px #000;
}
.cbDetailColumnV305>div{display:flex;flex-direction:column;gap:9px;padding:10px}
.cbDetailSlotV305{
  --cb-slot:#fff000;
  display:grid;grid-template-columns:minmax(0,1fr) 82px;
  align-items:center;min-height:100px;overflow:hidden;
  border:4px solid #222;border-radius:11px;
  background:linear-gradient(to top,var(--cb-slot) 0 18px,#eef0f2 18px);
  color:#000;
}
.cbDetailSlotV305.sp{
  border-color:var(--cb-slot);
  background:#101010;color:#fff;
}
.cbDetailSlotTextV305{min-width:0;padding:10px 12px 24px}
.cbDetailSlotTextV305 small,.cbDetailSlotTextV305 b,.cbDetailSlotTextV305 strong{display:block}
.cbDetailSlotTextV305 small{font-size:11px;opacity:.72}
.cbDetailSlotTextV305 b{margin-top:4px;font-size:13px}
.cbDetailSlotTextV305 strong{
  margin-top:2px;font-size:19px;line-height:1.07;
  overflow-wrap:anywhere;
}
.cbDetailGemV305{
  width:76px;height:76px;margin-right:3px;
  display:grid;place-items:center;overflow:hidden;
  border:4px solid #777;
  clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);
}
.cbDetailGemV305.red{background:#ff1717}.cbDetailGemV305.yellow{background:#fff000}
.cbDetailGemV305.cyan{background:#16bfd0}.cbDetailGemV305.violet{background:#bd17ee}.cbDetailGemV305.green{background:#00ef22}
.cbDetailGemV305 img{width:100%;height:100%;object-fit:contain;object-position:center;background:#111}
.cbDetailGemV305 span{font-size:28px;font-weight:1000}

/* Filtre rareté de la page Costumes */
.v305CostumeFilters .filterGrid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}
.v305ResetFilter{
  align-self:end;min-height:41px;padding:9px 12px;
  border:3px solid #000;border-radius:9px;
  background:#e84f48;color:#fff;font-weight:1000;
}
.v305FilterCount{
  margin:14px 0 8px;padding:8px 11px;
  border-left:7px solid #ffe100;background:#17253c;
  color:#fff;font-weight:1000;
}

@media(max-width:1150px){
  .cbCostumeFilters{grid-template-columns:repeat(3,1fr)}
  .cbDetailSlotsV305{grid-template-columns:1fr}
}
@media(max-width:720px){
  .cbCostumeFilters{grid-template-columns:1fr 1fr}
  .cbStyleTabs button{min-width:100%!important}
  .cbMiniSlots{grid-template-columns:repeat(6,34px)!important}
  .cbMiniSlot{width:34px!important;height:34px!important}
}


/* V306 — T.U.N.I.N.G des builds identiques aux cartes Costume */
.cbCostumeTuningGridV306{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}
.cbCostumeTuningColumnV306{
  min-width:0;
  overflow:hidden;
  border:4px solid #000;
  border-radius:12px;
  background:#303a42;
}
.cbCostumeTuningColumnV306>h4{
  margin:0;
  padding:9px 12px;
  background:#111;
  color:#fff;
  text-align:center;
  font-size:18px;
  text-shadow:2px 2px #000;
}
.cbCostumeTuningColumnV306>div{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:8px;
}
.cbCostumeTuningCardV306{
  --cb-slot:#fff000;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 76px;
  align-items:center;
  width:100%;
  min-height:88px;
  overflow:hidden;
  padding:0;
  border:4px solid #222;
  border-radius:11px;
  background:linear-gradient(to top,var(--cb-slot) 0 17px,#eef0f2 17px);
  color:#000;
  text-align:left;
}
.cbCostumeTuningCardV306.sp{
  border-color:var(--cb-slot);
  background:#101010;
  color:#fff;
}
.cbCostumeTuningTextV306{
  min-width:0;
  padding:8px 10px 22px;
}
.cbCostumeTuningCardV306.sp .cbCostumeTuningTextV306{
  padding-bottom:8px;
}
.cbCostumeTuningTextV306 small,
.cbCostumeTuningTextV306 b,
.cbCostumeTuningTextV306 span{
  display:block;
}
.cbCostumeTuningTextV306 small{
  font-size:10px;
  line-height:1.05;
  opacity:.72;
}
.cbCostumeTuningTextV306 b{
  margin-top:3px;
  font-size:11px;
  line-height:1.05;
}
.cbCostumeTuningTextV306 span{
  margin-top:2px;
  font-size:16px;
  font-weight:1000;
  line-height:1.04;
  overflow-wrap:anywhere;
}
.cbCostumeTuningTextV306 em{
  display:block;
  margin-top:3px;
  color:#5c5c5c;
  font-size:14px;
  font-style:normal;
  font-weight:1000;
}
.cbCostumeTuningCardV306.sp .cbCostumeTuningTextV306 em{
  color:#ffe100;
}
.cbCostumeTuningGemV306{
  width:70px;
  height:70px;
  margin-right:2px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:4px solid #777;
  clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);
}
.cbCostumeTuningGemV306.red{background:#ff1717}
.cbCostumeTuningGemV306.yellow{background:#fff000}
.cbCostumeTuningGemV306.cyan{background:#16bfd0}
.cbCostumeTuningGemV306.violet{background:#bd17ee}
.cbCostumeTuningGemV306.green{background:#00ef22}
.cbCostumeTuningGemV306 img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#111;
}
.cbCostumeTuningGemV306 strong{
  font-size:27px;
  color:#fff;
  text-shadow:2px 2px #000;
}

/* Carte de build normale : version réduite */
.cbCostumeTuningGridV306.mini{
  gap:8px;
  margin-top:10px;
}
.cbCostumeTuningColumnV306.mini{
  border-width:3px;
  border-radius:9px;
}
.cbCostumeTuningColumnV306.mini>h4{
  padding:5px;
  font-size:13px;
}
.cbCostumeTuningColumnV306.mini>div{
  gap:4px;
  padding:5px;
}
.cbCostumeTuningCardV306.mini{
  grid-template-columns:minmax(0,1fr) 51px;
  min-height:58px;
  border-width:3px;
  border-radius:8px;
  background:linear-gradient(to top,var(--cb-slot) 0 11px,#eef0f2 11px);
}
.cbCostumeTuningCardV306.mini.sp{background:#101010}
.cbCostumeTuningCardV306.mini .cbCostumeTuningTextV306{
  padding:5px 6px 14px;
}
.cbCostumeTuningCardV306.mini.sp .cbCostumeTuningTextV306{
  padding-bottom:5px;
}
.cbCostumeTuningCardV306.mini small{font-size:7px}
.cbCostumeTuningCardV306.mini b{font-size:8px}
.cbCostumeTuningCardV306.mini span{font-size:11px;line-height:1}
.cbCostumeTuningCardV306.mini .cbCostumeTuningGemV306{
  width:47px;
  height:47px;
  border-width:3px;
}

/* Trois builds affichés sur la fiche du personnage */
.cbCostumeTuningGridV306.micro{
  gap:5px;
  margin-top:7px;
}
.cbCostumeTuningColumnV306.micro{
  border-width:2px;
  border-radius:7px;
}
.cbCostumeTuningColumnV306.micro>h4{
  padding:3px;
  font-size:10px;
}
.cbCostumeTuningColumnV306.micro>div{
  gap:3px;
  padding:3px;
}
.cbCostumeTuningCardV306.micro{
  grid-template-columns:minmax(0,1fr) 38px;
  min-height:43px;
  border-width:2px;
  border-radius:6px;
  background:linear-gradient(to top,var(--cb-slot) 0 8px,#eef0f2 8px);
}
.cbCostumeTuningCardV306.micro.sp{background:#101010}
.cbCostumeTuningCardV306.micro .cbCostumeTuningTextV306{
  padding:3px 4px 10px;
}
.cbCostumeTuningCardV306.micro.sp .cbCostumeTuningTextV306{
  padding-bottom:3px;
}
.cbCostumeTuningCardV306.micro small{display:none}
.cbCostumeTuningCardV306.micro b{font-size:7px}
.cbCostumeTuningCardV306.micro span{
  margin-top:1px;
  font-size:8px;
  line-height:.95;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.cbCostumeTuningCardV306.micro .cbCostumeTuningGemV306{
  width:35px;
  height:35px;
  border-width:2px;
}

/* Créateur : mêmes cartes, sélectionnables */
.cbBuilderCostumeTuningV306{
  cursor:pointer;
  grid-template-columns:minmax(0,1fr) 76px;
  min-height:91px;
}
.cbBuilderCostumeTuningV306.selected{
  outline:4px solid #19e6ff;
  outline-offset:-2px;
}
.cbBuilderCostumeTuningV306.empty .cbCostumeTuningTextV306 b{
  display:none;
}
.cbBuilderCostumeTuningV306.empty .cbCostumeTuningTextV306 span{
  font-size:0;
}
.cbBuilderCostumeTuningV306.empty .cbCostumeTuningTextV306 span em{
  font-size:14px;
}
.cbBuildColumns>div{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.cbBuildColumns .cbBuilderCostumeTuningV306{
  margin:0;
}

/* Détail d'un build */
.cbCostumeTuningGridV306.detail{
  padding:18px;
  background:#202b38;
  gap:16px;
}
.cbCostumeTuningColumnV306.detail>h4{
  padding:12px;
  font-size:24px;
}
.cbCostumeTuningColumnV306.detail>div{
  gap:9px;
  padding:10px;
}
.cbCostumeTuningCardV306.detail{
  grid-template-columns:minmax(0,1fr) 86px;
  min-height:103px;
}
.cbCostumeTuningCardV306.detail .cbCostumeTuningTextV306{
  padding:10px 13px 25px;
}
.cbCostumeTuningCardV306.detail.sp .cbCostumeTuningTextV306{
  padding-bottom:10px;
}
.cbCostumeTuningCardV306.detail small{font-size:11px}
.cbCostumeTuningCardV306.detail b{font-size:13px}
.cbCostumeTuningCardV306.detail span{font-size:19px}
.cbCostumeTuningCardV306.detail .cbCostumeTuningGemV306{
  width:80px;
  height:80px;
}

/* Anciennes vues V304/V305 masquées au cas où un cache les conserve */
.cbMiniSlots,
.cbDetailSlots,
.cbDetailSlotsV305,
.cbDetailSlot,
.cbDetailSlotV305,
.cbDetailGemV305{
  display:none!important;
}

@media(max-width:900px){
  .cbCostumeTuningGridV306,
  .cbCostumeTuningGridV306.detail{
    grid-template-columns:1fr;
  }
}


/* V307 — uniquement le créateur utilise les petites cartes de la page Costume */
.cbBuilderPickerV307{
  min-height:500px;
}
.cbPickerListV307{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:9px;
}
.cbCreatorPickerCardV307{
  position:relative;
  flex:0 0 auto;
  grid-template-columns:minmax(0,1fr) 82px!important;
  min-height:96px!important;
  margin:0!important;
  cursor:pointer;
  box-shadow:0 3px 0 #000;
}
.cbCreatorPickerCardV307:hover:not(:disabled){
  outline:4px solid #19e6ff;
  outline-offset:-2px;
  transform:translateY(-1px);
}
.cbCreatorPickerCardV307 .cbCostumeTuningTextV306{
  padding:9px 11px 23px!important;
}
.cbCreatorPickerCardV307.sp .cbCostumeTuningTextV306{
  padding-bottom:9px!important;
}
.cbCreatorPickerCardV307 .cbCostumeTuningTextV306 small{
  font-size:10px!important;
}
.cbCreatorPickerCardV307 .cbCostumeTuningTextV306 b{
  font-size:13px!important;
}
.cbCreatorPickerCardV307 .cbCostumeTuningTextV306 span{
  font-size:18px!important;
  line-height:1.04!important;
}
.cbCreatorPickerCardV307 .cbCostumeTuningGemV306{
  width:76px!important;
  height:76px!important;
}
.cbCreatorPickerCardV307.disabled{
  opacity:.32;
  cursor:not-allowed;
  filter:grayscale(.7);
}
.cbCreatorDuplicateV307{
  position:absolute;
  right:86px;
  bottom:4px;
  z-index:3;
  padding:3px 6px;
  border:2px solid #000;
  border-radius:5px;
  background:#e84f48;
  color:#fff;
  font-size:8px;
  font-style:normal;
  font-weight:1000;
}
.cbBuilderCostumeTuningV306{
  box-shadow:0 3px 0 #000;
}
.cbBuilderCostumeTuningV306.filled:hover,
.cbBuilderCostumeTuningV306.empty:hover{
  outline:4px solid #19e6ff;
  outline-offset:-2px;
}
.cbCreatorEmptyTitleV307{
  color:#6a6a6a;
}
.cbCreatorEmptyTextV307{
  color:#454545;
  font-size:16px!important;
}
.cbBuilderCostumeTuningV306.sp .cbCreatorEmptyTitleV307{
  color:#bcbcbc;
}
.cbBuilderCostumeTuningV306.sp .cbCreatorEmptyTextV307{
  color:#ffe100;
}
@media(max-width:700px){
  .cbCreatorPickerCardV307{
    grid-template-columns:minmax(0,1fr) 70px!important;
    min-height:86px!important;
  }
  .cbCreatorPickerCardV307 .cbCostumeTuningGemV306{
    width:65px!important;
    height:65px!important;
  }
}


/* V308 — le créateur réutilise directement le composant officiel Costume */
.cbOfficialCreatorScreenV308{
  margin:0 20px 18px!important;
  border-radius:12px!important;
}
.cbOfficialCreatorScreenV308 .gameTuningArea{
  padding:16px!important;
}
.cbOfficialCreatorScreenV308 .gameSlot{
  width:100%!important;
}
.cbOfficialCreatorScreenV308 .tuningPicker{
  min-width:0!important;
}
.cbOfficialCreatorScreenV308 .tuningOptions{
  max-height:610px!important;
}
.cbOfficialPickerWrapV308{
  min-width:0;
}
.cbOfficialRemoveV308{
  width:100%;
  margin:0 0 7px;
  padding:9px 12px;
  border:3px solid #000;
  border-radius:9px;
  background:#e84f48;
  color:#fff;
  font-weight:1000;
}
.cbOfficialCreatorScreenV308 .alreadyUsed{
  opacity:.28!important;
  filter:grayscale(.8)!important;
  cursor:not-allowed!important;
}

/* Désactive uniquement les anciennes imitations du créateur. */
#cbBuilderContent .cbBuilderBoard,
#cbBuilderContent .cbBuildColumns,
#cbBuilderContent .cbBuilderPickerV307,
#cbBuilderContent .cbCreatorPickerCardV307{
  display:none!important;
}

@media(max-width:1050px){
  .cbOfficialCreatorScreenV308 .gameTuningArea{
    grid-template-columns:1fr!important;
  }
}


/* V309 — ajustements demandés : rareté moins intrusive + slots costume plus officiels */
.cbCostumeChoiceImage{position:relative!important;overflow:hidden}
.cbCostumeRarity{
  left:6px!important;
  top:6px!important;
  min-width:auto!important;
  padding:3px 7px!important;
  border-width:3px!important;
  border-radius:10px!important;
  background:rgba(10,10,10,.92)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.cbCostumeRarity b{display:none!important}
.cbCostumeRarity small{
  margin:0!important;
  color:#ffe100!important;
  font-size:15px!important;
  font-weight:1000!important;
  letter-spacing:0!important;
  line-height:1!important;
}
.cbBuildCostume .cbCostumeRarity{
  left:8px!important;
  top:40px!important;
}
.cbCostumeSlots{
  left:7px!important;
  right:7px!important;
  bottom:7px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-end!important;
}
.cbCostumeSlotBadge{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border:3px solid #000!important;
  border-radius:8px!important;
  background:#0b0b0b!important;
  color:#fff!important;
  font-style:normal!important;
  font-size:16px!important;
  font-weight:1000!important;
  box-shadow:0 2px 0 rgba(0,0,0,.55)!important;
  position:relative;
  overflow:hidden;
}
.cbCostumeSlotBadge::before{
  content:'';
  position:absolute;
  inset:3px;
  clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);
  background:currentColor;
}
.cbCostumeSlotBadge{line-height:1}
.cbCostumeSlotBadge{position:relative}
.cbCostumeSlotBadge{z-index:0}
.cbCostumeSlotBadge{isolation:isolate}
.cbCostumeSlotBadge{font-family:Arial,sans-serif}
.cbCostumeSlotBadge::before{z-index:-1}
.cbCostumeSlotBadge.red{color:#ff1717}
.cbCostumeSlotBadge.yellow{color:#fff000}
.cbCostumeSlotBadge.cyan{color:#16bfd0}
.cbCostumeSlotBadge.violet{color:#bd17ee}
.cbCostumeSlotBadge.green{color:#00ef22}
.cbCostumeSlotBadge.gray{color:#d7d7d7}
.cbCostumeSlotBadge.right{color:#fff}
.cbCostumeSlotBadge.right.red::before{background:#ff1717}
.cbCostumeSlotBadge.right.yellow::before{background:#fff000}
.cbCostumeSlotBadge.right.cyan::before{background:#16bfd0}
.cbCostumeSlotBadge.right.violet::before{background:#bd17ee}
.cbCostumeSlotBadge.right.green::before{background:#00ef22}
.cbCostumeSlotBadge.right.gray::before{background:#d7d7d7}
.cbCostumeSlotBadge.left.red::before{background:#ff1717}
.cbCostumeSlotBadge.left.yellow::before{background:#fff000}
.cbCostumeSlotBadge.left.cyan::before{background:#16bfd0}
.cbCostumeSlotBadge.left.violet::before{background:#bd17ee}
.cbCostumeSlotBadge.left.green::before{background:#00ef22}
.cbCostumeSlotBadge.left.gray::before{background:#d7d7d7}
.cbCostumeSlotBadge.right{
  font-size:15px!important;
  text-shadow:1px 1px 0 #000!important;
}


/* V310 — icônes T.U.N.I.N.G officielles fournies */
.cbCostumeSlots .cbCostumeSlotBadge{
  width:42px!important;
  height:44px!important;
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none!important;
  overflow:visible!important;
  color:inherit!important;
  text-shadow:none!important;
}
.cbCostumeSlots .cbCostumeSlotBadge::before,
.cbCostumeSlots .cbCostumeSlotBadge::after{
  content:none!important;
  display:none!important;
}
.cbCostumeSlots .cbCostumeSlotBadge img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:none!important;
}


/* V315 — costumes plus gros dans le créateur + affichage build agrandi */
.cbCostumeChoices{
  gap:12px!important;
  padding:0 22px 18px!important;
}
.cbCostumeChoices button{
  flex:0 0 170px!important;
  padding:6px!important;
  border-radius:14px!important;
}
.cbCostumeChoiceImage{
  height:165px!important;
  border-radius:10px!important;
}
.cbCostumeChoices b,
.cbCostumeChoices span{
  margin-top:6px!important;
  font-size:12px!important;
}

.cbBuildList{
  grid-template-columns:repeat(auto-fit,minmax(500px,1fr))!important;
  gap:20px!important;
}
.cbBuildCard{
  grid-template-columns:190px 1fr!important;
  gap:16px!important;
  padding:16px!important;
  border-radius:18px!important;
}
.cbBuildCard.compact{
  grid-template-columns:120px 1fr!important;
  min-height:140px!important;
}
.cbBuildCard.compact .cbBuildCostume{
  height:120px!important;
}
.cbBuildCostume{
  height:210px!important;
  border-radius:14px!important;
}
.cbBuildTitleLine h3{
  font-size:24px!important;
}
.cbBuildMain p{
  font-size:16px!important;
}
.cbMiniSlots{gap:8px!important;}

.cbDetailPanel{
  width:min(1320px,98vw)!important;
}
.cbDetailHero{
  grid-template-columns:320px 1fr!important;
  gap:20px!important;
  padding:24px!important;
}
.cbDetailHero>div:first-child{
  height:350px!important;
}
.cbDetailHero h2{
  font-size:42px!important;
}
.cbDetailDescription{
  font-size:18px!important;
  line-height:1.55!important;
}
.cbDetailSlots{
  gap:12px!important;
  padding:18px!important;
}
.cbDetailSlot{
  grid-template-columns:84px 1fr!important;
  min-height:92px!important;
}
@media(max-width:1050px){
  .cbBuildList{grid-template-columns:1fr!important;}
  .cbDetailHero{grid-template-columns:1fr!important;}
}


/* V316 — agrandissement de l'affichage complet des builds recommandés */
.cbBuildList{
  grid-template-columns:1fr!important;
}
.cbBuildCard:not(.compact){
  grid-template-columns:245px minmax(0,1fr)!important;
  gap:20px!important;
  min-height:610px!important;
  padding:20px!important;
}
.cbBuildCard:not(.compact) .cbBuildCostume{
  height:285px!important;
  border-width:4px!important;
  border-radius:16px!important;
}
.cbBuildCard:not(.compact) .cbBuildTitleLine h3{
  font-size:29px!important;
  line-height:1.1!important;
}
.cbBuildCard:not(.compact) .cbBuildMeta{
  gap:8px!important;
  margin:10px 0!important;
}
.cbBuildCard:not(.compact) .cbBuildMeta span{
  padding:6px 10px!important;
  font-size:13px!important;
}
.cbBuildCard:not(.compact) .cbBuildMain p{
  margin:10px 0!important;
  font-size:18px!important;
}
.cbBuildCard:not(.compact) .cbHeart{
  min-width:82px!important;
  padding:9px 13px!important;
  font-size:16px!important;
}
.cbBuildCard:not(.compact) .cbRank{
  width:38px!important;
  height:38px!important;
  font-size:18px!important;
}

.cbBuildCard:not(.compact) .cbCostumeTuningGridV306.mini{
  gap:12px!important;
  margin-top:14px!important;
}
.cbBuildCard:not(.compact) .cbCostumeTuningColumnV306.mini{
  border-width:4px!important;
  border-radius:11px!important;
}
.cbBuildCard:not(.compact) .cbCostumeTuningColumnV306.mini>h4{
  padding:7px!important;
  font-size:16px!important;
}
.cbBuildCard:not(.compact) .cbCostumeTuningColumnV306.mini>div{
  gap:6px!important;
  padding:7px!important;
}
.cbBuildCard:not(.compact) .cbCostumeTuningCardV306.mini{
  grid-template-columns:minmax(0,1fr) 66px!important;
  min-height:76px!important;
  border-width:3px!important;
  border-radius:9px!important;
  background:linear-gradient(to top,var(--cb-slot) 0 14px,#eef0f2 14px)!important;
}
.cbBuildCard:not(.compact) .cbCostumeTuningCardV306.mini.sp{
  background:#101010!important;
}
.cbBuildCard:not(.compact) .cbCostumeTuningCardV306.mini .cbCostumeTuningTextV306{
  padding:7px 9px 18px!important;
}
.cbBuildCard:not(.compact) .cbCostumeTuningCardV306.mini.sp .cbCostumeTuningTextV306{
  padding-bottom:7px!important;
}
.cbBuildCard:not(.compact) .cbCostumeTuningCardV306.mini small{
  font-size:9px!important;
}
.cbBuildCard:not(.compact) .cbCostumeTuningCardV306.mini b{
  font-size:11px!important;
}
.cbBuildCard:not(.compact) .cbCostumeTuningCardV306.mini span{
  font-size:15px!important;
  line-height:1.05!important;
}
.cbBuildCard:not(.compact) .cbCostumeTuningCardV306.mini .cbCostumeTuningGemV306{
  width:61px!important;
  height:61px!important;
  border-width:3px!important;
}
.cbBuildCard:not(.compact) .cbBuildCostume .cbCostumeRarity{
  top:44px!important;
  left:10px!important;
  padding:4px 8px!important;
}
.cbBuildCard:not(.compact) .cbBuildCostume .cbCostumeRarity small{
  font-size:17px!important;
}

@media(max-width:900px){
  .cbBuildCard:not(.compact){
    grid-template-columns:190px minmax(0,1fr)!important;
    padding:14px!important;
  }
  .cbBuildCard:not(.compact) .cbBuildCostume{height:230px!important;}
  .cbBuildCard:not(.compact) .cbCostumeTuningGridV306.mini{grid-template-columns:1fr!important;}
}
@media(max-width:650px){
  .cbBuildCard:not(.compact){grid-template-columns:1fr!important;}
  .cbBuildCard:not(.compact) .cbBuildCostume{height:320px!important;}
}


/* V336 — affichage des T.U.N.I.N.G de build identique aux costumes officiels */
.cbCostumeTuningCardV306{display:none!important}
.cbCostumeTuningColumnV306>div{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:8px!important;
}
.cbOfficialBuildTuningSlot.gameSlot{
  width:100%!important;
  min-height:76px!important;
  margin:0!important;
  cursor:default!important;
  text-align:left!important;
  grid-template-columns:minmax(0,1fr) 72px!important;
  box-shadow:inset -70px 0 0 #bfbfbf!important;
}
.cbOfficialBuildTuningSlot.gameSlot.spBand{
  background:#101010!important;
  color:#fff!important;
  border-color:var(--slot-color)!important;
  box-shadow:inset -84px 0 0 #444!important;
}
.cbOfficialBuildTuningSlot .slotBandText{
  min-width:0!important;
  padding:8px 12px!important;
}
.cbOfficialBuildTuningSlot .equippedChar{
  display:block!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.05!important;
}
.cbOfficialBuildTuningSlot .equippedName{
  display:block!important;
  font-size:var(--equip-font,17px)!important;
  font-weight:1000!important;
  line-height:1.05!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.cbOfficialBuildTuningSlot .slotGem{
  width:64px!important;
  height:64px!important;
  flex:0 0 64px!important;
  margin-right:5px!important;
}
.cbOfficialBuildTuningSlot .slotGem img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.cbOfficialBuildTuningSlot.mini{
  min-height:66px!important;
  grid-template-columns:minmax(0,1fr) 60px!important;
}
.cbOfficialBuildTuningSlot.mini .slotGem{
  width:54px!important;
  height:54px!important;
  flex-basis:54px!important;
}
.cbOfficialBuildTuningSlot.detail{
  min-height:88px!important;
  grid-template-columns:minmax(0,1fr) 80px!important;
}
.cbOfficialBuildTuningSlot.detail .slotGem{
  width:72px!important;
  height:72px!important;
  flex-basis:72px!important;
}
@media(max-width:700px){
  .cbOfficialBuildTuningSlot.gameSlot{min-height:70px!important;grid-template-columns:minmax(0,1fr) 62px!important}
  .cbOfficialBuildTuningSlot .slotGem{width:56px!important;height:56px!important;flex-basis:56px!important}
}


/* V337 — T.U.N.I.N.G des builds agrandis */
.cbOfficialBuildTuningSlot.gameSlot{
  min-height:96px!important;
  grid-template-columns:minmax(0,1fr) 92px!important;
  box-shadow:inset -92px 0 0 #bfbfbf!important;
  border-width:4px!important;
  border-radius:13px!important;
}
.cbOfficialBuildTuningSlot.gameSlot.spBand{
  box-shadow:inset -104px 0 0 #444!important;
}
.cbOfficialBuildTuningSlot .slotBandText{
  padding:13px 16px!important;
}
.cbOfficialBuildTuningSlot .equippedChar{
  font-size:14px!important;
  line-height:1.1!important;
  margin-bottom:3px!important;
}
.cbOfficialBuildTuningSlot .equippedName{
  font-size:20px!important;
  line-height:1.08!important;
}
.cbOfficialBuildTuningSlot .slotGem{
  width:82px!important;
  height:82px!important;
  flex:0 0 82px!important;
  margin-right:6px!important;
}
.cbOfficialBuildTuningSlot.mini{
  min-height:82px!important;
  grid-template-columns:minmax(0,1fr) 76px!important;
}
.cbOfficialBuildTuningSlot.mini .slotBandText{
  padding:10px 13px!important;
}
.cbOfficialBuildTuningSlot.mini .equippedChar{
  font-size:12px!important;
}
.cbOfficialBuildTuningSlot.mini .equippedName{
  font-size:17px!important;
}
.cbOfficialBuildTuningSlot.mini .slotGem{
  width:68px!important;
  height:68px!important;
  flex-basis:68px!important;
}
.cbOfficialBuildTuningSlot.detail{
  min-height:108px!important;
  grid-template-columns:minmax(0,1fr) 102px!important;
}
.cbOfficialBuildTuningSlot.detail .slotBandText{
  padding:15px 18px!important;
}
.cbOfficialBuildTuningSlot.detail .equippedChar{
  font-size:15px!important;
}
.cbOfficialBuildTuningSlot.detail .equippedName{
  font-size:22px!important;
}
.cbOfficialBuildTuningSlot.detail .slotGem{
  width:92px!important;
  height:92px!important;
  flex-basis:92px!important;
}
@media(max-width:700px){
  .cbOfficialBuildTuningSlot.gameSlot{
    min-height:84px!important;
    grid-template-columns:minmax(0,1fr) 74px!important;
  }
  .cbOfficialBuildTuningSlot .equippedChar{font-size:12px!important;}
  .cbOfficialBuildTuningSlot .equippedName{font-size:17px!important;}
  .cbOfficialBuildTuningSlot .slotGem{
    width:66px!important;
    height:66px!important;
    flex-basis:66px!important;
  }
}