/* Page Jeux de rôle : les tables des prochaines soirées, lues dans le Google Sheet */
.barre nav a[aria-current]{color:var(--orange-2)}
.tete{position:relative;overflow:hidden;padding:clamp(7rem,16vh,10rem) clamp(1rem,4vw,3.6rem) clamp(4.5rem,9vw,7rem)}
.tete>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.3) saturate(.6)}
.tete::after{content:"";position:absolute;inset:0;background:linear-gradient(#150a0500 30%,#150a05 100%)}
.tete>div{position:relative;z-index:2;max-width:1320px;margin-inline:auto}
.tete .autocollant{position:absolute;right:0;top:-1rem;width:clamp(6rem,13vw,10.5rem);height:auto;rotate:8deg;filter:drop-shadow(0 .8rem 1rem #0008)}
.tete h1{font:900 clamp(4rem,12vw,11rem)/.84 var(--gothique);color:var(--orange-2);max-width:9em;padding-bottom:.16em}
.tete>div>p{max-width:54ch;margin-top:1rem;font-size:1.08em}
.reperes{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.reperes li{padding:.5rem .9rem;border:2px solid #f5e3bd40;border-radius:6px;font-size:.95em}
.reperes strong{display:block;font:900 1.7rem/1 var(--titre);text-transform:uppercase;color:var(--orange-2)}

.soirees{background:var(--orange);color:var(--nuit);padding:clamp(3rem,6vw,5rem) clamp(1rem,4vw,3.6rem) clamp(3.4rem,7vw,6rem)}
.soiree,.soirees .vide,.question{max-width:1320px;margin-inline:auto}
.soiree+.soiree{margin-top:clamp(3rem,6vw,4.6rem)}
.soiree header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.3rem 1.4rem;border-bottom:3px solid var(--nuit);padding-bottom:.4rem;margin-bottom:clamp(1.2rem,2.4vw,1.8rem)}
.soiree h2{font:900 clamp(2.8rem,7vw,6rem)/.9 var(--titre);text-transform:uppercase}
.soiree header p{font:800 clamp(1.3rem,2.2vw,1.8rem)/1 var(--gothique)}
.tables{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,27rem),1fr));gap:clamp(1rem,2vw,1.6rem);align-items:start}

/* La couverture du jeu à gauche, comme un livre posé sur la fiche */
.table.avec-image{grid-template-columns:clamp(6.5rem,11vw,8.5rem) minmax(0,1fr)}
.couverture{width:100%;height:auto;border-radius:3px;box-shadow:0 .7rem 1.2rem -.5rem #150a05b3;rotate:-2deg;transition:rotate .3s cubic-bezier(.2,1.25,.4,1)}@media (hover:hover) and (pointer:fine){.table:hover .couverture{rotate:0deg}}
.corps{display:flex;flex-direction:column;gap:.9rem;min-width:0;height:100%}
/* Une table : une fiche de parchemin, légèrement de travers */
.table{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(.9rem,2vw,1.3rem);align-items:start;padding:clamp(1.1rem,2vw,1.5rem);background:var(--os);border-radius:5px;box-shadow:0 1rem 1.8rem -1rem #150a05b3;rotate:-.5deg;transition:rotate .3s cubic-bezier(.2,1.25,.4,1)}
.table:nth-child(even){rotate:.6deg}@media (hover:hover) and (pointer:fine){.table:hover{rotate:0deg}}
.table summary{list-style:none;cursor:pointer}
.table summary::-webkit-details-marker{display:none}
.genre{display:block;font:800 1.15rem/1.1 var(--gothique);color:var(--sang)}
.table h3{font:900 clamp(1.9rem,3vw,2.5rem)/.92 var(--titre);text-transform:uppercase;margin:.15rem 0 .35rem}
.mj{display:inline-block;padding:.12em .55em;border-radius:3px;background:var(--nuit);color:var(--os);font-weight:700;font-size:.9em}
.plus{display:inline-flex;align-items:center;gap:.35em;margin-left:.6rem;font-weight:700;font-size:.9em;text-decoration:underline;text-underline-offset:.2em}
.plus::after{content:"+";display:inline-grid;place-items:center;width:1.3em;height:1.3em;border-radius:50%;background:var(--sang);color:var(--os);text-decoration:none;transition:rotate .25s}
details[open] .plus::after{rotate:45deg}
.desc{margin-top:.8rem;padding:.8rem 0 0;border-top:2px dashed #150a0533;font-size:.95em}
.desc p+p{margin-top:.6rem}
.places{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.places li{padding:.28em .7em;border-radius:999px;background:#150a0514;font-weight:500}
.pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-top:auto;padding-top:.2rem}
.reste{font:900 1.5rem/1 var(--titre);text-transform:uppercase;color:var(--sang)}
.table .btn{background:#25d366;color:#0b2e17}@media (hover:hover) and (pointer:fine){.table .btn:hover{background:#4be082}}
.pastille{display:inline-block;padding:.16em .6em .2em;border-radius:3px;background:var(--nuit);color:var(--orange-2);font:900 1.5rem/1 var(--titre);text-transform:uppercase;letter-spacing:.04em}
.table.complete .places li{opacity:.75}
.soirees .vide{padding:clamp(1.4rem,3vw,2.4rem);background:var(--os);border-radius:6px}
.soirees .vide h2{font:900 clamp(2.2rem,4vw,3.2rem)/1 var(--titre);text-transform:uppercase;color:var(--sang);margin-bottom:.5rem}
.soirees .vide a,.question a{font-weight:700}
.question{margin-top:clamp(2.4rem,5vw,3.6rem);font:800 clamp(1.3rem,2.2vw,1.8rem)/1.2 var(--gothique)}
@media (max-width:640px){.tete .autocollant{position:static;display:block;margin-bottom:.6rem;width:5.5rem}}