/* Cubeland, pages de contenu (Le serveur, Métiers, Rejoindre, Actus, Règles, Mentions légales). Complète site.css, mêmes jetons. */
[hidden]{display:none!important}
.bandeau--scene{background:linear-gradient(180deg,rgba(18,11,30,.84),rgba(18,11,30,.9) 55%,var(--nuit) 97%),var(--scene) 50% 55%/cover no-repeat var(--nuit)}
.bandeau--serveur{--scene:url(/assets/img/scenes/bandeau-serveur.webp)}
.bandeau--metiers{--scene:url(/assets/img/scenes/bandeau-metiers.webp)}
.bandeau--rejoindre{--scene:url(/assets/img/scenes/bandeau-rejoindre.webp)}
.bandeau--actus{--scene:url(/assets/img/scenes/bandeau-actus.webp)}
.bandeau--regles{--scene:url(/assets/img/scenes/bandeau-regles.webp)}
.page-metiers .section,.page-rejoindre .section,.page-regles .section{padding-block:clamp(32px,3.6vw,48px)}
.page-serveur .section{padding-block:20px}
.page-serveur .titre-section{font-size:clamp(1.3rem,1.15rem + .6vw,1.5rem)}
.page-serveur .bandeau{padding-block:clamp(24px,2.8vw,36px) 20px}
.page-serveur .section--suite{padding-top:0}
.page-serveur .titre-section,.page-serveur .titre-ligne{margin-bottom:12px}
.section--haut{padding-top:clamp(20px,2.4vw,28px)!important}
.lead--section{margin:-12px 0 20px}
.note--section{margin-top:16px}
.texte-section{color:var(--texte-doux);max-width:62ch}
.titre-ligne-note{color:var(--texte-doux)}
.pixel{image-rendering:pixelated;image-rendering:crisp-edges;flex:none}
.mods{margin-top:auto;padding-top:4px;font-size:.78125rem;line-height:1.4;color:var(--texte-faible)!important}
@media (max-width:599px){.mods{display:none}}
.cmds{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.cmds .cmd{font-size:.8125rem}

/* Sous-navigation collante (Le serveur) */
.sous-nav{position:sticky;top:var(--entete);z-index:30;background:rgba(18,11,30,.92);border-bottom:1px solid var(--bord-doux)}
@supports (backdrop-filter:blur(1px)){.sous-nav{background:rgba(18,11,30,.8);backdrop-filter:blur(10px)}}
.sous-nav ul{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-block:8px;scrollbar-width:none}
.sous-nav ul::-webkit-scrollbar{display:none}
.sous-nav a{--c:var(--coupe-s);position:relative;isolation:isolate;display:inline-flex;align-items:center;flex:none;min-height:40px;padding:0 14px;font-size:.875rem;font-weight:500;color:var(--texte-doux);text-decoration:none;white-space:nowrap;scroll-snap-align:start}
.sous-nav a::before,.sous-nav a::after{content:"";position:absolute;z-index:-1;clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
.sous-nav a::before{inset:0;background:var(--bord-doux)}
.sous-nav a::after{inset:1px;background:var(--nuit-2)}
.sous-nav a:hover{color:var(--texte)}
.sous-nav a[aria-current]{color:var(--texte-sur-ambre)}
.sous-nav a[aria-current]::before,.sous-nav a[aria-current]::after{background:var(--degrade-ambre)}
.section--ancre{scroll-margin-top:calc(var(--entete) + 64px)}

/* Cartes d'information */
.grille-cartes{align-items:stretch}
.carte-info{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto;align-content:start;gap:6px 12px;align-items:center;padding:16px 22px}
.carte-info>*{grid-column:1/-1}
.carte-info>.icone--carte,.carte-info>h3{grid-column:auto}
.grille-cartes .carte-info{grid-template-rows:auto auto 1fr}
.carte-info p{font-size:.9375rem;line-height:1.5}
.carte-info .mods{align-self:end}
@media (min-width:600px) and (max-width:899px){.grille-2.grille-cartes{grid-template-columns:repeat(2,1fr)}}
@media (max-width:599px){.carte-info{padding:14px 16px;gap:4px 12px}.carte-info p{font-size:.875rem;line-height:1.5}.tuile{padding-block:8px}.tuile span{display:none}.tuile .icone{grid-row:auto}}

/* Le serveur */
.deux-colonnes{display:grid;gap:24px}
@media (min-width:900px){.deux-colonnes{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:start}}
.tuiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
@media (min-width:600px){.tuiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tuile{--c:var(--coupe-s);position:relative;isolation:isolate;display:grid;grid-template-columns:24px minmax(0,1fr);gap:0 10px;align-items:center;padding:10px 12px}
.tuile::before,.tuile::after{content:"";position:absolute;z-index:-1;clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c))}
.tuile::before{inset:0;background:var(--bord-doux)}
.tuile::after{inset:1px;background:var(--nuit-2)}
.tuile .icone{width:22px;height:22px;color:var(--ambre)}
.tuile a{font-weight:600;color:var(--texte);text-decoration:none}
.tuile a::after{content:"";position:absolute;inset:0}
.tuile span{font-size:.75rem;line-height:1.35;color:var(--texte-faible)}
.tuile:hover::before,.tuile:focus-within::before{background:var(--bord-fort)}
.tuile:hover a{color:var(--ambre)}
.tuile:focus-within{outline:3px solid var(--ambre-clair);outline-offset:2px}.tuile a:focus-visible{outline:none}
.cuisine .actions{margin-top:6px;align-items:center}
.cuisine .actions .btn{width:auto}
.protege-tete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px}
.protege-lead{max-width:62ch;color:var(--texte)!important}
.protege{padding:24px clamp(20px,3vw,32px)}
.protege-liste{display:grid;gap:16px;margin-block:14px 4px}
@media (min-width:900px){.protege-liste{grid-template-columns:repeat(2,1fr);gap:20px 40px}}
@media (min-width:1100px){.protege-liste{grid-template-columns:repeat(4,1fr);gap:24px}}
.protege-liste li::before{content:"";display:block;width:26px;height:2px;margin-bottom:10px;background:var(--brique)}
.protege-liste h3{font-size:1rem;margin-bottom:4px}
.protege-liste p{font-size:.9375rem;line-height:1.55}
.modpack{display:grid;gap:20px;align-items:center}
@media (min-width:900px){.modpack{grid-template-columns:auto minmax(0,1fr);gap:40px}}
.modpack .chiffres{display:flex;gap:0}
.modpack .chiffre{position:relative;display:flex;flex-direction:column;min-width:120px;padding:4px 20px;text-align:center}
.modpack .chiffre+.chiffre{box-shadow:-1px 0 0 var(--bord-doux)}
.modpack .chiffre-nombre{display:block;font:400 var(--t-chiffre)/1 var(--police-pixel);color:var(--ambre-clair)}
.modpack .chiffre-libelle{display:block;margin-top:6px;font-size:.875rem;line-height:1.35;color:var(--texte-doux)}
.modpack-texte p+p{margin-top:6px}
.liste-mods{margin-top:0}
.liste-mods summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--ambre);cursor:pointer;list-style:none}
.liste-mods summary::-webkit-details-marker{display:none}
.liste-mods[open] .icone--chevron{transform:rotate(90deg)}
.liste-mods .mods-colonnes{margin-top:8px;color:var(--texte-doux)}
.mods-colonnes{columns:14rem;column-gap:24px;font-size:.875rem;line-height:1.7}
.mods-colonnes li{break-inside:avoid}

