/* Chaudière uniquement : les pages verrouillées ne sont pas concernées. */
#furnace{background:linear-gradient(180deg,#184d7d 0,#236b9b 38%,#16476f 100%)}
#furnace .furnace-comparison{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center;gap:12px;width:100%;max-width:900px;height:clamp(390px,calc(100dvh - 250px),500px);min-height:0;margin:18px auto 0;padding:26px 32px;border-radius:30px;background:rgba(8,43,79,.38);overflow:hidden}
#furnace .furnace-comparison::before,#furnace .furnace-comparison::after{content:"";position:absolute;z-index:0;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(235,252,255,.56) 0,rgba(112,217,255,.34) 36%,rgba(72,166,221,.12) 57%,transparent 72%);filter:blur(7px);pointer-events:none}
#furnace .furnace-comparison::before{left:5%;top:50%;transform:translateY(-50%)}
#furnace .furnace-comparison::after{right:5%;top:50%;transform:translateY(-50%)}
#furnace .furnace-comparison>*{position:relative;z-index:1}
#furnace .furnace-pick{display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:12px;min-width:0;width:100%;height:100%;min-height:0;padding:8px;border:0;background:transparent;color:#fff;cursor:pointer;border-radius:20px}
#furnace .furnace-pick:hover{background:rgba(156,223,255,.08)}
#furnace .furnace-pick:focus-visible{outline:3px solid #ffe36f;outline-offset:3px}
#furnace .furnace-pick small{font-size:15px;letter-spacing:.1em;color:#c9edff}
#furnace .furnace-pick strong{font-size:24px}
#furnace .furnace-pick strong{display:grid;justify-items:center;align-content:end;gap:6px;min-height:43px;line-height:1}
/* Même barre de sous-niveaux que les Talismans/Équipement : brun vide,
   vert pour les étapes déjà franchies. */
