/* Surcouche du thème « wiki » (config/sites.php, clé surcouche) : les articles de Wikipédia en cartes, dans le style de Wikipédia (Vector).
   Elle se charge après classeur.css (clé surcouche_base) dont elle reprend l'ossature des intercalaires (onglets, feuilles, marché) et la rhabille :
   fond gris très clair et page blanche encadrée, texte noir doux, liens bleus, titres en empattement soulignés d'un filet, cartes en « infobox ».
   Les rangs 1 à 5 gardent le système de teintes commun (--r1 à --r5). Rien ne s'applique aux autres thèmes. */

/* ===== Palette de Wikipédia : bleu progressif #36c, liens #36c, rouge #d33, filets #a2a9b1, fond #f8f9fa ===== */
:root{
  --papier:#F8F9FA; --surface:#FFFFFF; --encre:#202122; --brume:#C8CCD1; --marque:#202122; --marine:#202122;
  --doux:#54595D;
  --orange:#3366CC; --orange-fort:#2A4B8D; --orange-texte:#3366CC; --violet:#6B4BA1;
  --titre:"Linux Libertine","Georgia","Times",serif; --texte:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Lato","Helvetica","Arial",sans-serif;
  --ombre-repos:0 1px 2px rgba(0,0,0,.08); --ombre-leve:0 4px 14px rgba(0,0,0,.16);
  --ligne:#EAECF0; --trait:#A2A9B1; --trait-doux:#C8CCD1; --infobox:#F8F9FA; --entete-tableau:#EAECF0; --rouge-wiki:#DD3333;
  --onglet-fond:#EAECF0; --onglet-texte:#202122; --onglet-actif:#FFFFFF;
  --wiki-bleu:#3366CC; --tampon:#3366CC; --nav-fond:#F8F9FA; --nav-texte:#202122;
  --manille:#EAECF0; --manille-fonce:#C8CCD1; --manille-bord:#A2A9B1;
  --barre-piste:#EAECF0; --barre-fond:linear-gradient(90deg,#2A4B8D,#3366CC); --barre-raies:rgba(255,255,255,.25);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --papier:#101418; --surface:#1B1F23; --encre:#EAECF0; --brume:#3A3F45; --marque:#EAECF0; --marine:#0A0D10;
    --doux:#A2A9B1;
    --orange:#6C9BF3; --orange-fort:#3366CC; --orange-texte:#88A3E8; --violet:#B39CE0;
    --ombre-repos:0 1px 2px rgba(0,0,0,.5); --ombre-leve:0 4px 14px rgba(0,0,0,.6);
    --ligne:#27292D; --trait:#72777D; --trait-doux:#3A3F45; --infobox:#1B1F23; --entete-tableau:#27292D; --rouge-wiki:#FF6B6B;
    --onglet-fond:#27292D; --onglet-texte:#EAECF0; --onglet-actif:#1B1F23;
    --wiki-bleu:#88A3E8; --tampon:#88A3E8; --nav-fond:#101418; --nav-texte:#EAECF0;
    --manille:#27292D; --manille-fonce:#3A3F45; --manille-bord:#72777D;
    --barre-piste:#27292D; --barre-fond:linear-gradient(90deg,#3366CC,#6C9BF3); --barre-raies:rgba(0,0,0,.2);
  }
}
:root[data-theme="dark"]{
  --papier:#101418; --surface:#1B1F23; --encre:#EAECF0; --brume:#3A3F45; --marque:#EAECF0; --marine:#0A0D10;
  --doux:#A2A9B1;
  --orange:#6C9BF3; --orange-fort:#3366CC; --orange-texte:#88A3E8; --violet:#B39CE0;
  --ombre-repos:0 1px 2px rgba(0,0,0,.5); --ombre-leve:0 4px 14px rgba(0,0,0,.6);
  --ligne:#27292D; --trait:#72777D; --trait-doux:#3A3F45; --infobox:#1B1F23; --entete-tableau:#27292D; --rouge-wiki:#FF6B6B;
  --onglet-fond:#27292D; --onglet-texte:#EAECF0; --onglet-actif:#1B1F23;
  --wiki-bleu:#88A3E8; --tampon:#88A3E8; --nav-fond:#101418; --nav-texte:#EAECF0;
  --manille:#27292D; --manille-fonce:#3A3F45; --manille-bord:#72777D;
  --barre-piste:#27292D; --barre-fond:linear-gradient(90deg,#3366CC,#6C9BF3); --barre-raies:rgba(0,0,0,.2);
}

