@import url("https://fonts.googleapis.com/css2?family=Marcellus&family=Marcellus+SC&display=swap");
/* Habillage « Warcraft » de toute l'interface (12/11, demande d'Exl) : pierre et cuir sombres, liserés dorés, coins ornés,
   boutons laqués rouges, polices du client (Friz, Morpheus ; Marcellus / Cinzel en repli sur le site public). Dessins
   originaux (SVG et dégradés de ce fichier), aucune image d'interface du jeu. Chargé en dernier : seuls couleurs, fonds,
   cadres et polices changent, jamais les dimensions (main.js fitTopbar mesure la barre). Images de fond des entrées
   d'index : js/wowskin.js (classe .wa-row, variable --art). */

:root{
  --abyss:#0b0805;
  --navy:#1a130c;
  --navy-2:#2e2216;
  --gold:#e2b552;
  --gold-hi:#f4e4bc;
  --gold-dim:#86662f;
  --teal:#f2c65a;
  --ink:#c8b892;
  --wf-red:#7c1d12;
  --wf-red-hi:#a8301c;
  --display:"WowFriz","Marcellus","Cinzel","Times New Roman",serif;
  --ui:"WowFriz","Marcellus","Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif;
  --wf-title:"WowMorpheus","Cinzel","Times New Roman",serif;
  /* Grain de pierre (bruit fractal discret, tuile de 180 px). */
  --wf-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .9 0 0 0 0 .72 0 0 0 0 .45 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  /* Coins ornés : équerre double, gemme en losange, volute. */
  --wf-tl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M2.5 33V9.5Q2.5 2.5 9.5 2.5H33' stroke='%23e2b552' stroke-width='1.6'/%3E%3Cpath d='M6.5 33V12q0-5.5 5.5-5.5h21' stroke='%2386662f' stroke-width='1'/%3E%3Cpath d='M17 2.5c0 5-3.5 8.5-8.5 8.5M2.5 17c5 0 8.5-3.5 8.5-8.5' stroke='%23c99a3f' stroke-width='1'/%3E%3C/g%3E%3Cpath d='M7.5 2l5.5 5.5L7.5 13 2 7.5z' fill='%23f2d27a' stroke='%233a240c' stroke-width='.8'/%3E%3Cpath d='M7.5 4.6l2.9 2.9-2.9 2.9-2.9-2.9z' fill='%23a8301c'/%3E%3C/svg%3E");
  --wf-tr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cg transform='matrix(-1 0 0 1 34 0)'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M2.5 33V9.5Q2.5 2.5 9.5 2.5H33' stroke='%23e2b552' stroke-width='1.6'/%3E%3Cpath d='M6.5 33V12q0-5.5 5.5-5.5h21' stroke='%2386662f' stroke-width='1'/%3E%3Cpath d='M17 2.5c0 5-3.5 8.5-8.5 8.5M2.5 17c5 0 8.5-3.5 8.5-8.5' stroke='%23c99a3f' stroke-width='1'/%3E%3C/g%3E%3Cpath d='M7.5 2l5.5 5.5L7.5 13 2 7.5z' fill='%23f2d27a' stroke='%233a240c' stroke-width='.8'/%3E%3Cpath d='M7.5 4.6l2.9 2.9-2.9 2.9-2.9-2.9z' fill='%23a8301c'/%3E%3C/g%3E%3C/svg%3E");
  --wf-bl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cg transform='matrix(1 0 0 -1 0 34)'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M2.5 33V9.5Q2.5 2.5 9.5 2.5H33' stroke='%23e2b552' stroke-width='1.6'/%3E%3Cpath d='M6.5 33V12q0-5.5 5.5-5.5h21' stroke='%2386662f' stroke-width='1'/%3E%3Cpath d='M17 2.5c0 5-3.5 8.5-8.5 8.5M2.5 17c5 0 8.5-3.5 8.5-8.5' stroke='%23c99a3f' stroke-width='1'/%3E%3C/g%3E%3Cpath d='M7.5 2l5.5 5.5L7.5 13 2 7.5z' fill='%23f2d27a' stroke='%233a240c' stroke-width='.8'/%3E%3Cpath d='M7.5 4.6l2.9 2.9-2.9 2.9-2.9-2.9z' fill='%23a8301c'/%3E%3C/g%3E%3C/svg%3E");
  --wf-br:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cg transform='matrix(-1 0 0 -1 34 34)'%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M2.5 33V9.5Q2.5 2.5 9.5 2.5H33' stroke='%23e2b552' stroke-width='1.6'/%3E%3Cpath d='M6.5 33V12q0-5.5 5.5-5.5h21' stroke='%2386662f' stroke-width='1'/%3E%3Cpath d='M17 2.5c0 5-3.5 8.5-8.5 8.5M2.5 17c5 0 8.5-3.5 8.5-8.5' stroke='%23c99a3f' stroke-width='1'/%3E%3C/g%3E%3Cpath d='M7.5 2l5.5 5.5L7.5 13 2 7.5z' fill='%23f2d27a' stroke='%233a240c' stroke-width='.8'/%3E%3Cpath d='M7.5 4.6l2.9 2.9-2.9 2.9-2.9-2.9z' fill='%23a8301c'/%3E%3C/g%3E%3C/svg%3E");
  --wf-corners:var(--wf-tl) top left/30px 30px no-repeat,var(--wf-tr) top right/30px 30px no-repeat,var(--wf-bl) bottom left/30px 30px no-repeat,var(--wf-br) bottom right/30px 30px no-repeat;
  --wf-stone:var(--wf-noise),linear-gradient(180deg,#2b2016 0%,#1b140d 55%,#120d08 100%);
  /* Cadre : filet doré intérieur + ombre portée, sans toucher à la bordure (dimensions inchangées). */
  --wf-frame:inset 0 0 0 1px rgba(0,0,0,.75),inset 0 0 0 3px #17100a,inset 0 0 0 4px rgba(226,181,82,.32),inset 0 1px 12px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.7),0 16px 40px rgba(0,0,0,.65);
  /* Bouton de pierre (contrôles, sélecteurs). */
  --wf-btn:linear-gradient(180deg,#3d2d1d 0%,#251a10 52%,#1a120b 100%);
  --wf-btn-hi:linear-gradient(180deg,#4f3a24 0%,#30221a 52%,#21170e 100%);
  --wf-bevel:inset 0 1px 0 rgba(255,222,150,.22),inset 0 -1px 0 rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.45),0 2px 5px rgba(0,0,0,.55);
}
html{font-synthesis-weight:none;}
body{background:var(--abyss);}
button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-color:var(--teal);}

/* ---------- Barre du haut : bandeau de pierre, liseré d'or ---------- */
#topbar{background:var(--wf-noise),linear-gradient(180deg,#2a1f15 0%,#18110b 100%);
  box-shadow:inset 0 -1px 0 #000,inset 0 -3px 0 rgba(226,181,82,.55),inset 0 -4px 0 #000,0 6px 18px rgba(0,0,0,.6);}
.brand small{color:var(--gold);}
#nav button{font-family:var(--display);font-weight:400;color:var(--gold-hi);text-shadow:0 1px 2px #000;}
#nav button:hover{color:#fff6dc;text-shadow:0 0 8px rgba(242,198,90,.55),0 1px 2px #000;}
#nav button[aria-pressed="true"]{color:var(--gold);border-bottom-color:var(--gold);}
#worlds,html #eraPill,.search input,#lang .lang-cur,#topbar.fold #menuBtn{background:var(--wf-btn);border-color:var(--gold-dim);box-shadow:var(--wf-bevel);}
#worlds:hover,#worlds.open,#lang .lang-cur:hover,#lang.open .lang-cur,#topbar.fold #menuBtn:hover{border-color:var(--gold);background:var(--wf-btn-hi);}
#worldBtn b,html #eraPill button b,#lang .lang-cur{font-weight:400;}
#worldBtn b,#lang .lang-cur{color:var(--gold-hi);text-shadow:0 1px 2px #000;}
#underPill,html #eraPill button+button{border-color:var(--gold-dim);}
#underPill button[aria-pressed="true"],html #eraPill button[aria-pressed="true"],#layers .seg button[aria-checked="true"]{
  background:linear-gradient(180deg,var(--wf-red-hi),var(--wf-red) 60%,#4d0f08);color:#fff3cf;box-shadow:inset 0 1px 0 rgba(255,200,140,.35),inset 0 0 0 1px rgba(0,0,0,.5);text-shadow:0 1px 2px #000;}
#underPill #pUnder[aria-pressed="true"]{background:linear-gradient(180deg,#1f6b5e,#0f4a40 60%,#082e28);}
#underPill #pSky[aria-pressed="true"]{background:linear-gradient(180deg,#3a6c9a,#24507a 60%,#163756);}
html #eraPill button[data-ver="classic-era"][aria-pressed="true"]{background:linear-gradient(180deg,#9a5a24,#6e3a12 60%,#45230a);}
html #eraPill button[data-ver="forever"][aria-pressed="true"]{background:linear-gradient(180deg,#2c7a90,#1a5466 60%,#0f3542);}
.search input{color:var(--gold-hi);background:linear-gradient(180deg,#120c07,#1d150d);box-shadow:inset 0 2px 5px rgba(0,0,0,.8),inset 0 0 0 1px rgba(0,0,0,.5),0 1px 0 rgba(255,222,150,.12);}
.search input::placeholder{color:#8a7a5c;}
.search input:focus{border-color:var(--gold);}

/* ---------- Menus déroulants, infobulle, recherche : cadres ornés ---------- */
#worldList,#results,#regionMenu,#lang .lang-list,#topbar.fold #nav.open,#layers,html #helpPanel,#tip{
  background:var(--wf-corners),var(--wf-stone);border-color:var(--gold-dim);box-shadow:var(--wf-frame);}
#tip{background:var(--wf-noise),linear-gradient(180deg,#241a10,#140e08);color:var(--gold-hi);}
#worldList button,#regionMenu button{font-weight:400;text-shadow:0 1px 2px #000;}
#worldList button:hover,#worldList button:focus,#regionMenu button:hover,#results li button:hover,#results li button.active,#lang li:hover,#lang li:focus{
  background:linear-gradient(90deg,rgba(226,181,82,.2),rgba(226,181,82,.04));}
#worldList .ver{border-top-color:rgba(134,102,47,.5);}
#worldList select{background:#140e08;border-color:var(--gold-dim);}

/* ---------- Boutons de la carte : pierre biseautée ---------- */
#zoomCtl button,html #zoomCtl #zhelp,.ptools button,#layersBtn,html #xhud button,#details .dt-close,#details .dt-xtools button,#pgclose{
  background:var(--wf-btn);border-color:var(--gold-dim);color:var(--gold-hi);box-shadow:var(--wf-bevel);}
#zoomCtl button:hover,html #zoomCtl #zhelp:hover,.ptools button:hover,#layersBtn:hover,#layersBtn[aria-expanded="true"],html #xhud button:hover,#details .dt-close:hover,#details .dt-xtools button:hover,#pgclose:hover{
  background:var(--wf-btn-hi);border-color:var(--gold);color:#fff6dc;box-shadow:var(--wf-bevel),0 0 10px rgba(242,198,90,.35);}
#zoomCtl button{font-family:var(--display);}
#layersBtn{font-weight:400;text-shadow:0 1px 2px #000;}
#scale span{text-shadow:0 1px 2px #000;}
#hint{background:rgba(18,13,8,.82);border-color:rgba(134,102,47,.7);box-shadow:inset 0 0 0 1px rgba(0,0,0,.5);}

/* ---------- Boutons d'action : laque rouge, filet d'or (style original) ---------- */
.cta,#pgmap,.lb-cta,.dt-cta{position:relative;font-family:var(--display);font-weight:400;color:#ffe9a8;text-shadow:0 1px 2px #000;
  border:1px solid #c9a04a;background:linear-gradient(180deg,#a3301c 0%,#7c1d12 48%,#5a120a 52%,#4a0e07 100%);
  box-shadow:inset 0 1px 0 rgba(255,210,150,.4),inset 0 0 0 1px rgba(0,0,0,.45),0 0 0 1px #000,0 3px 8px rgba(0,0,0,.55);}
.cta:hover,#pgmap:hover,.lb-cta:hover,.dt-cta:hover{background:linear-gradient(180deg,#c43e25 0%,#982616 48%,#701710 52%,#5c120a 100%);color:#fff6d8;}
.cta:active,#pgmap:active{background:linear-gradient(180deg,#4a0e07,#7c1d12);box-shadow:inset 0 2px 4px rgba(0,0,0,.6),0 0 0 1px #000;}
.filters button{border-color:var(--gold-dim);background:var(--wf-btn);box-shadow:var(--wf-bevel);font-family:var(--ui);font-weight:400;}
.filters button[aria-pressed="true"]{color:#fff3cf;border-color:#c9a04a;background:linear-gradient(180deg,var(--wf-red-hi),var(--wf-red) 60%,#4d0f08);}
.chip{border-color:var(--gold-dim);background:linear-gradient(180deg,rgba(61,45,29,.65),rgba(26,18,11,.65));box-shadow:inset 0 1px 0 rgba(255,222,150,.12);}
.chip:hover{border-color:var(--gold);background:linear-gradient(180deg,rgba(79,58,36,.8),rgba(33,23,14,.8));}

/* ---------- Calques ---------- */
#layers{padding-top:14px;}
#layers h3{font-family:var(--wf-title);font-size:15px;letter-spacing:.16em;color:var(--gold);font-weight:400;}
#layers h4{color:var(--gold);opacity:.85;font-family:var(--ui);font-weight:400;}
#layers .grp,#layers .legend{border-top-color:rgba(134,102,47,.45);}
#layers .sw .tr{background:#140e08;border-color:#5a4524;box-shadow:inset 0 1px 3px rgba(0,0,0,.8);}
#layers .sw .tr::after{background:radial-gradient(circle at 35% 35%,#d8cdb4,#7d7462);}
#layers .sw input:checked + .tr{background:linear-gradient(180deg,#8a2414,#5a120a);border-color:#c9a04a;}
#layers .sw input:checked + .tr::after{background:radial-gradient(circle at 35% 35%,#fff2c4,#e2b552 60%,#8a6324);}
#layers .seg{border-color:var(--gold-dim);}
#layers .seg button{background:var(--wf-btn);border-left-color:var(--gold-dim);}
#layersClose:hover{color:var(--gold-hi);}
#layers .rng input{accent-color:#c9a04a;}

/* ---------- Panneau de lore et fiche Détails : cuir et pierre, bord orné ---------- */
#panel{background:var(--wf-noise),linear-gradient(180deg,#22180f 0%,#1a130c 40%,#110c07 100%);border-left-color:#000;
  box-shadow:inset 1px 0 0 rgba(0,0,0,.8),inset 3px 0 0 rgba(226,181,82,.55),inset 4px 0 0 #000,inset 7px 0 0 #2a1d10,inset 8px 0 0 rgba(226,181,82,.25),-30px 0 60px rgba(0,0,0,.6);}
#panel::before{width:2px;background:linear-gradient(to bottom,transparent,var(--gold) 12%,#f2d27a 50%,var(--gold) 88%,transparent);}
@media (max-width:860px){
  #panel{box-shadow:inset 0 1px 0 rgba(0,0,0,.8),inset 0 3px 0 rgba(226,181,82,.55),inset 0 4px 0 #000,0 -20px 40px rgba(0,0,0,.6);border-top-color:#000;}
}
#details .dt-sheet{background:var(--wf-noise),linear-gradient(180deg,#22180f 0%,#17110a 60%,#0f0a06 100%);border-left-color:#000;
  box-shadow:inset 3px 0 0 rgba(226,181,82,.55),inset 4px 0 0 #000,-20px 0 60px rgba(0,0,0,.7);}
#details .dt-navbar{background:var(--wf-noise),linear-gradient(180deg,#2a1f15,#1a130c);box-shadow:inset 0 -1px 0 #000,inset 0 -2px 0 rgba(226,181,82,.4);}
#details .dt-nav button,.era-nav button{background:var(--wf-btn);border-color:var(--gold-dim);box-shadow:var(--wf-bevel);}
.era-nav-bg{background:linear-gradient(180deg,#1f160e 75%,rgba(31,22,14,0));}
#page{background-color:#140e08;}
.splash::after{background:linear-gradient(to bottom,rgba(26,19,12,0) 30%,#1d150d 98%);}
.sheet-bg::after{background:radial-gradient(ellipse 70% 90% at 50% 55%,rgba(18,12,7,.6),rgba(18,12,7,.18) 100%);}
#pbody{scrollbar-color:#86662f #120c07;}
.ptitle{font-family:var(--wf-title);font-weight:400;color:#f6e3b0;letter-spacing:.05em;
  text-shadow:0 2px 0 #000,0 0 18px rgba(0,0,0,.8),0 0 2px #3a240c;}
#panel .ptitle{letter-spacing:.05em;}
.eyebrow{font-weight:400;}
.sec h3{font-family:var(--wf-title);font-weight:400;font-size:15px;letter-spacing:.14em;color:var(--gold);text-shadow:0 1px 2px #000;}
.sec h3::after{height:2px;background:linear-gradient(90deg,var(--gold-dim),rgba(134,102,47,.15));box-shadow:0 1px 0 #000;}
.divider::before{background:linear-gradient(to right,transparent,#c99a3f);}
.divider::after{background:linear-gradient(to left,transparent,#c99a3f);}
.divider i{width:9px;height:9px;border-color:#3a240c;background:linear-gradient(135deg,#f2d27a,#a7792f);box-shadow:0 0 0 2px #1a130c,0 0 0 3px rgba(226,181,82,.5);}
.facts dt{font-weight:400;}
.story,.fac,.dt-card,.dt-why{background:linear-gradient(180deg,rgba(43,32,22,.7),rgba(20,14,9,.7));border-color:rgba(134,102,47,.55);
  box-shadow:inset 0 1px 0 rgba(255,222,150,.08),inset 0 0 0 1px rgba(0,0,0,.4);}
.story b,.fac h4,.tl b{color:#f6e3b0;}
.medal{border-color:#c9a04a;box-shadow:0 0 0 2px #120c07,0 0 0 3px rgba(226,181,82,.45),0 3px 8px rgba(0,0,0,.6);}
.tl li::before{background:linear-gradient(135deg,#f2d27a,#a7792f);border-color:#3a240c;}
.tl button{color:var(--gold);}
.gly.site{border-color:#9ccbd0;}

/* ---------- Entrées d'index avec image en fond (js/wowskin.js : .wa-row, --art) ---------- */
.list li:has(> .wa-row){margin:0 0 6px;}
.list button.wa-row{position:relative;isolation:isolate;min-height:54px;box-sizing:border-box;padding:9px 14px 9px 14px;
  border:1px solid rgba(134,102,47,.6);border-radius:3px;
  background:linear-gradient(90deg,rgba(15,10,6,.95) 0%,rgba(15,10,6,.82) 38%,rgba(15,10,6,.38) 72%,rgba(15,10,6,.12) 100%),var(--art,none) 75% var(--art-y,40%)/cover no-repeat,var(--wf-btn);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,222,150,.12),0 2px 6px rgba(0,0,0,.45);
  text-shadow:0 1px 2px #000,0 0 8px #000;transition:border-color .15s,box-shadow .15s,filter .15s;}
.list button.wa-row:hover,.list button.wa-row:focus-visible{border-color:var(--gold);filter:brightness(1.12);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,222,150,.2),0 0 12px rgba(242,198,90,.28),0 2px 6px rgba(0,0,0,.45);}
.list button.wa-row em{color:#f2d27a;}
.list.regions button.wa-row{min-height:66px;}
.list.regions li.sub button.wa-row{margin-left:24px;width:calc(100% - 24px);padding-left:14px;}
.list.regions li.sub button.wa-row::before{left:-13px;top:-7px;}
.list button.wa-row.wa-has .rg-th{display:none;}
.list.regions .rg-txt i{color:#e6d6b0;}
/* Menu Régions et résultats de recherche : même principe, plus discret. */
#regionMenu button.wa-row,#results li button.wa-row{background:linear-gradient(90deg,rgba(15,10,6,.94) 0%,rgba(15,10,6,.8) 45%,rgba(15,10,6,.35) 100%),var(--art,none) 75% var(--art-y,40%)/cover no-repeat;
  border-bottom:1px solid rgba(0,0,0,.6);text-shadow:0 1px 2px #000,0 0 6px #000;}
#regionMenu button.wa-row:hover,#results li button.wa-row:hover,#results li button.wa-row.active{
  background:linear-gradient(90deg,rgba(60,40,18,.9) 0%,rgba(30,20,10,.65) 45%,rgba(15,10,6,.15) 100%),var(--art,none) 75% var(--art-y,40%)/cover no-repeat;}
#regionMenu button.wa-row{min-height:52px;}
/* Pastilles de zones devenues vignettes illustrées. */
.chips.wa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;}
.chip.wa-row{display:flex;align-items:flex-end;min-height:56px;padding:6px 10px;text-align:left;border-radius:3px;
  background:linear-gradient(180deg,rgba(15,10,6,.15) 0%,rgba(15,10,6,.55) 45%,rgba(15,10,6,.92) 100%),var(--art,none) 50% var(--art-y,40%)/cover no-repeat,var(--wf-btn);
  text-shadow:0 1px 2px #000,0 0 6px #000;box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 2px 5px rgba(0,0,0,.45);}
.chip.wa-row:hover{border-color:var(--gold);filter:brightness(1.15);}
@media (max-width:520px){.chips.wa-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));}}

/* ---------- Petits panneaux annexes ---------- */
html #focusCard,html #propCard,html #loadStat{background:var(--wf-noise),linear-gradient(180deg,#261c12,#140e08);border-color:var(--gold-dim);box-shadow:var(--wf-frame);}
html #helpPanel [role="tab"][aria-selected="true"]{color:#fff3cf;}

/* ---------- Cartes illustrées (factions, mondes, personnages), fiche Détails, aide, plaques de la carte ---------- */
.list button.wa-row em{padding:2px 7px;background:rgba(10,7,4,.62);border:1px solid rgba(134,102,47,.35);border-radius:2px;}
.icard{background:var(--wf-noise),linear-gradient(180deg,rgba(40,29,19,.95),rgba(17,12,7,.96));border-color:var(--gold-dim);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 0 0 3px rgba(23,16,10,.9),inset 0 0 0 4px rgba(226,181,82,.25),0 8px 24px rgba(0,0,0,.5);}
.icard-art{border-bottom-color:var(--gold-dim);}
.lb-card{border-color:var(--gold-dim);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 0 0 1px #000,0 4px 12px rgba(0,0,0,.5);}
.lb-card:hover{border-color:var(--gold);}
.dt-hero::after{background:linear-gradient(180deg,rgba(18,12,7,.15) 0%,rgba(18,12,7,0) 35%,rgba(26,19,12,.85) 80%,#1d150d 100%);}
.era-nav-bg{background:linear-gradient(180deg,#1d150d 75%,rgba(29,21,13,0));}
html #helpPanel kbd{background:linear-gradient(#3d2d1d,#1d140c);}
#labels{--mk-plate:rgba(20,14,8,.78);--mk-plate-hi:rgba(38,27,16,.92);--mk-edge:rgba(226,181,82,.34);}

/* ---------- Site public : bouton « Activer la 3D » et sa boîte (style injecté par js/gamefolder.js) ---------- */
html #wow3d{background:var(--wf-btn);border-color:var(--gold-dim);color:var(--gold-hi);font-family:var(--ui);font-weight:400;box-shadow:var(--wf-bevel);text-shadow:0 1px 2px #000;}
html #wow3d:hover{background:var(--wf-btn-hi);border-color:var(--gold);}
html #wow3dDlg .b{background:var(--wf-corners),var(--wf-stone);border-color:var(--gold-dim);box-shadow:var(--wf-frame);}
html #wow3dDlg h2{font-family:var(--wf-title);font-weight:400;color:var(--gold-hi);}
html #wow3dDlg button{font-family:var(--display);font-weight:400;color:#ffe9a8;text-shadow:0 1px 2px #000;border-color:#c9a04a;
  background:linear-gradient(180deg,#a3301c 0%,#7c1d12 48%,#5a120a 52%,#4a0e07 100%);box-shadow:inset 0 1px 0 rgba(255,210,150,.4),0 0 0 1px #000;}
html #wow3dDlg button.alt{background:var(--wf-btn);color:var(--gold-hi);border-color:var(--gold-dim);}
#local-game-picker{background:var(--wf-corners),var(--wf-stone);box-shadow:var(--wf-frame);}