/* Thème « console » du Pacte : espace membre et tables d'organisation dans la direction du site public
   (cuir sombre, planches de warboard, titres or Metamorphous, capitales Cinzel, corps Alegreya).
   Couvre tous les sélecteurs de organizer/styles.css (même DOM), plus l'onglet Bannière. */
@font-face{font-family:"Metamorphous";src:url(/site/assets/fonts/metamorphous-latin-400-normal.woff2?v=3af20c9620) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Cinzel";src:url(/site/assets/fonts/cinzel-latin-600-normal.woff2?v=f013ac32c1) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Cinzel";src:url(/site/assets/fonts/cinzel-latin-800-normal.woff2?v=eacb8e500a) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Alegreya";src:url(/site/assets/fonts/alegreya-latin-400-normal.woff2?v=b6cf5bee7e) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Alegreya";src:url(/site/assets/fonts/alegreya-latin-400-italic.woff2?v=0a668ce5fd) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Alegreya";src:url(/site/assets/fonts/alegreya-latin-600-normal.woff2?v=dbe738f755) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url(/site/assets/fonts/alegreya-sans-latin-400-normal.woff2?v=123cd4a1e1) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url(/site/assets/fonts/alegreya-sans-latin-500-normal.woff2?v=005c64e2da) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Alegreya Sans";src:url(/site/assets/fonts/alegreya-sans-latin-700-normal.woff2?v=403b09118b) format("woff2");font-weight:700;font-display:swap}

:root{color-scheme:dark;
  --leather:#120d0a;--leather-2:#1d1510;--leather-3:#26190f;--panel:#0e0906;--panel-2:#17100b;
  --ink:#efe4cc;--muted:#ad9d80;--gold:#e2b24a;--gold-hi:#fff0b8;--gold-lo:#7a5417;--gold-shadow:#3b2608;--line:#6b4e2a66;--line-2:#6b4e2a;
  --bone:#efe4cc;--bone-dim:#ad9d80;--ember:#c43f1c;--ember-hi:#e8603a;--moss:#64923a;--error:#ff9b86;
  --f-display:"Metamorphous","Cinzel",Georgia,serif;--f-caps:"Cinzel",Georgia,serif;--f-body:"Alegreya",Georgia,serif;--f-ui:"Alegreya Sans","Gill Sans",Arial,sans-serif;
  font:17px/1.5 var(--f-body);background:var(--leather);color:var(--ink);accent-color:var(--gold)}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;background:var(--leather) url(/site/assets/paper-dark.jpg?v=aefc52066d) center top/1600px auto repeat;color:var(--ink);min-height:100vh}
img{max-width:100%}