/* Variables des feuilles de classeur.css : fond blanc, filet gris, pas de lignes de classeur */
body,:root:not([data-theme="light"]) body,:root[data-theme="dark"] body{--cl:var(--trait);--cl-papier:var(--surface);--cl-ligne:transparent}
body{background:var(--papier);font-family:var(--texte);color:var(--encre);background-image:none;line-height:1.55}
body::before{display:none}
:is(.entete,.bloc-page,.hero,.page__tete){--ruban:var(--wiki-bleu)}
.msg__carte::before,.hub__marque::after{background:var(--wiki-bleu)}

/* ===== Titres : empattement, un filet gris dessous (h1 et h2 de Wikipédia) ===== */
h1,h2,h3,h4{font-family:var(--titre);font-weight:400;letter-spacing:0;color:var(--encre)}
h1{font-size:clamp(28px,5vw,34px);line-height:1.25;border-bottom:1px solid var(--trait);padding-bottom:.15em}
h2{font-size:clamp(22px,4vw,26px);line-height:1.3;border-bottom:1px solid var(--trait);padding-bottom:.15em}
h3{font-size:19px;font-weight:700;font-family:var(--texte)}
.page__tete h1::after{display:none}
a{color:var(--wiki-bleu);text-decoration:none}
a:hover{text-decoration:underline}
::selection{background:#B3D4FF;color:#000}

/* ===== En-tête : barre blanche, filet gris, logo en empattement ===== */
.entete{background:var(--surface);border-bottom:1px solid var(--trait);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.entete::after{display:none}
.marque{--mt:26px;font-size:0;font-weight:400;display:inline-flex;align-items:baseline;white-space:nowrap}
.marque__theme,.marque::after{font:400 var(--mt)/1.2 var(--titre);color:var(--encre)}
.marque__theme{font-weight:700}
.marque__theme::after{content:""}
.marque::after{content:".wetheque"}
@supports (content:"a" / "b"){.marque::after{content:".wetheque" / "wetheque"}}
.msg__marque,.acces .marque{--mt:22px}
.pied__marque{--mt:24px}
.pied-site a.pied__marque{font-size:0;font-weight:400;display:inline-flex}
.entete__nav a{position:relative;border-radius:0;font-weight:400;font-family:var(--texte);font-size:14px;color:var(--wiki-bleu);background:transparent;box-shadow:none;padding:9px 12px}
.entete__nav a:hover,.entete__nav a:focus-visible{background:transparent;box-shadow:none;color:var(--wiki-bleu);text-decoration:underline}
.entete__nav a[aria-current]{background:transparent;box-shadow:inset 0 -3px 0 var(--wiki-bleu);color:var(--encre);font-weight:700}
.nav-bas{background:var(--surface);border-top:1px solid var(--trait)}
.nav-bas a{font-weight:400}
@media (max-width:779px){.marque{--mt:22px}}
@media (max-width:420px){.entete .marque{--mt:19px}}
@media (max-width:520px){body .entete__droite .btn{padding:7px 8px;font-size:12px;letter-spacing:0}}
.confirmation{background:#D5FDF4;border:1px solid #14866D;border-left:6px solid #14866D;color:#202122;font-family:var(--texte)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .confirmation{background:#0B2B25;color:#EAECF0}}
:root[data-theme="dark"] .confirmation{background:#0B2B25;color:#EAECF0}

/* ===== Boutons : ceux de MediaWiki (progressif bleu, neutre gris), coins à 2 px ===== */
.btn{border-radius:2px;font-weight:700;font-family:var(--texte);letter-spacing:0}
.btn.principal{background:#3366CC;border-color:#3366CC;color:#fff;box-shadow:none}
.btn.principal:hover{background:#447FF5;border-color:#447FF5;color:#fff;text-decoration:none}
.btn.secondaire{background:#F8F9FA;border-color:#A2A9B1;color:#202122}
.btn.secondaire:hover{background:#fff;border-color:#72777D;text-decoration:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn.secondaire{background:#27292D;color:#EAECF0;border-color:#72777D}:root:not([data-theme="light"]) .btn.principal{background:#6C9BF3;border-color:#6C9BF3;color:#101418}}
:root[data-theme="dark"] .btn.secondaire{background:#27292D;color:#EAECF0;border-color:#72777D}
:root[data-theme="dark"] .btn.principal{background:#6C9BF3;border-color:#6C9BF3;color:#101418}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #36C;outline-offset:2px}

/* ===== La page : une feuille blanche encadrée (le contenu d'un article) ; les blocs deviennent des sections d'article ===== */
.zone>.page{background:var(--surface);border:1px solid var(--trait);padding:22px 28px 30px;margin-top:18px;margin-bottom:24px}
.zone>.page::before{display:none}
.zone>.page>.outils{background:transparent}
@media (max-width:640px){.zone>.page{padding:16px 14px 24px;margin-top:0;border-left:0;border-right:0}}
.zone [data-onglet]{background:transparent;border:0;border-radius:0;box-shadow:none;margin-top:30px;padding:0 0 12px;position:relative}
.zone [data-onglet]:first-child{margin-top:8px}
/* Le nom du bloc devient un titre de section (h2 de Wikipédia), avec son filet */
.zone [data-onglet]::before{position:static;display:block;inset:auto;width:auto;max-width:none;margin:0 0 14px;padding:0 0 3px;transform:none;z-index:auto;overflow:visible;white-space:normal;
  background:transparent;border:0;border-bottom:1px solid var(--trait);border-radius:0;color:var(--encre);opacity:1;text-shadow:none;text-transform:none;letter-spacing:0;
  font:400 clamp(22px,4vw,26px)/1.3 var(--titre)}
:root:not([data-theme="light"]) .zone [data-onglet]::before,:root[data-theme="dark"] .zone [data-onglet]::before,:root[data-theme="light"] .zone [data-onglet]::before{color:var(--encre)}
.zone [data-onglet]::before{grid-column:1/-1}   /* dans un bloc en grille (action-une), le titre ne prend pas la première case */
.zone [data-onglet]::after{display:none}
.zone [data-onglet]{--tab:var(--surface)}
.zone .onglets{border-bottom:1px solid var(--trait);display:flex;flex-wrap:wrap;gap:0 2px;margin-top:6px}
.zone .onglet{background:var(--onglet-fond);color:var(--wiki-bleu);font-family:var(--texte);font-weight:400;font-size:14px;border:1px solid var(--trait);border-bottom:0;border-radius:2px 2px 0 0;padding:7px 14px}
.zone .onglet:hover{text-decoration:underline}
.zone .onglet[aria-selected="true"]{background:var(--surface);color:var(--encre);font-weight:700;border-top:2px solid var(--wiki-bleu);margin-bottom:-1px}
.zone .onglet[aria-selected="true"]::after{background:var(--surface)}
.zone [role="tabpanel"]{background:transparent;border:0;box-shadow:none;padding:18px 2px 8px}
.zone .alertes[data-onglet],.zone .classement[data-onglet]{background:transparent}
body[data-page="arrivage"] .zone .hero--jour[data-onglet]::before{text-align:left}
.boutique-section .page__tete--court{text-align:left}

/* ===== Les cartes : une infobox de Wikipédia (cadre gris, titre, image, tableau de faits) ===== */
.carte{border-radius:2px}
.zone .cartes-grille{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px 18px;padding:6px 0 12px}
body .vitrine__cartes{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px 14px}
/* Pages publiques : les cinq cartes d'un aperçu (accueil, page de catégorie) tiennent sur une seule ligne sur ordinateur */
@media (min-width:900px){body .vitrine__cartes.cartes-grille,body .vitrine__cartes--apercu.cartes-grille{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 14px}}
@media (max-width:520px){.zone .cartes-grille{gap:16px 10px;padding:4px 0 8px}}
.carte .face,.carte.r1 .face,.carte.r2 .face,.carte.r3 .face,.carte.r4 .face,.carte.r5 .face,.carte.coloree .face{border:1px solid var(--trait);border-radius:2px;box-shadow:var(--ombre-repos);background:var(--infobox)}
.carte:hover .face,.carte.actif .face{box-shadow:var(--ombre-leve)}
.carte .face::after{display:none}
.carte.non-possedee::after{border-radius:2px}
.carte .image,.carte.coloree .image{background:var(--entete-tableau);border:1px solid var(--trait-doux);border-radius:0;box-shadow:none}
.image__photo{filter:none;opacity:1}   /* la photo de Commons, telle quelle */
.image::after{box-shadow:none}
.image__gris{background:var(--entete-tableau)}
.nom{font-family:var(--titre);font-weight:700;text-transform:none;letter-spacing:0;color:var(--encre);text-align:center}
.phrase{font-family:var(--texte);font-style:normal;text-align:left;color:var(--encre);line-height:1.4}
.cat{font-family:var(--texte);font-weight:400;border-radius:0;letter-spacing:0;text-shadow:none;background:transparent;color:var(--wiki-bleu);border:0;padding:.5cqw 0;text-decoration:none}
.fait,.pied{font-family:var(--texte);font-weight:400}
.faits{border-top:1px solid var(--trait-doux)}
/* Le rang : une étiquette de Wikipédia (bleu pâle) ; les rangs 4 et 5 portent l'étoile des articles de qualité */
.badge,.carte.r4 .badge,.carte.r5 .badge{width:auto;aspect-ratio:auto;display:block;margin-left:auto;border-radius:2px;background:var(--entete-tableau);color:var(--encre);border:1px solid var(--trait);padding:.5cqw 2cqw .3cqw;
  font:400 0/1 var(--texte);white-space:nowrap;transform:none;box-shadow:none}
.badge::before{font:700 3.2cqw/1.25 var(--texte);letter-spacing:.03em}
.carte.r1 .badge::before{content:"Courante"}
.carte.r2 .badge{background:#EAF3FF;border-color:#6485D1;color:#2A4B8D}
.carte.r2 .badge::before{content:"Recherchée"}
.carte.r3 .badge{background:#D5FDF4;border-color:#14866D;color:#0B5D4B}
.carte.r3 .badge::before{content:"Précieuse"}
.carte.r4 .badge{background:#FEF6E7;border-color:#AC6600;color:#7B4A00}
.carte.r4 .badge::before{content:"★ Rarissime"}
.carte.r5 .badge{background:#FFD9A8;border-color:#AC6600;color:#4D2E00}
.carte.r5 .badge::before{content:"★ Inestimable"}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .carte.r2 .badge{background:#12233F;color:#A9C3F5}
  :root:not([data-theme="light"]) .carte.r3 .badge{background:#0B2B25;color:#7FD6BF}
  :root:not([data-theme="light"]) .carte.r4 .badge{background:#2F2408;color:#E8B866}
  :root:not([data-theme="light"]) .carte.r5 .badge{background:#4D3410;color:#FFD9A8}
}
:root[data-theme="dark"] .carte.r2 .badge{background:#12233F;color:#A9C3F5}
:root[data-theme="dark"] .carte.r3 .badge{background:#0B2B25;color:#7FD6BF}
:root[data-theme="dark"] .carte.r4 .badge{background:#2F2408;color:#E8B866}
:root[data-theme="dark"] .carte.r5 .badge{background:#4D3410;color:#FFD9A8}

/* Verso : un article en miniature (titre à filet, résumé, infobox des chiffres, lien bleu) */
.verso h3{font-family:var(--titre);font-weight:400;text-transform:none;font-size:7.6cqw;letter-spacing:0;border-bottom:1px solid var(--trait);padding-bottom:1cqw;min-height:0}
.verso .texte-verso{font-family:var(--texte);font-size:4.1cqw;line-height:1.45;-webkit-line-clamp:unset;line-clamp:unset;display:block;overflow:visible;margin:1.4cqw 0}
.verso .source{border-top:1px solid var(--trait-doux);font-family:var(--texte)}
.infos{gap:0;background:var(--surface);border:1px solid var(--trait);padding:0}
.infos div{font:400 3.8cqw/1.5 var(--texte);border-bottom:1px solid var(--trait-doux);padding:.8cqw 2cqw}
.infos div:last-child{border-bottom:0}
.infos dt{color:var(--encre);font-weight:700;background:var(--entete-tableau)}
.infos dd{font-family:var(--texte);font-weight:400;color:var(--encre)}
.lien-verso{color:var(--wiki-bleu);font-family:var(--texte);font-weight:400;text-decoration:none}
.verso h3{order:1}
.verso .texte-verso{order:2}
.verso .lien-verso{order:3;align-self:flex-start;font-size:4.2cqw}
.verso .lien-verso:hover{text-decoration:underline}
.verso .verso__centre{order:4}
.verso .source{order:5}

/* Recto grand format : titre centré, photo, puis le tableau de faits */
@container (min-width:241px){
  .carte .face.recto{padding:12cqw 6cqw 5cqw;gap:2.6cqw}
  .recto .entete-carte{top:4cqw;left:6cqw;right:5.5cqw;align-items:center}
  .recto .nom{order:1;font-size:8.4cqw;line-height:1.15;margin:0;-webkit-line-clamp:2;line-clamp:2}
  .recto .image{order:2;flex:1 1 0;height:auto;min-height:26cqw}
  .recto .phrase{order:3;font-size:4.5cqw;line-height:1.38;-webkit-line-clamp:3;line-clamp:3}
  .recto .faits{order:4;display:block;border-top:1px solid var(--trait-doux);padding:1.4cqw 12cqw 0 0;color:var(--doux)}
  .recto .fait{display:block;font-size:3.8cqw;line-height:1.4;text-align:left;color:var(--doux)}
  .recto .fait svg{display:none}
  .recto .pied{right:5cqw;bottom:3cqw}
}
/* Petit format (album, marché) : le nom sous l'image, centré, sous un filet */
@container (max-width:240px){
  .face.recto{padding-top:14cqw}
  .recto .entete-carte{top:4cqw;left:5cqw;right:5cqw;align-items:center}
  .nom{flex:1;display:grid;align-content:center;justify-items:center;text-align:center;font-size:8.4cqw;padding-bottom:0;margin-top:0;-webkit-line-clamp:unset}
  .badge::before{font-size:3cqw}
  .badge,.carte.r4 .badge,.carte.r5 .badge{padding:.3cqw 1.4cqw}
  .cat{font-size:3.4cqw}
}
.pastille.x2{background:var(--wiki-bleu);color:#fff;border-radius:2px}
.pastille:not(.x2){background:var(--rouge-wiki);color:#fff;border-radius:2px}
.pastille--point{border-radius:50%;border-color:#fff}

/* Dos de la carte : le globe-puzzle est remplacé par un cadre bleu à la Wikipédia, marqué W */
.carte .face.dosface{--cadre:var(--wiki-bleu);border-radius:2px;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.14) 0 22%,transparent 22.5%) padding-box,repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 6px,transparent 6px 12px) padding-box,linear-gradient(#2A4B8D,#3366CC) padding-box,var(--cadre) border-box}
.carte .face.dosface::before{content:"W";width:auto;aspect-ratio:auto;padding:0 4cqw;border-radius:50%;border:.9cqw solid #fff;box-shadow:none;
  font:700 34cqw/1.1 var(--titre);color:#fff;background:transparent}

/* ===== Pochettes : enveloppes grises, étiquette blanche ===== */
.pochette{filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}
.pochette:focus-visible{border-radius:2px}
.po-haut,.po-bas,
.pochette.generale .po-bas,.pochette.categorie .po-bas,.pochette.argentee .po-bas,.pochette.doree .po-bas{
  background-image:linear-gradient(var(--manille),var(--manille));background-size:auto;background-position:0 0;background-repeat:no-repeat;color:var(--encre)}
.po-bas{box-shadow:inset 0 0 0 .8cqw var(--manille-bord)}
.po-haut{background-image:linear-gradient(var(--wiki-bleu),var(--wiki-bleu));color:#fff}
.po-contenu,.pochette.generale .po-contenu,.pochette.categorie .po-contenu,.pochette.argentee .po-contenu,.pochette.doree .po-contenu{
  inset:30% 9% 14%;align-content:center;gap:2cqw;background:#fff;color:#202122;border:1px solid #A2A9B1;box-shadow:none;
  font:700 8cqw/1.15 var(--titre);text-transform:none;letter-spacing:0;text-shadow:none;padding:2cqw 1cqw}
.po-contenu small{font:400 6.2cqw var(--texte);opacity:1}
.pochette.argentee .po-contenu span,.pochette.doree .po-contenu span{color:#202122}
.po-ligne,.pochette.doree .po-ligne,.pochette.argentee .po-ligne{border-top:2px dashed #fff;top:15%;filter:drop-shadow(0 0 1px rgba(0,0,0,.6))}
.po-doigt{background:rgba(255,255,255,.7)}
.pochette.generale{--manille:#EAECF0;--manille-bord:#A2A9B1;--teinte:var(--r3)}
.pochette.categorie{--manille:#DCE6F9;--manille-bord:#6485D1;--teinte:var(--r2)}
.pochette.argentee{--manille:#DDE0E5;--manille-bord:#72777D;--teinte:var(--r1)}
.pochette.doree{--manille:#F6E3A8;--manille-bord:#AC6600;--teinte:var(--r5);filter:drop-shadow(0 6px 8px rgba(120,80,0,.25)) drop-shadow(0 0 12px rgba(240,200,80,.4))}

/* ===== Pied de page : le pied de Wikipédia (gris clair, liens bleus) ===== */
.pied-site{background:var(--nav-fond);color:var(--nav-texte);border-top:1px solid var(--trait)}
.pied-site::before{background:var(--wiki-bleu)}
.pied-site .marque,.pied-site .pied__marque,.pied-site .marque__theme,.pied-site .marque::after{color:var(--nav-texte)}
.pied__theme .marque__theme{color:var(--wiki-bleu)}
.pied__bloc--marque p,.pied__bas p{color:var(--doux)}
.pied__titre,.pied__bloc:nth-of-type(2) .pied__titre,.pied__bloc:nth-of-type(3) .pied__titre{background:transparent;color:var(--encre);font-family:var(--titre);font-weight:400;border-radius:0;padding:0 0 4px;border-bottom:1px solid var(--trait);letter-spacing:0;text-transform:none;font-size:18px}
.pied-site a{color:var(--wiki-bleu)}
.pied-site a[aria-current]{color:var(--encre)}
.pied__bas{border-top-color:var(--trait-doux)}
.pied-site a:focus-visible{outline-color:#36C;border-radius:0}
.pied-site__coeur{fill:var(--wiki-bleu);stroke:var(--wiki-bleu)}

/* Pages publiques */
body .vitrine h1{font-weight:400}
body .vitrine h2,body .vitrine h3,body .vitrine__categories strong,body .vitrine__faq summary,body .vitrine__num{font-weight:700;font-family:var(--texte)}
body .vitrine h2{font-family:var(--titre);font-weight:400}
body .vitrine__etapes li,body .vitrine__atouts li,body .vitrine__faq details,body .vitrine__final,body .vitrine__jouer,body .vitrine__categories a{border-color:var(--trait);box-shadow:none;background:var(--surface)}
body .vitrine__num{border-radius:2px;background:var(--wiki-bleu);color:#fff}
.vitrine__hero::before{content:"L’encyclopédie libre";display:inline-block;margin-bottom:12px;padding:2px 10px;border:1px solid var(--trait);background:var(--entete-tableau);color:var(--doux);font:400 13px/1.5 var(--texte)}
body .vitrine__faq summary:focus-visible{outline-color:#36C}
body .vitrine__infos div{border-bottom:1px solid var(--trait-doux)}
body .vitrine__infos dt{font-weight:700}

/* Connexion, inscription, mot de passe : un formulaire de connexion de MediaWiki */
.acces{margin:32px auto 40px;max-width:420px;padding:26px 26px 28px;background:var(--surface);border:1px solid var(--trait);border-radius:2px;box-shadow:none}
.acces h1{font-size:26px}
@media (max-width:480px){.acces{margin:16px 12px 28px;padding:22px 16px 24px}}
.boutique__article--categorie .boutique__titre{color:var(--encre);display:inline-block;border-bottom:3px solid var(--cat);padding-bottom:1px}

/* Barres de progression : la barre bleue de Wikipédia */
body .progres__piste{background:var(--barre-piste);border:1px solid var(--trait);box-shadow:none}
body .progres__piste>i{background:var(--barre-fond);box-shadow:none}
body .decompte time{background:var(--wiki-bleu);color:#fff}

/* Coins : 2 px comme MediaWiki, sauf les objets ronds par nature */
.bloc-page,.encadre,.confirmation,.popin__feuille,.hero,.tuile,.bouton-filtres,.filtres-panneau,.champ-recherche input,.champ input,.champ select,.champ--ligne select,
.carte-vide,.souhaiter,.souhaiter--large,.classement li,.souhait,.alerte__lien,.courbe-verrou,.portefeuille__valeur,.portefeuille__mouvements,.enchere-ligne__lien,
.choix-carte,.invitation,.a-ouvrir,.a-ouvrir__pochette,.action-une,.stat-enchere,.msg__carte,.coffre,.tuile-stat,.depenser__lien,.pochette-achat,.bascule,.evitement,
.decompte time,.hero__badge,.bouton-filtres__nombre,.puce,.progres__recompense,.palier,.onglet__nb,.badge-marche,.a-ouvrir__action,.jetons,.jetons__delta,.boutique .prix .jetons,
.action-une__nombre,.pastille-info,.pastille-nav,.pile-ouvrir__nombre,.barre-progres,.barre-progres i,.progres__piste,.progres__piste>i,.completion__piste,.completion__piste i{border-radius:2px}
body input,body select,body textarea{border-radius:2px;font-family:var(--texte)}
body .vitrine__cartes--apercu li{flex:0 0 190px;width:190px;max-width:100%}
@media (min-width:900px){body .vitrine__cartes--apercu li{flex:none;width:auto;min-width:0}}
body .vitrine__plus{margin-top:38px;padding:24px;text-align:center;background:var(--entete-tableau);border:1px solid var(--trait)}
body .vitrine__plus h3{font-family:var(--titre);font-weight:400;font-size:clamp(22px,3vw,28px);margin:0 0 8px}
body .vitrine__plus p{margin:0 auto 14px;max-width:56ch}
body .vitrine__plus .vitrine__actions{justify-content:center}

/* Album : cinq cartes par ligne sur ordinateur, deux sur téléphone */
@media (min-width:1000px){[data-page="album"] .zone .cartes-grille,[data-page="portefeuille"] .zone .cartes-grille{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 14px}}
@media (min-width:781px) and (max-width:999px){[data-page="album"] .zone .cartes-grille,[data-page="portefeuille"] .zone .cartes-grille{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:780px){[data-page="album"] .zone .cartes-grille,[data-page="portefeuille"] .zone .cartes-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px;padding:6px 0 8px}}
.boutique--categories{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px 16px}

/* Menu de l'en-tête centré sur ordinateur */
@media (min-width:781px){
  .entete{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .entete__nav{justify-self:center;margin-left:0;gap:6px}
  .entete__droite{justify-self:end}
  .entete:not(:has(.entete__droite .btn)){grid-template-columns:auto 1fr auto}
}
@media (min-width:780px){
  .entete:has(.entete__droite .btn){padding-left:max(24px,calc((100% - 1080px)/2 + 18px));padding-right:max(24px,calc((100% - 1080px)/2 + 18px))}
}
@media (min-width:780px) and (max-width:1180px){
  .entete:has(.entete__droite .btn){grid-template-columns:1fr auto}
  .entete:has(.entete__droite .btn) .entete__nav{display:none}
}
@media (max-width:480px){
  .entete:has(.entete__droite .btn){position:static;flex-wrap:wrap;row-gap:8px;justify-content:center}
  .entete:has(.entete__droite .btn) .entete__droite{margin-left:0;width:100%}
  .entete:has(.entete__droite .btn) .entete__droite .btn{flex:1;text-align:center;font-size:13px}
}
/* Plus de grand titre de page : il reste lu par les lecteurs d'écran (les blocs ont leur titre de section) */
.zone .page>.page__tete h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.zone .page>.page__tete:has(>h1:only-child){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;margin:0}

/* Crédit de la photo (auteur, licence) : une ligne en bas de l'image, à 50 % d'opacité */
.credit-image{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:.6cqw 2cqw;background:#000;color:#fff;opacity:.5;font:400 max(7px,2.7cqw)/1.3 var(--texte);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}

/* Bandeau sous le menu pour un visiteur : le jeu n’a aucun lien avec Wikipédia ni Wikimedia */
.avertissement{margin:0;padding:8px 18px;background:var(--entete-tableau);border-bottom:1px solid var(--trait);color:var(--doux);font:400 13px/1.5 var(--texte);text-align:center}
.avertissement strong{color:var(--encre)}