/* Métiers */
.note-bandeau{margin-top:4px}
.onglets{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;margin-bottom:16px}
.onglet{--c:var(--coupe-s);display:inline-flex;align-items:center;gap:10px;flex:none;min-height:52px;padding:0 16px 0 10px;font-weight:600;color:var(--texte-doux);text-decoration:none;scroll-snap-align:start}
.onglet::before{background:var(--bord-doux)}
.onglet::after{background:var(--nuit-2)}
.onglet:hover{color:var(--texte)}
.onglet[aria-selected="true"],.onglet[aria-current="page"]{color:var(--texte-sur-ambre)}
.onglet[aria-selected="true"]::before,.onglet[aria-selected="true"]::after,.onglet[aria-current="page"]::before,.onglet[aria-current="page"]::after{background:var(--degrade-ambre)}
.metier{--couleur:var(--ambre-chaud)}
.metier--mineur{--couleur:#E0A040}.metier--bucheron{--couleur:#5FA640}.metier--fermier{--couleur:#7CB342}.metier--chasseur{--couleur:#B0413E}.metier--pecheur{--couleur:#3FA7D6}.metier--cuisinier{--couleur:#F08A3C}
.metier-panneau{display:grid;gap:16px}
.metier-panneau::after{background:linear-gradient(90deg,var(--couleur) 0 2px,transparent 2px),linear-gradient(180deg,rgba(255,255,255,.06) 0 1px,transparent 1px),linear-gradient(180deg,var(--carte-haut),var(--carte) 65%)}
.metier-tete{display:flex;align-items:center;gap:16px}
.metier-tete h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}
.metier-embleme{width:64px;height:64px}
.metier-accroche{margin-top:2px;color:var(--ambre-clair)!important;font-weight:500}
.metier-desc{max-width:75ch}
.metier-sous{margin-top:8px;font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ambre)}
/* Piste des rangs : liste des rangs et épreuves sous 900 px, grille de 20 cases au-dessus */
.piste{display:grid;gap:4px}
.piste>li{position:relative;display:flex;align-items:center;gap:12px;min-height:40px;padding:4px 12px 4px 44px;background:var(--nuit-profonde) no-repeat 4px 50%/32px 32px;box-shadow:inset 0 0 0 1px var(--bord-doux);font-size:.9375rem;color:var(--texte);image-rendering:pixelated}
.piste>li:not(.rang):not(.ep){display:none}
.piste b{min-width:3.4em;font-size:.8125rem;font-weight:600;color:var(--ambre)}
.piste b::before{content:"Niv. "}
.piste .ep{color:var(--texte-doux);box-shadow:inset 2px 0 0 var(--brique),inset 0 0 0 1px var(--bord-doux)}
.piste .ep{background-image:url(/assets/img/metiers/epreuve.png)}
.piste .r1{background-image:url(/assets/img/metiers/titre-1.png)}.piste .r2{background-image:url(/assets/img/metiers/titre-2.png)}.piste .r3{background-image:url(/assets/img/metiers/titre-3.png)}.piste .r4{background-image:url(/assets/img/metiers/titre-4.png)}.piste .r5{background-image:url(/assets/img/metiers/titre-5.png)}
@media (min-width:900px){
  .piste-defile{overflow-x:auto;padding-bottom:4px}
  .piste{grid-template-columns:repeat(20,minmax(36px,1fr));min-width:800px;padding-bottom:62px}
  .piste>li,.piste>li:not(.rang):not(.ep){display:grid;place-items:center;height:36px;min-height:0;padding:0;font:600 .75rem/1 var(--police-texte);color:var(--texte-faible);background-image:none}
  .piste b{min-width:0;font-size:inherit;color:inherit}
  .piste b::before{content:none}
  .piste .rang{background:linear-gradient(180deg,#FFD79E 0 3px,var(--ambre) 3px,var(--ambre-chaud));color:var(--texte-sur-ambre);box-shadow:none}
  .piste .ep{background:var(--nuit-profonde) url(/assets/img/metiers/epreuve.png) no-repeat 50% 50%/32px 32px;box-shadow:inset 0 0 0 1px var(--brique)}
  .piste .ep b,.piste .ep span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .piste .rang span{position:absolute;top:42px;left:0;width:118px;font:500 .75rem/1.25 var(--police-texte);color:var(--ambre-clair)}
  .piste .rang.bas span{top:62px}
  .piste .rang.bas span::before{content:"";position:absolute;left:17px;bottom:calc(100% + 3px);width:1px;height:18px;background:var(--bord-fort)}
  .piste>li:last-child span{left:auto;right:0;text-align:right}
  .piste>li:last-child.bas span::before{left:auto;right:17px}
}
.piste-legende{margin-top:-6px}
.epreuves{display:grid;gap:12px}
@media (min-width:700px){.epreuves{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.epreuves{grid-template-columns:repeat(4,minmax(0,1fr))}}
.epreuve-carte{padding:16px;background:var(--nuit-2);box-shadow:inset 0 0 0 1px rgba(194,94,51,.55);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.epreuve-carte .surtitre{font-size:.6875rem}.epreuve-carte .surtitre::after{display:none}
.epreuve-carte h4{margin:4px 0 6px;font-size:1rem;font-weight:600;line-height:1.3;color:var(--texte)}
.epreuve-carte p{font-size:.875rem;line-height:1.5}
.epreuve-carte ul{display:grid;gap:4px;margin-top:10px;font-size:.8125rem;line-height:1.4;color:var(--texte)}
.epreuve-carte li{display:flex;gap:8px}
.epreuve-carte li::before{content:"";flex:none;width:6px;height:6px;margin-top:.45em;background:var(--brique)}
.metier-grille{display:grid;gap:8px;align-items:start;margin-top:4px}
@media (min-width:900px){.metier-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
.bonus-liste{display:grid;gap:6px;font-size:.9375rem;color:var(--texte-doux)}
.question--plie-metier::after{background:var(--nuit-2)}
.bonus-liste li{padding-left:14px;position:relative}
.bonus-liste li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;background:var(--couleur)}
.bonus-liste b{font-weight:600;color:var(--ambre)}
.bonus-liste small{font-size:inherit;color:var(--texte-faible)}
.tableau-xp,.tableau-familles{width:100%;border-collapse:collapse;font-size:.9375rem}
.tableau-xp th,.tableau-familles th{padding:6px 8px;text-align:left;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ambre)}
.tableau-xp td,.tableau-familles td{padding:6px 8px;border-top:1px solid var(--bord-doux);color:var(--texte)}
.tableau-xp td+td,.tableau-xp th+th{text-align:right;font-variant-numeric:tabular-nums}
.tableau-suite{color:var(--texte-faible)!important;font-size:.875rem}
.reperes{display:flex;flex-wrap:wrap;gap:6px;margin-top:-4px}
.reperes li{display:inline-flex;align-items:baseline;gap:6px;padding:5px 10px;font-size:.875rem;color:var(--texte);background:var(--nuit-2);box-shadow:inset 0 0 0 1px var(--bord-doux)}
.reperes b{font-size:.75rem;font-weight:600;color:var(--ambre)}
.a-la-cle{display:grid;gap:12px;margin-top:4px}
@media (min-width:900px){.a-la-cle{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
.a-la-cle-ligne{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;background:var(--nuit-profonde);box-shadow:inset 0 0 0 1px var(--bord-doux);font-size:.9375rem}
.a-la-cle-ligne .pixel{width:48px;height:48px}
.cuisine-grille{display:grid;gap:24px}
@media (min-width:900px){.cuisine-grille{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px}}
.paliers{display:grid;gap:6px;margin-block:10px;counter-reset:palier}
.paliers li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;color:var(--texte-doux);counter-increment:palier}
.paliers li::before{content:counter(palier);display:grid;place-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;color:var(--texte-sur-ambre);background:var(--ambre)}
.paliers strong{color:var(--texte)}
.cuisine-textes{display:grid;gap:8px;max-width:80ch}
.explications{counter-reset:none}
.explication{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:center;gap:10px 12px}
.explication p{grid-column:1/-1}
.explication .etape-num{width:36px;height:36px}
.explication h3{font-size:1.0625rem}
.explication p{font-size:.9375rem;line-height:1.55}

/* Rejoindre */
.etapes--panneaux{gap:12px}
.etapes--panneaux .etape{align-items:flex-start;gap:16px}
.etapes--panneaux .etape-titre{font-size:1.125rem}
.etapes--panneaux .btn--discord{margin-top:4px}
.telechargement{display:grid;gap:10px;margin-top:10px}
.telechargement-principal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
@media (max-width:599px){.telechargement-principal .btn{width:100%}}
.telechargement-mobile .valeur-copiable{margin-top:6px}.telechargement-mobile .valeur{white-space:normal;overflow-wrap:anywhere}
.autres-titre{margin-top:4px;font-size:.8125rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ambre)!important}
.autres-systemes{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:.9375rem}
.autres-systemes a{text-decoration:underline}
.notes-os{display:grid;gap:2px;font-size:.8125rem;line-height:1.5;color:var(--texte-faible)}
.info{display:flex;flex-direction:column;gap:6px}
.info .valeur-copiable{align-self:flex-start;margin-top:0}
@media (max-width:419px){.info .valeur-copiable{gap:4px 8px;padding-left:12px}.info .valeur{font-size:.95rem}}
.info-valeur{font-size:1.125rem;font-weight:600;color:var(--ambre-clair)!important}
.info p:last-child{font-size:.9375rem}
.rejoindre-fin{display:grid;gap:16px;align-content:start}
.a-savoir{display:grid;gap:10px}
.a-savoir h2{font-size:1.25rem}
.vote{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
@media (min-width:900px){.page-rejoindre .fin-grille{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px}.rejoindre-fin{margin-top:58px}}

/* Actus */
.actus{display:grid;gap:16px}
.actu{padding-left:clamp(24px,3vw,32px)}
.actu-titre{margin-top:10px;font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem)}
.actu-meta{margin-top:2px;font-size:.875rem;color:var(--texte-faible)!important}
.actu-corps{display:grid;gap:10px;margin-top:14px;color:var(--texte-doux);max-width:70ch}
.actu-corps p{line-height:1.6}
.actu-corps .actu-sous-titre{font-weight:600;color:var(--texte)!important}
.actu-corps blockquote{margin:0;padding:4px 0 4px 14px;box-shadow:inset 2px 0 0 var(--bord-fort);font-style:italic}
.actu-corps ul{display:grid;gap:4px;padding-left:18px;list-style:square}
.actu-corps hr{width:80px;height:1px;margin:4px 0;border:0;background:var(--bord-fort)}
.actu-corps code{padding:.05em .35em;background:var(--nuit-profonde);color:var(--ambre-clair);font-size:.9em}
.souligne{text-decoration:underline}
.spoiler{background:var(--texte-faible);color:transparent;cursor:pointer}
.spoiler:hover,.spoiler:focus{background:none;color:inherit}
.suite summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--ambre);cursor:pointer;list-style:none}
.suite summary::-webkit-details-marker{display:none}
.suite[open] summary{margin-bottom:6px}
.suite[open] .icone--chevron{transform:rotate(90deg)}
.suite>:not(summary)+:not(summary){margin-top:10px}
.pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px}
.lien-fleche--retour .icone{transform:scaleX(-1)}
.actus-pied{margin-top:24px;font-size:.9375rem;color:var(--texte-doux)}