#furnace .furnace-progress{display:flex;width:100%;height:13px;gap:2px;padding:1px;border:2px solid #e9bd5b;border-radius:5px;background:#8b5d30;box-shadow:inset 0 1px rgba(255,239,166,.48),0 1px 3px rgba(54,28,11,.42);font-style:normal}
#furnace .furnace-progress{width:68px}
#furnace .furnace-progress>span{flex:1;min-width:0;border:0;border-radius:2px;background:linear-gradient(180deg,#9b713d 0,#875d30 52%,#70451f 100%);box-shadow:inset 0 1px rgba(224,169,90,.38),inset 0 -1px rgba(69,35,13,.32)}
#furnace .furnace-progress>span.filled{background:linear-gradient(180deg,#8ed14b 0,#65b637 58%,#4c942b 100%);box-shadow:inset 0 1px rgba(205,246,126,.58),inset 0 -1px rgba(47,105,24,.28),0 0 4px rgba(113,205,61,.42)}
#furnace .furnace-visual{display:grid;place-items:center;align-self:stretch;width:100%;min-height:0;height:100%;overflow:visible}
#furnace .furnace-visual img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(1,22,48,.35))}
#furnace .furnace-comparison-arrow{font-size:48px;text-align:center;color:#e9fbff;text-shadow:0 2px 5px #103b61}
#furnace .furnace-scope-toggles{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:900px;margin:18px auto 0;padding:8px 16px;border:1px solid rgba(131,203,240,.46);border-radius:18px;background:rgba(8,43,79,.88);box-shadow:inset 0 1px rgba(255,255,255,.16),0 10px 24px rgba(1,22,48,.24)}
#furnace .furnace-scope-toggle{margin:0;width:100%;max-width:100%;color:#fff;background:transparent;border:0;border-radius:0;padding:10px 2px}
#furnace .furnace-scope-toggle+.furnace-scope-toggle{border-top:1px solid rgba(131,203,240,.28)}
#furnace #furnaceResult{width:100%}
#furnace .furnace-cost-grid{grid-template-columns:repeat(7,1fr);gap:13px}
#furnace .furnace-material-fire{border-color:#f4a56e;background:linear-gradient(145deg,#ffe2ad,#a95724)}
#furnace .furnace-material-refined{border-color:#c59bf4;background:linear-gradient(145deg,#f0dcff,#7250b9)}
#furnace .furnace-material-food{border-color:#e5a66d;background:linear-gradient(145deg,#ffe0be,#a9542e)}
#furnace .furnace-material-wood{border-color:#b99566;background:linear-gradient(145deg,#eed09a,#8c542d)}
#furnace .furnace-material-coal{border-color:#9eafc4;background:linear-gradient(145deg,#dce8f1,#52687e)}
#furnace .furnace-material-iron{border-color:#86c9f3;background:linear-gradient(145deg,#eafaff,#3995cf)}
#furnace .furnace-material-time{border-color:#ffe38b;background:linear-gradient(145deg,#fff4b9,#bf711c)}
#furnace .furnace-material img{display:block;width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(3,35,61,.32))}
/* Palette unifiée des ressources Chaudière. */
#furnace .furnace-material-food,#furnace .furnace-material-wood,#furnace .furnace-material-coal,#furnace .furnace-material-iron{border-color:#6fc96a;background:linear-gradient(180deg,#2c7a2a,#a9e09c);box-shadow:0 6px 12px rgba(0,15,39,.35)}
#furnace .furnace-material-refined{border-color:#f4a56e;background:linear-gradient(145deg,#ffe2ad,#a95724)}
#furnace .furnace-material-time{border-color:#86c9f3;background:linear-gradient(145deg,#eafaff,#3995cf)}
/* Cases de coûts alignées sur les références Équipement et Talismans. */
#furnace .furnace-material-fire,#furnace .furnace-material-refined{border:3px solid #eba16e;border-radius:17px;background:linear-gradient(180deg,#935b2d,#f2ceaf);box-shadow:0 6px 12px rgba(0,15,39,.35)}
#furnace .furnace-material-time{border:3px solid #76afee;border-radius:17px;background:linear-gradient(180deg,#365894,#a7d4f2);box-shadow:0 6px 12px rgba(0,15,39,.35)}
@media(max-width:600px){#furnace .furnace-material-fire,#furnace .furnace-material-refined,#furnace .furnace-material-time{border-radius:13px}}
#furnace .furnace-stock-tools{max-width:900px;margin:24px auto;color:#d4efff}
#furnace .furnace-stock-tools summary{cursor:pointer}
#furnace .furnace-stock-tools #stockMode{margin-top:12px}
#furnace .furnace-placeholder,#furnacePicker .furnace-placeholder{position:relative;display:block;width:65%;height:78%;max-width:165px;max-height:195px;border:4px solid #0b2443;border-radius:25% 25% 12% 12%;background:linear-gradient(135deg,#aad7ed,#5d9abc 65%,#347497);box-shadow:inset 0 0 0 5px rgba(232,250,255,.3),0 8px 12px #0015}
#furnace .furnace-placeholder-stack,#furnacePicker .furnace-placeholder-stack{position:absolute;width:36%;height:28%;top:-22%;left:32%;border:4px solid #0b2443;background:linear-gradient(90deg,#8ebbd3,#406d8a);border-radius:5px}
#furnace .furnace-placeholder-door,#furnacePicker .furnace-placeholder-door{position:absolute;display:grid;place-items:center;left:22%;bottom:12%;width:56%;height:43%;border:4px solid #0b2443;border-radius:50% 50% 12% 12%;background:#123c5b;font-size:38px}
#furnacePicker{width:min(720px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden;color:#fff;border:2px solid rgba(131,203,240,.65);border-radius:22px;background:linear-gradient(180deg,#236b9b,#123f68);font-family:var(--site-font)}
#furnacePicker::backdrop{background:rgba(2,15,29,.55)}
#furnacePicker form{display:flex;flex-direction:column;max-height:calc(100dvh - 28px);padding:22px 18px 18px;min-height:0}
#furnacePicker h2{font-size:26px;margin:0 40px 20px 0}
#furnacePicker .dialog-close{position:absolute;right:12px;top:12px;z-index:2}
#furnacePicker .furnace-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;overflow-y:auto;overflow-x:hidden;min-height:0;padding:5px 14px 8px 4px;scrollbar-gutter:stable;overscroll-behavior:contain}
#furnacePicker .furnace-level-group{display:flex;flex-direction:column;min-width:0;gap:5px;padding:3px;border:2px solid transparent;border-radius:17px}
#furnacePicker .furnace-level-group.active{border-color:#ffe36f;box-shadow:0 0 5px 2px #ffe36f99}
#furnacePicker .furnace-level-choice{display:grid;grid-template-rows:minmax(0,1fr) auto;justify-items:center;gap:2px;min-width:0;height:130px;padding:8px 7px 4px;border:2px solid #6aa1c1;border-radius:14px;background:linear-gradient(145deg,#347dab,#17466e);color:#fff;font-family:var(--site-font);cursor:pointer}
#furnacePicker .furnace-level-choice:disabled{opacity:.3;cursor:not-allowed}
#furnacePicker .picker-substep-panel{display:block;width:100%;margin-top:2px;padding:5px 6px 6px;border:1px solid rgba(125,207,237,.5);border-radius:8px;background:rgba(129,207,235,.24);box-shadow:inset 0 1px rgba(226,248,255,.18),0 2px 5px rgba(1,20,43,.16)}
#furnacePicker .picker-substep-panel>small{display:none}
#furnacePicker .picker-substeps{display:flex;width:100%;height:13px;gap:2px;padding:1px;border:2px solid #e9bd5b;border-radius:5px;background:#8b5d30;box-shadow:inset 0 1px rgba(255,239,166,.48),0 1px 3px rgba(54,28,11,.42);font-style:normal}
#furnacePicker .picker-substep{flex:1;min-width:4px;padding:0;border:0;border-radius:2px;background:linear-gradient(180deg,#9b713d 0,#875d30 52%,#70451f 100%);box-shadow:inset 0 1px rgba(224,169,90,.38),inset 0 -1px rgba(69,35,13,.32);cursor:pointer}
#furnacePicker .picker-substep.filled{background:linear-gradient(180deg,#8ed14b 0,#65b637 58%,#4c942b 100%);box-shadow:inset 0 1px rgba(205,246,126,.58),0 0 4px rgba(113,205,61,.42)}
#furnacePicker .picker-substep.preview-filled:not(:disabled){background:linear-gradient(180deg,#b8eb67 0,#7dcc47 58%,#59a632 100%);box-shadow:inset 0 1px rgba(226,255,164,.72),0 0 6px rgba(166,239,93,.64)}
#furnacePicker .picker-substep.preview-target:not(:disabled),#furnacePicker .picker-substep.active{outline:2px solid #fff4a8;outline-offset:1px}
#furnacePicker .picker-substep:hover:not(:disabled){background:linear-gradient(180deg,#b8eb67,#78c944);box-shadow:0 0 6px rgba(166,239,93,.72)}
#furnacePicker .picker-substep:disabled{opacity:.28;cursor:not-allowed}
#furnacePicker .furnace-choice-visual{display:grid;place-items:center;align-self:stretch;width:100%;min-height:0}#furnace .furnace-cost-grid .furnace-material.furnace-material-time img{width:92%!important;height:92%!important}
/* Taille ajustée des ressources Chaudière. */
#furnace .furnace-cost-grid .furnace-material img{width:96%!important;height:96%!important}
#furnace .furnace-cost-grid .furnace-material-refined{overflow:hidden}
#furnace .furnace-cost-grid .furnace-material-refined img{width:80%!important;height:80%!important}


/* Responsive furnace card layout. */
#furnace .furnace-pick{display:flex;flex-direction:column;align-items:center}
#furnace .furnace-pick small,#furnace .furnace-pick strong{flex:0 0 auto}
#furnace .furnace-visual{display:flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;min-height:0;height:auto}
#furnace .furnace-visual img{min-width:0;min-height:0}
@media(max-width:600px){#furnace .furnace-visual{height:auto}}
#furnacePicker .furnace-choice-visual img{display:block;width:86%;height:86%;object-fit:contain}
#furnacePicker .furnace-placeholder{border-width:2px;border-radius:16%}
#furnacePicker .furnace-placeholder-stack,#furnacePicker .furnace-placeholder-door{border-width:2px}
#furnacePicker .furnace-placeholder-door{font-size:18px}
@media(max-width:600px){
 #furnace .furnace-comparison{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:4px;height:auto;min-height:400px;padding:20px 8px;border-radius:24px}
 #furnace .furnace-comparison::before,#furnace .furnace-comparison::after{width:230px;height:260px;filter:blur(5px)}
 #furnace .furnace-comparison::before{left:-18%}
 #furnace .furnace-comparison::after{right:-18%}
 #furnace .furnace-pick{min-height:340px;padding:6px;gap:10px}
 #furnace .furnace-visual{height:250px}
 #furnace .furnace-pick small{font-size:12px}
 #furnace .furnace-pick strong{font-size:19px}
 #furnace .furnace-progress{height:10px;width:56px;border-width:1.5px;gap:1px}
 #furnace .furnace-cost-grid{grid-template-columns:repeat(4,1fr);gap:10px}
 #furnace .furnace-comparison-arrow{font-size:32px}
 #furnace .furnace-scope-toggles{margin-top:14px;padding:6px 12px}
 #furnace .furnace-scope-toggle{padding:9px 2px}
 #furnace .furnace-placeholder{border-width:3px}
 #furnace .furnace-placeholder-stack,#furnace .furnace-placeholder-door{border-width:3px}
 #furnace .furnace-placeholder-door{font-size:28px}
 #furnacePicker .furnace-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #furnacePicker .furnace-level-group{gap:4px;padding:2px}
 #furnacePicker form{padding:18px 10px 12px}
 #furnacePicker h2{font-size:23px}
}



/* Toggles Chaudière : même palette que les sélecteurs Équipement et Talismans. */


/* Alignement du groupe de toggles sur la colonne de contenu. */


/* Même occupation que les ressources Équipement et Talismans. */
#furnace .furnace-material img{width:92%!important;height:92%!important;object-fit:contain}
#furnace .furnace-scope-toggles{margin:18px 0 0 max(0px,calc((100% - 900px)/2))!important}
@media(max-width:600px){#furnace .furnace-scope-toggles{margin:14px 0 0!important}}#furnace .furnace-scope-toggles{width:max-content;max-width:calc(100% - 24px);margin:18px auto 0;padding:9px 13px;border:1px solid rgba(131,203,240,.42);border-radius:11px;background:rgba(22,71,111,.88);box-shadow:inset 0 1px rgba(255,255,255,.12),0 5px 14px rgba(1,22,48,.22)}
#furnace .furnace-scope-toggle{width:auto;max-width:100%;margin:0;padding:0;background:transparent;border:0;border-radius:0}
#furnace .furnace-scope-toggle+.furnace-scope-toggle{border-top:0}
@media(max-width:600px){#furnace .furnace-scope-toggles{margin-top:14px;padding:9px 13px}#furnace .furnace-scope-toggle{padding:0}}
@media(max-width:600px){#furnace .furnace-visual{height:auto!important}}
#furnace #furnaceResult{position:static;z-index:auto}

#furnacePicker .furnace-picker-grid{flex:1 1 auto}

/* Pictogrammes des ressources : dessin visible à 73 % de la case, comme sur la page Talismans
   (tailles calculées d'après les marges transparentes de chaque image ; léger recentrage du dessin). */
#furnace .furnace-cost-grid .furnace-material.furnace-material-fire img{width:100.9%!important;height:100.9%!important;max-width:none;transform:translate(-0.6%,-1.7%)}
#furnace .furnace-cost-grid .furnace-material.furnace-material-refined img{width:82.8%!important;height:82.8%!important;max-width:none}
#furnace .furnace-cost-grid .furnace-material.furnace-material-food img{width:107.1%!important;height:107.1%!important;max-width:none;transform:translate(-2.1%,-0.2%)}
#furnace .furnace-cost-grid .furnace-material.furnace-material-wood img{width:118%!important;height:118%!important;max-width:none;transform:translate(-0.4%,-0.8%)}
#furnace .furnace-cost-grid .furnace-material.furnace-material-coal img{width:124.5%!important;height:124.5%!important;max-width:none;transform:translate(-2.1%,-1.4%)}
#furnace .furnace-cost-grid .furnace-material.furnace-material-iron img{width:114.3%!important;height:114.3%!important;max-width:none;transform:translate(-3.4%,0.8%)}
#furnace .furnace-cost-grid .furnace-material.furnace-material-time img{width:112.1%!important;height:112.1%!important;max-width:none;transform:translate(-0.8%,0.2%)}

/* Cases de ressources sur 2 lignes centrées (4 puis 3), comme la page T11. */
#furnace .furnace-cost-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 28px;max-width:calc(4 * 76px + 3 * 28px);margin-inline:auto}
#furnace .furnace-cost-grid .upgrade-resource{width:76px}
@media(max-width:600px){
  #furnace .furnace-cost-grid{gap:14px 16px;max-width:calc(4 * 58px + 3 * 16px)}
  #furnace .furnace-cost-grid .upgrade-resource{width:58px}
}

/* Ressources : une seule ligne quand le cadre de coût est assez large (7 cases), sinon disposition 4 + 3 */
#furnaceResult{container-type:inline-size}
@container (min-width:740px){#furnace .furnace-cost-grid{max-width:none;flex-wrap:nowrap}}