/* ---- en-tête */
header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 28px;background:linear-gradient(180deg,#0a0604f2,#0a0604cc);border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
header>div:first-child{display:flex;align-items:center;gap:12px}
.brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-display);font-size:1.3rem;letter-spacing:.06em;color:var(--gold-hi);text-decoration:none;text-shadow:0 1px 0 #3b1a06}
.brand::before{content:"";width:30px;height:30px;background:url(/site/assets/marque-flamme.svg?v=abf547a9a0) center/contain no-repeat;filter:drop-shadow(0 0 6px #e2b24a55)}
.division{font-family:var(--f-caps);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-dim);margin-left:10px;padding-left:16px;border-left:1px solid var(--line-2)}
.tools,.inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tools{justify-content:flex-end}
header a{color:var(--bone);text-decoration:none;font-family:var(--f-ui);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid transparent}
header a:hover{color:var(--gold-hi);border-color:var(--gold)}
#identity{font-family:var(--f-ui);font-size:.9rem;color:var(--bone-dim)}
header select,#language{width:auto;min-height:34px;padding:4px 8px;font-family:var(--f-caps);font-size:.78rem;letter-spacing:.1em;background:none;border:1px solid var(--line-2);color:var(--gold)}
header button{min-height:34px;padding:4px 14px;font-size:.78rem}
header .lang{background:none;border:1px solid var(--line-2);color:var(--gold);box-shadow:none;padding:4px 10px;letter-spacing:.12em}

main{max-width:1280px;margin:auto;padding:28px 4vw 64px}
h1,h2,h3{font-weight:400;line-height:1.15;margin:0}
h1{font-family:var(--f-display);font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:.02em;margin:0 0 6px;color:#f2a640;background:linear-gradient(180deg,#ffd98a 0%,#f2a640 45%,#c9641d 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #3b1a06) drop-shadow(0 0 18px #f2a64033)}
h2{font-family:var(--f-display);font-size:1.5rem;letter-spacing:.01em;color:#f2a640;text-shadow:0 1px 0 #3b1a06,0 0 14px #f2a64033;margin:0 0 14px}
h3{font-family:var(--f-caps);font-weight:600;font-size:.92rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:26px 0 10px}
p{max-width:72ch;margin:6px 0 16px}
a{color:var(--gold);text-underline-offset:3px}
.hint,.policy,.seasonbar p,#freshness{color:var(--bone-dim);font-size:.95em}
code{font-family:ui-monospace,Consolas,monospace;font-size:.88em;color:var(--gold-hi)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
::selection{background:#dabb79;color:#201b15}
*{scrollbar-color:#7a5417 #120d0a;scrollbar-width:thin}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.skip{position:absolute;left:20px;top:-100px;padding:10px;background:var(--ember);color:#fff;z-index:30}.skip:focus{top:8px}
.notice{text-align:center;padding:8px 20px;font-family:var(--f-ui);font-size:.9rem;letter-spacing:.04em;background:linear-gradient(90deg,#3a1208,#6a2210,#3a1208);color:#ffd4b8;border-bottom:1px solid #a3401f66}

/* ---- boutons et champs */
button,.button,input,select,textarea{font:inherit}
button,.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:6px 20px;font-family:var(--f-caps);font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);text-shadow:0 1px 1px #000c;background:
  url(/site/assets/grain.png?v=0101358cdf),
  radial-gradient(120% 90% at 50% 0%,#3a2a1c 0%,#221710 45%,#160e09 100%);
  background-blend-mode:soft-light,normal;border:1px solid #6a4a22;border-radius:2px;
  box-shadow:inset 0 1px 0 #ffe6b03a,inset 0 -1px 0 #000a,inset 0 0 0 1px #0007,0 1px 2px #000b,0 6px 14px -8px #000;
  cursor:pointer;text-decoration:none;text-align:center;transition:filter .12s,box-shadow .12s,transform .08s}
button:hover,.button:hover{filter:brightness(1.18);box-shadow:inset 0 1px 0 #ffe6b04a,inset 0 -1px 0 #000a,inset 0 0 0 1px #0007,0 0 0 1px #c9a46a33,0 0 14px #e2b24a2e,0 1px 2px #000b}
button:active,.button:active{transform:translateY(1px);filter:brightness(.95)}
/* Bouton principal : rouge braise texturé, liseré bronze, un seul reflet (dans l'esprit des sites Blizzard - Jeremy, 4 oct.) */
.primary,button.primary,.button.primary{color:#fff0d6;border-color:#b07a3a;background:
  url(/site/assets/grain.png?v=0101358cdf),
  linear-gradient(180deg,#b23a1e 0%,#8f2412 40%,#5f130a 100%);
  background-blend-mode:soft-light,normal;
  box-shadow:inset 0 1px 0 #ffd4a05a,inset 0 -1px 0 #0009,inset 0 0 0 1px #4a0d0680,0 1px 2px #000c,0 8px 18px -10px #c43f1c99;
  min-height:46px;padding:8px 28px;text-shadow:0 1px 0 #3a0a04,0 0 10px #ff9c5a44}
.primary:hover,button.primary:hover{filter:brightness(1.12);box-shadow:inset 0 1px 0 #ffd4a06a,inset 0 -1px 0 #0009,inset 0 0 0 1px #4a0d0680,0 0 0 1px #e2b24a55,0 0 18px #c43f1c66,0 1px 2px #000c}
button:disabled{opacity:.45;cursor:not-allowed;filter:none}
input,select,textarea{width:100%;min-height:40px;padding:7px 10px;color:var(--ink);background:#0d0806;border:1px solid var(--line-2);border-radius:2px;caret-color:var(--gold)}
input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 1px var(--gold-lo)}
select{max-width:100%}select option{background:#1a110b}
textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#6f6251}
input[type=color]{padding:2px;height:40px}input[type=file]{padding:4px 6px;font-family:var(--f-ui);font-size:.9rem;color:var(--bone-dim)}
input[type=file]::file-selector-button{font:600 .72rem/1 var(--f-caps);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi);background:linear-gradient(180deg,#2a1b10,#160d08);border:1px solid var(--gold-lo);border-radius:2px;padding:8px 12px;margin-right:12px;cursor:pointer}
input[type=checkbox],input[type=radio]{width:auto;min-height:0}
label{display:block;margin:10px 0}label>span{display:block;margin-bottom:4px;font-family:var(--f-ui);font-size:.9rem;letter-spacing:.03em;color:var(--bone-dim)}
label.check{display:flex;align-items:center;gap:.5em;flex-direction:row}label.check input{width:auto}
fieldset{border:1px solid var(--line);padding:8px 14px 10px;margin:12px 0}legend{font-family:var(--f-ui);font-size:.9rem;color:var(--bone-dim);padding:0 6px}

/* ---- accueil et barre de saison */
.welcome{max-width:640px;margin:70px auto;padding:44px 40px;position:relative;position:relative;background:url(/site/assets/grain.png?v=0101358cdf),linear-gradient(180deg,#1b120cf2,#120b07f4);background-blend-mode:soft-light,normal;border:1px solid #6b4e2a66;box-shadow:inset 0 1px 0 #ffe6b012,0 10px 30px -18px #000;text-align:center}
.welcome h1{font-size:2.3rem}.welcome p{margin:10px auto 22px}
.seasonbar{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin:6px 0 22px}
.seasoncontrol{display:grid;grid-template-columns:minmax(160px,280px) auto;gap:6px 10px;align-items:end}
.seasoncontrol label{grid-column:1/-1;margin:0}
.seasonbar p{margin:0}
nav{display:flex;gap:4px;border-bottom:1px solid var(--line-2);overflow-x:auto}
nav button{background:none;border:0;border-radius:0;box-shadow:none;min-height:44px;padding:10px 18px;color:var(--bone-dim);font-size:.78rem;border-bottom:2px solid transparent;margin-bottom:-1px}
nav button:hover{color:var(--gold-hi);filter:none}
nav [aria-current=page]{color:var(--gold-hi);border-bottom-color:var(--gold);text-shadow:0 0 10px #e2b24a55}
.policy{padding-top:10px}

/* ---- panneaux */
.twocol,.split{position:relative;margin-top:18px;position:relative;background:url(/site/assets/grain.png?v=0101358cdf),linear-gradient(180deg,#1b120cf2,#120b07f4);background-blend-mode:soft-light,normal;border:1px solid #6b4e2a66;box-shadow:inset 0 1px 0 #ffe6b012,0 10px 30px -18px #000;color:var(--ink)}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px 34px 26px}
.twocol article{min-width:0}
.split{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;min-height:480px;padding:0;overflow:hidden}
.split aside{padding:10px 18px 10px 0;border-right:1px solid var(--line)}
.split article{padding:6px 0 6px 28px}
section>article:only-child{margin-top:18px;padding:30px 34px 26px;position:relative;background:url(/site/assets/grain.png?v=0101358cdf),linear-gradient(180deg,#1b120cf2,#120b07f4);background-blend-mode:soft-light,normal;border:1px solid #6b4e2a66;box-shadow:inset 0 1px 0 #ffe6b012,0 10px 30px -18px #000}
.people,.rows{list-style:none;margin:8px 0 20px;padding:0}
.people li{margin:0}
.people button{display:block;width:100%;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ink);text-align:left;text-transform:none;letter-spacing:0;font-family:var(--f-body);font-size:1rem;padding:9px 10px;min-height:0}
.people button:hover{background:#ffffff0a;filter:none}
.people button[aria-pressed=true]{background:#e2b24a1f;color:var(--gold-hi);box-shadow:inset 3px 0 0 var(--gold)}
.rows>li{padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.rows>li:last-child{border-bottom:0}
.rows strong{font-family:var(--f-display);font-size:1.08rem;color:var(--gold-hi);letter-spacing:.01em}
.rows p{margin:4px 0 8px;white-space:pre-wrap;font-size:.95rem;color:var(--ink)}
.rows small,.rows li .meta{display:block;color:var(--bone-dim);font-size:.88rem;margin-top:3px}
.rows li .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.rows button{margin:6px 6px 0 0;min-height:34px;padding:4px 14px;font-size:.72rem}
.rows li .actions button{margin:0}
.rows li .evidence{font-family:ui-monospace,Consolas,monospace;font-size:.8em;white-space:pre-wrap;max-height:9em;overflow:auto;background:#000a;padding:.4em .6em;border-radius:3px;margin:.3em 0;color:var(--bone)}
.rows li.off{opacity:.5}
#leaderboard li{display:flex;justify-content:space-between;gap:16px;font-variant-numeric:tabular-nums}
#leaderboard li span{font-family:var(--f-caps);color:var(--gold)}
.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
form>.primary{margin-top:10px}
#characterForm{border-top:1px solid var(--line);padding-top:2px}
#participantMeta,.policy,small{overflow-wrap:anywhere}
#status{min-height:24px;margin:6px 0 10px;font-family:var(--f-ui);color:var(--gold)}#status[data-error=true]{color:var(--error)}
#setup{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}
summary{cursor:pointer;font-family:var(--f-caps);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding:10px 0}
details[open] summary{color:var(--gold-hi)}
.count{display:inline-block;min-width:1.5em;padding:0 .4em;margin-left:.3em;border-radius:1em;background:var(--ember);color:#fff;font-family:var(--f-ui);font-size:.72rem;text-align:center;letter-spacing:0}
.count:empty{display:none}
.tag{display:inline-block;padding:0 .45em;border:1px solid var(--line-2);border-radius:2px;font-family:var(--f-ui);font-size:.74em;margin-right:.3em;text-transform:uppercase;letter-spacing:.06em;color:var(--bone-dim)}
.tag.warn{border-color:var(--ember);color:#ffb39f}
.badge,.pill{display:inline-block;margin-left:.5rem;padding:.1rem .55rem;border-radius:.7rem;font-family:var(--f-ui);font-size:.74rem;letter-spacing:.03em;background:#3a2a18;color:var(--bone);vertical-align:middle}
.badge.warn,.pill.wait{background:#7a5417;color:#fff0b8}.badge.high,.pill.no{background:#7a1f12;color:#ffd4c8}.badge.info,.pill.ok{background:#2f5a24;color:#dff5c8}
#integrity li[data-severity="high"]{border-left:3px solid var(--ember);padding-left:10px}
.thumbs{display:flex;gap:6px;flex-wrap:wrap;margin:.4em 0}
.thumbs button{padding:0;border:2px solid transparent;background:none;box-shadow:none;min-height:0;cursor:pointer;line-height:0}
.thumbs button[aria-pressed=true]{border-color:var(--gold)}
.thumbs img{width:96px;height:54px;object-fit:cover;border-radius:2px;display:block}

/* ---- dialogue et pied */
dialog{width:min(600px,calc(100% - 32px));padding:34px 36px;color:var(--ink);position:relative;background:url(/site/assets/grain.png?v=0101358cdf),linear-gradient(180deg,#1b120cf2,#120b07f4);background-blend-mode:soft-light,normal;border:1px solid #6b4e2a66;box-shadow:inset 0 1px 0 #ffe6b012,0 10px 30px -18px #000}
dialog::backdrop{background:#070403d9}
dialog dl{margin:18px 0}dialog dt{font-family:var(--f-ui);font-size:.85rem;letter-spacing:.04em;color:var(--bone-dim)}dialog dd{margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}
#dialogStatus{color:var(--error)}
footer{padding:22px 4vw;color:var(--bone-dim);font-family:var(--f-ui);font-size:.85rem;border-top:1px solid var(--line);background:#0a0604cc}
.inline{flex-wrap:nowrap}.inline input{min-width:0}.inline button{padding:8px}

/* ---- bannière (espace membre) */
.boxes{display:flex;flex-wrap:wrap;gap:2px 14px;margin:6px 0 4px}
.boxes label{display:inline-flex;align-items:center;gap:6px;margin:4px 0}.boxes label>span{margin:0;color:var(--ink);font-family:var(--f-body);font-size:1rem}
.boxes label>input.quota{width:64px;padding:2px 6px;margin-left:2px;font-size:.85rem}
.boxes.tall{max-height:220px;overflow:auto;border:1px solid var(--line);padding:6px 10px;background:#0d0806;margin-top:8px}
.bcard{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;padding:16px;margin:8px 0 18px;background:#ffffff08;border:1px solid var(--line);border-left:3px solid var(--bcolor,#c43f1c)}
.bcard img,.bcard .noemblem{width:96px;height:96px;object-fit:cover;border:1px solid var(--gold-lo);background:#000}
.bcard .noemblem{display:flex;align-items:center;justify-content:center;color:var(--gold);font:400 36px var(--f-display)}
.bcard h3{margin:0 0 2px;font-family:var(--f-display);font-size:1.35rem;letter-spacing:.01em;text-transform:none;color:var(--gold-hi)}
.bcard .dem{color:var(--bone-dim);font-style:italic}.bcard .motto{margin:6px 0;font-style:italic;color:var(--gold)}
.bcard dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:10px 0 0;font-size:.95rem}.bcard dt{font-family:var(--f-ui);color:var(--bone-dim)}.bcard dd{margin:0}
.bcard strong{display:block;margin-top:12px;font-family:var(--f-caps);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.bcard .members{margin:6px 0 0;padding-left:18px;font-size:.95rem;columns:2}
.chron{list-style:none;padding:0;margin:6px 0 0;font-size:.92rem}.chron li{padding:4px 0;border-top:1px dashed var(--line)}.chron time{color:var(--bone-dim);margin-right:8px;font-variant-numeric:tabular-nums;font-family:var(--f-ui)}
#proposalState .rows{margin-top:0}
/* Bannières (24 oct.) : drapeau (décor + étendard), cartes compactes, progression du quorum, sections du formulaire,
   sélecteur de décor avec aperçu, gouvernances en cartes. Sobre : aplats sombres, filet 1 px, l'image porte le style. */
.bcard.big{grid-template-columns:150px minmax(0,1fr)}
.bcard .bflag,.bmini .bflag{width:100%;aspect-ratio:3/4;height:auto;object-fit:cover;border:1px solid var(--gold-lo);background:#000;display:block}
.bcard details{margin-top:10px}.bcard details summary{cursor:pointer;font-family:var(--f-caps);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:8px 0 4px}
.bmini{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:10px;background:#ffffff08;border:1px solid var(--line);border-left:3px solid var(--bcolor,#c43f1c)}
.bmini h4{margin:0;font-family:var(--f-display);font-weight:400;font-size:1.1rem;color:var(--gold-hi)}.bmini .motto{margin:2px 0;font-style:italic;color:var(--gold);font-size:.92rem}.bmini .hint{margin:2px 0}
.bmini .inline{margin-top:8px}.bmini button{min-height:30px;padding:3px 10px;font-size:.8rem}
.bprog{display:grid;gap:4px;margin:6px 0;font-family:var(--f-ui);font-size:.88rem;color:var(--bone-dim)}.bprog .ok{color:var(--moss)}
.bprog .bar{height:6px;background:#ffffff10;border:1px solid var(--line)}.bprog .bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold-lo),var(--gold))}
.bsec{margin:18px 0 0;padding:0;border:0}.bsec>legend,.bsec>h3,.bsec>summary{font-family:var(--f-caps);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding:0;margin:0 0 6px}
.bsec>summary{cursor:pointer}.bform{display:grid;gap:4px}.bform .formgrid{margin:0}.hint.warn{color:var(--gold-hi);border-left:2px solid var(--ember);padding-left:8px}
.bdwrap{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;align-items:start}
.bdpick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bdpick label{position:relative;display:block;margin:0;cursor:pointer;border:1px solid var(--line);background:#000}
.bdpick input{position:absolute;opacity:0}.bdpick img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.75}
.bdpick span{display:block;padding:3px 6px;font-family:var(--f-ui);font-size:.74rem;line-height:1.2;color:var(--bone-dim)}
.bdpick label:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.bdpick label:has(input:checked) img{opacity:1}.bdpick label:has(input:checked) span{color:var(--gold-hi)}
.bdpick label:has(input:focus-visible){outline:2px solid var(--gold-hi)}
.bdprev.wide{margin:0 0 14px}.bdprev.wide img{aspect-ratio:16/9;object-fit:cover}.bsec h4{margin:14px 0 6px;font-family:var(--f-caps);font-size:.8rem;letter-spacing:.08em;color:var(--gold);text-transform:uppercase}
.stdpick{grid-template-columns:repeat(5,minmax(0,1fr))}.stdpick img{aspect-ratio:1/1;object-fit:contain;background:#0b0806}
.bdprev{margin:0}.bdprev img{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--gold-lo);background:#000}.bdprev figcaption{font-family:var(--f-ui);font-size:.75rem;color:var(--bone-dim);text-align:center}
/* Gouvernances (v2, 24 oct.) : cinq cartes (icône, nom, une ligne toujours visible) et une infobulle façon info-bulle
   de sort de WoW (règle, « comment le chef change »), au survol sur ordinateur, sous la carte au toucher du « i ». */
.govcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-top:8px}
.gcard{position:relative;border:1px solid var(--line);background:linear-gradient(#ffffff08,#0000001f);transition:border-color .15s,background .15s,box-shadow .15s}
.gcard>label{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:center;margin:0;padding:16px 52px 16px 18px;cursor:pointer;min-height:84px}
.gcard>label>input{position:absolute;opacity:0;pointer-events:none}
.gico{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--gold-lo);background:radial-gradient(circle at 50% 35%,#3b2608,#120d0a 70%);box-shadow:inset 0 0 0 1px #00000080}
.gico svg{width:28px;height:28px;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.gtx{display:grid;gap:5px;min-width:0}
.gname{font-family:var(--f-caps);font-weight:600;font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi);line-height:1.25}
.gline{font-family:var(--f-ui);font-size:.93rem;line-height:1.45;color:var(--bone-dim)}
.ginfo{position:absolute;top:12px;right:12px;width:24px;height:24px;min-height:0;padding:0;border-radius:50%;border:1px solid var(--gold-lo);background:#0e0906;box-shadow:none;
  color:var(--gold);font:700 .74rem/1 var(--f-ui);letter-spacing:0;text-transform:none;text-shadow:none}
.ginfo:hover,.gcard.open .ginfo{filter:none;background:var(--gold);color:#120d0a;box-shadow:none}
.gcard:hover{border-color:var(--gold-lo);background:linear-gradient(#ffffff0e,#0000001f)}
.gcard:has(input:checked){border-color:var(--gold);background:linear-gradient(#e2b24a1c,#e2b24a06);box-shadow:0 0 0 1px var(--gold),0 0 20px #e2b24a1f}
.gcard:has(input:checked) .gico{border-color:var(--gold);background:radial-gradient(circle at 50% 35%,#7a5417,#1d1510 72%)}
.gcard:has(input:checked) .gico svg{stroke:var(--gold-hi)}.gcard:has(input:checked) .gline{color:var(--bone)}
.gcard:has(input:checked)::after{content:"✓";position:absolute;bottom:10px;right:14px;color:var(--gold);font:700 .95rem var(--f-ui)}
.gcard:has(input:focus-visible){outline:2px solid var(--gold-hi);outline-offset:2px}
.gtip{display:none;padding:12px 14px 13px;background:linear-gradient(#0b0f1ff2,#06080ff5);border:1px solid #8c8c8c;border-radius:4px;box-shadow:0 0 0 1px #000,0 10px 26px #000d;
  font-family:var(--f-ui);font-size:.9rem;line-height:1.5;color:#fff;text-shadow:none}
.gtip p{margin:0}.gtip .t{font-weight:700;font-size:1.02rem}.gtip .s{color:#ffd100;font-size:.8rem;margin-bottom:8px}.gtip .r{margin-bottom:9px}
.gtip .h{color:#1eff00}
.gcard.open .gtip{display:block;margin:0 12px 12px;position:relative}
.gcard.open .gtip::before{content:"";position:absolute;top:-7px;right:14px;border:7px solid transparent;border-top:0;border-bottom-color:#8c8c8c}
@media(hover:hover) and (min-width:861px){
  .gcard:hover .gtip,.gcard:has(:focus-visible) .gtip,.gcard.open .gtip{display:block;position:absolute;z-index:20;top:-4px;left:calc(100% + 12px);width:320px;margin:0;pointer-events:none}
  .gcard.below:hover .gtip,.gcard.below:has(:focus-visible) .gtip,.gcard.below.open .gtip{top:calc(100% + 8px);left:auto;right:0}
  .gcard.open .gtip::before{display:none}
}
@media(max-width:600px){.gcard>label{grid-template-columns:40px 1fr;gap:14px;padding:14px 44px 14px 14px;min-height:0}.gico{width:40px;height:40px}.gico svg{width:24px;height:24px}
  .ginfo{top:10px;right:10px}.gline{font-size:.9rem}.govbox{padding:16px 14px 16px 16px}.gact select{min-width:0;max-width:none}}
/* Encart « Comment le chef change ici » (espace membre) : la règle d'abord, qui mène, puis une action par ligne. */
.govbox{margin-top:22px;border:1px solid var(--line-2);border-left:3px solid var(--gold);background:linear-gradient(#e2b24a0d,#0000);padding:18px 20px 20px}
.govbox .ghead{display:flex;gap:14px;align-items:center}
.govbox .ghead .gico{width:44px;height:44px;flex:none;border-color:var(--gold);background:radial-gradient(circle at 50% 35%,#7a5417,#1d1510 72%)}
.govbox .ghead .gico svg{stroke:var(--gold-hi)}
.govbox .over{margin:0;font-family:var(--f-caps);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.govbox h3{margin:2px 0 0;font-family:var(--f-display);font-weight:400;font-size:1.3rem;color:var(--gold-hi);letter-spacing:0;text-transform:none}
.govbox .how{margin:14px 0 0;font-size:1rem;line-height:1.6;max-width:62ch}
.govbox .rule{margin-top:8px}.govbox .rule summary{cursor:pointer;font-family:var(--f-ui);font-size:.86rem;color:var(--bone-dim)}.govbox .rule p{margin:6px 0 0;color:var(--bone-dim);font-size:.95rem;line-height:1.55}
.govbox .who{display:flex;flex-wrap:wrap;gap:6px 18px;margin:16px 0 0;padding:12px 0 0;border-top:1px solid var(--line);font-family:var(--f-ui);font-size:.92rem;color:var(--bone-dim)}
.govbox .who b{color:var(--ink);font-weight:500}
.govbox .note{margin:12px 0 0;padding:8px 12px;border-left:2px solid var(--ember);background:#c43f1c12;font-family:var(--f-ui);font-size:.9rem;line-height:1.45;color:var(--gold-hi)}
.govbox .acts{display:grid;gap:12px;margin:16px 0 0}
.gact{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);background:#0000002e}
.gact>span{font-family:var(--f-ui);font-size:.9rem;color:var(--bone-dim)}
.gact .ctl{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.gact select{width:auto;min-width:200px;flex:1 1 200px;max-width:320px}
.gact button{min-height:38px}
.gmotions{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gmotions li{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;font-family:var(--f-ui);font-size:.92rem}
.gmotions small{color:var(--bone-dim)}
.govbox details.more{margin-top:14px}.govbox details.more summary{cursor:pointer;font-family:var(--f-ui);font-size:.86rem;color:var(--bone-dim)}
.founders li small{margin-left:6px}
@media(max-width:860px){.bcard.big{grid-template-columns:96px 1fr}.bdwrap{grid-template-columns:1fr}.bdprev{max-width:180px}.bdpick{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:860px){
  header{padding:10px 16px;align-items:flex-start;flex-wrap:wrap}.division{margin-left:6px;padding-left:10px}.tools{gap:8px}
  main{padding:18px 14px 40px}.seasonbar{display:block}.seasoncontrol{margin-top:16px;grid-template-columns:minmax(0,1fr) auto}
  nav button{white-space:nowrap;padding:10px 12px}
  .twocol{grid-template-columns:1fr;gap:28px;padding:18px 16px}.split{grid-template-columns:1fr}.split aside{border-right:0;border-bottom:1px solid var(--line);padding:4px 0 10px}.split article{padding:14px 0 4px}
  .people{display:flex;flex-wrap:wrap;max-height:180px;overflow:auto}.people li{flex:1 1 140px}
  .formgrid{grid-template-columns:1fr}.welcome{margin:24px auto;padding:20px 12px}dialog{padding:20px 14px}.bcard{grid-template-columns:72px 1fr}.bcard img,.bcard .noemblem{width:72px;height:72px}.bcard .members{columns:1}
}

/* Raids (espace membre) : fiche par raid, effectifs par rôle, groupes, boutons de statut, actions du chef */
.rows.raids>li.muted{opacity:.6}
.raid-head{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.raid-head b{font-family:var(--f-display);font-size:1.12rem;color:var(--gold-hi)}
.raid-comp{display:grid;grid-template-columns:max-content 1fr;gap:3px 14px;margin:8px 0 4px;font-size:.92rem}
.raid-comp dt{color:var(--gold);font-weight:600;white-space:nowrap}
.raid-comp dd{margin:0;color:var(--ink)}
.raid-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:4px 0 8px}
.raid-groups .group{background:#0007;border:1px solid var(--line);padding:6px 8px;font-size:.85rem}
.raid-groups .group b{display:block;color:var(--gold);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}
.rows.raids h4{margin:8px 0 2px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.raid-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.raid-actions .hint{flex-basis:100%}
.raid-actions button{margin:0}
.raid-actions button[aria-pressed=true]{background:#e2b24a1f;color:var(--gold-hi);box-shadow:inset 0 0 0 1px var(--gold)}
.raid-actions textarea{flex:1 1 220px;min-height:34px;resize:vertical;font-size:.85rem}
.raid-lead{margin-top:8px;padding:6px 10px;background:#0006;border:1px solid var(--line)}
.raid-lead summary{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.warn{color:var(--ember-hi,#f0a070);font-weight:600}
button.danger{color:#f3d9c8;border-color:#7a2a18;background:url(/site/assets/grain.png?v=0101358cdf),linear-gradient(180deg,#4a140a,#2a0905);background-blend-mode:soft-light,normal}
.grid3{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}
label.check{display:flex;flex-direction:row;align-items:center;gap:8px}
label.check input{width:auto}
article form+h2,article ul+h2,article ol+h2,article p+h2{margin-top:30px}

.twocol::after,section>article:only-child::after{content:"";position:absolute;left:8px;bottom:8px;width:84px;height:84px;background:url(/site/assets/corner-bl.png?v=86ae21906d) left bottom/contain no-repeat;pointer-events:none;opacity:.9}
/* Roleplay : formulaires de nom par personnage */
.rpform{padding:12px 0 16px;border-top:1px solid var(--line)}
.rpform h3{margin:0 0 6px;font-family:var(--f-display);color:var(--gold-hi)}
/* Statut Oriflamme d'un personnage (24 oct.) : compte (mousse), à déclarer ou hors guilde (braise), avec boutons pour le déclarer. */
.elig{margin:0 0 10px;padding:6px 10px;border-left:3px solid var(--moss);background:#18200f;font-family:var(--f-ui);font-size:.9rem}
.elig[data-state="pending"],.elig[data-state="out"]{border-left-color:var(--ember);background:#2a120a;color:#ffd4b8}
.elig[data-state="unknown"]{border-left-color:var(--bone-dim)}
.elig .declare{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.elig button.retire,.retired .linkish{background:none;border:0;padding:0;margin-top:6px;font:inherit;font-size:.85rem;color:var(--bone-dim);text-decoration:underline;cursor:pointer}
.elig button.retire{display:block}
.elig button.retire:hover,.retired .linkish:hover{color:var(--gold-hi)}
#eligNotice{cursor:pointer}
.rpform label[hidden]{display:none}
.rp-preview{font-family:var(--f-display);color:var(--gold);margin:8px 0}

/* Roleplay : mon nom (26 oct., maquette validée) : un personnage à la fois, réglages en boutons, carte du rendu FR / EN */
.rpx{margin-top:22px}
.rpx-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-bottom:14px}
.rpx-head h2{margin:0}
.rpx-head p{margin:0;color:var(--bone-dim);font-size:.92rem;max-width:70ch}
.rpx-tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-bottom:18px}
.rpx-tab{flex:none;display:grid;gap:2px;text-align:left;padding:10px 16px;border:1px solid var(--line);background:#120d0a;color:var(--bone);cursor:pointer;min-width:190px;font:inherit}
.rpx-tab b{font-family:var(--f-display);font-weight:400;font-size:1.05rem;color:var(--bone)}
.rpx-tab small{color:var(--bone-dim);font-size:.8rem;display:flex;align-items:center;gap:6px}
.rpx-tab small i{width:7px;height:7px;border-radius:50%;background:var(--moss,#7fa64a);display:inline-block}
.rpx-tab small i[data-state="warn"]{background:var(--ember)}
.rpx-tab[aria-selected="true"]{border-color:var(--gold);background:#1d1510;box-shadow:inset 0 -2px 0 var(--gold)}
.rpx-tab[aria-selected="true"] b{color:var(--gold-hi)}
.rpx-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:start}
.rpx-set{display:grid;gap:16px;min-width:0}
.rpx-set .elig{margin:0}
.rpx-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:center}
.rpx-row[hidden]{display:none}
.rpx-row>span{color:var(--bone-dim);font-size:.9rem}
.rpx-row>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}
.seg{display:flex;flex-wrap:wrap;border:1px solid var(--line);width:max-content;max-width:100%}
.seg button{font:inherit;font-size:.9rem;padding:7px 12px;background:#120d0a;color:var(--bone-dim);border:0;border-right:1px solid var(--line);cursor:pointer}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--gold);color:#1a0f06;font-weight:700}
.seg button:disabled{opacity:.45;cursor:not-allowed}
.seg button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:-2px}
.rpx-lock{font-size:.8rem;color:var(--bone-dim);margin:0;width:100%}
.rpx-card{border:1px solid var(--gold-lo,#7a5417);background:linear-gradient(180deg,#1d1510,#140e0a);padding:18px 20px;display:grid;gap:14px;min-width:0}
.rpx-card h3{margin:0;font-family:var(--f-caps,Cinzel,serif);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.rpx-sug{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border-left:3px solid var(--gold);background:#120d0a;font-size:.9rem}
.rpx-sug button{margin-left:auto}
.rpx-lang{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:6px 14px;align-items:end;padding-top:12px;border-top:1px solid var(--line)}
.rpx-lang small{grid-column:1/-1;color:var(--bone-dim);font-size:.8rem;letter-spacing:.04em}
.rpx-lang strong{font-family:var(--f-display);font-weight:400;font-size:1.45rem;color:var(--gold-hi);line-height:1.2;overflow-wrap:anywhere}
.rpx-lang label{display:grid;gap:3px}
.rpx-lang label span{font-size:.75rem;color:var(--bone-dim)}
.rpx-lang input{padding:6px 8px;min-width:0}
.rpx-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.rpx-foot p{margin:0;font-size:.82rem;color:var(--bone-dim);flex:1 1 240px}
@media (max-width:820px){.rpx-body{grid-template-columns:minmax(0,1fr)}.rpx-card{order:-1}.rpx-row{grid-template-columns:minmax(0,1fr);gap:6px}.rpx-lang{grid-template-columns:minmax(0,1fr)}.rpx-tab{min-width:160px}
  .seg{width:100%;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.seg button{padding:8px 4px;font-size:.78rem}}