/* Règles */
.resume{padding-block:clamp(20px,3vw,32px)}
.resume-phrase{margin-top:8px;font-size:clamp(1.2rem,1.05rem + .7vw,1.5rem);font-weight:600;line-height:1.4;color:var(--texte)!important;max-width:48ch}
.sommaire ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.sommaire a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;font-size:.875rem;font-weight:500;color:var(--texte-doux);text-decoration:none;background:var(--nuit-2);box-shadow:inset 0 0 0 1px var(--bord-doux)}
.sommaire a:hover{color:var(--ambre-clair);box-shadow:inset 0 0 0 1px var(--bord-fort)}
.regles-grille{display:grid;gap:28px}
@media (min-width:900px){.regles-grille{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 56px}}
.regle-bloc{scroll-margin-top:88px}
.regle-bloc h2{margin-bottom:10px;font-size:1.25rem}
.regle-bloc>p{color:var(--texte-doux);font-size:.9375rem;line-height:1.55}
.regle-bloc>p+p{margin-top:8px}
.liste-points,.liste-sanctions{display:grid;gap:6px;color:var(--texte-doux);font-size:.9375rem;line-height:1.55}
.liste-points li{position:relative;padding-left:16px}
.liste-points li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--ambre)}
.liste-sanctions{counter-reset:sanction;margin-bottom:10px}
.liste-sanctions li{display:flex;gap:10px;counter-increment:sanction}
.liste-sanctions li::before{content:counter(sanction);display:grid;place-items:center;flex:none;width:22px;height:22px;margin-top:1px;font-size:.75rem;font-weight:700;color:var(--texte-sur-ambre);background:var(--ambre)}
.regles-maj{margin-top:28px}

/* Mentions légales */
.prose h2{margin:28px 0 8px;font-size:1.25rem}
.prose h2:first-child{margin-top:0}
.prose p{color:var(--texte-doux);max-width:68ch}
.prose p+p{margin-top:8px}
.page-mentions-legales .bandeau{padding-bottom:8px}

@media (max-width:599px){.metier-tete{gap:12px}.metier-embleme{width:48px;height:48px}.epreuve-carte{padding:14px}.a-la-cle-ligne{font-size:.875rem}.etapes--panneaux .etape{gap:12px}.tableau-familles{font-size:.8125rem}.tableau-familles td,.tableau-familles th{padding:6px 4px}.actu{padding-left:20px}}
.carte-info .cmds{align-self:end}
@media (max-width:599px){.etapes--panneaux .etape{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px 12px}.etapes--panneaux .etape-corps{display:contents}.etapes--panneaux .etape-corps>:not(.etape-titre){grid-column:1/-1;margin-top:0}.etapes--panneaux .btn{padding-inline:14px;font-size:.875rem;letter-spacing:.04em}}