:root{color-scheme:dark;--fond:#282c34;--encre:#abb2bf;--feutre:#98c379;--feutre-fonce:#21252b;--meeple:#e5c07b;--carte:#21252b;--trait:#3e4451;--erreur:#e06c75}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--encre);font:17px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.1rem;background:var(--feutre-fonce);color:#fff;border-bottom:4px solid var(--meeple)}
.top a{color:#fff;text-decoration:none}.logo{font-weight:700;font-size:1.15rem}
nav{display:flex;gap:1rem;font-size:.92rem}nav a:hover{text-decoration:underline}
main{max-width:34rem;margin:0 auto;padding:1.4rem 1.1rem 3rem}
h1{font-size:1.6rem;line-height:1.2;margin:.2rem 0 1rem}h2{font-size:1.15rem;margin:1.8rem 0 .5rem}
.carte{background:var(--carte);border:1px solid var(--trait);border-radius:10px;padding:1rem 1.1rem;margin:.8rem 0}
label{display:block;font-weight:600;margin:1rem 0 .3rem}
input[type=text],input[type=password]{width:100%;padding:.75rem .8rem;font:inherit;color:inherit;background:var(--carte);border:1.5px solid var(--trait);border-radius:8px}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--meeple);outline-offset:2px}
.case{display:flex;gap:.6rem;align-items:center;font-weight:400;margin:1rem 0}
button,.bouton{display:inline-block;margin-top:1.1rem;padding:.8rem 1.3rem;font:inherit;font-weight:700;color:#282c34;background:var(--feutre);border:0;border-radius:8px;cursor:pointer;text-decoration:none}
button:hover{filter:brightness(1.12)}button.sec:hover{background:var(--trait)}button.sec{background:transparent;color:var(--encre);border:1.5px solid var(--trait)}
.msg{padding:.7rem .9rem;border-radius:8px;margin:1rem 0;border:1px solid var(--trait);background:var(--carte)}
.msg.err{border-color:var(--erreur);color:var(--erreur)}
.mdp{font:600 1.3rem ui-monospace,monospace;background:var(--meeple);color:#1b2421;padding:.5rem .8rem;border-radius:8px;display:inline-block;margin:.4rem 0}
table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.55rem .3rem;border-bottom:1px solid var(--trait);vertical-align:middle}
td form{display:inline}td button{margin:0;padding:.4rem .7rem;font-size:.9rem}
.aide{font-size:.9rem;opacity:.8}footer{text-align:center;padding:1.5rem;font-size:.85rem}footer a{color:inherit}
input[type=email],input[type=number],input[type=datetime-local],select,textarea{width:100%;padding:.75rem .8rem;font:inherit;color:inherit;background:var(--carte);border:1.5px solid var(--trait);border-radius:8px}
textarea{min-height:5rem}select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--meeple);outline-offset:2px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.puces{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.puces button{margin:0;padding:.45rem .8rem;font-size:.9rem}
.badge{display:inline-block;padding:.1rem .55rem;border-radius:99px;font-size:.82rem;font-weight:600;background:var(--meeple);color:#1b2421}
.session{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;padding:.7rem 0;border-bottom:1px solid var(--trait)}.session:last-child{border:0}
.session form{margin:0}.session button{margin:0;padding:.4rem .7rem;font-size:.9rem}
.danger{background:transparent;color:var(--erreur);border:1.5px solid var(--erreur)}.danger:hover{background:var(--erreur);color:#282c34}
.lien{display:flex;gap:.5rem}.lien input{flex:1}.lien button{margin:0}
details summary{cursor:pointer;font-weight:600}a.carte{display:block;color:inherit;text-decoration:none}

a{color:#61afef}
.badge.ok{background:var(--feutre)}
.ligne-date{display:grid;grid-template-columns:1fr 6.5rem auto;gap:.5rem;margin:.4rem 0}.ligne-date button{margin:0;padding:.5rem .85rem}
.jeu-ligne{border-bottom:1px solid var(--trait);padding:.15rem 0}.jeu-ligne .case{margin:.4rem 0}.jeu-ligne .sous{margin-left:1.7rem;font-size:.9rem;opacity:.85}
.actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
main{max-width:46rem}
.boite{background:var(--carte);border:1px solid var(--trait);border-radius:10px;margin:.8rem 0}
.boite>summary{list-style:none;display:flex;gap:1rem;align-items:center;padding:1rem 1.1rem;cursor:pointer;font-weight:700}
.boite>summary::-webkit-details-marker{display:none}
.boite>summary::after{content:'+';color:var(--meeple);font-size:1.4rem;line-height:1}
.boite[open]>summary::after{content:'–'}
.boite .resume{margin-left:auto;font-weight:400;opacity:.75;font-size:.9rem;text-align:right}
.boite>.contenu{padding:0 1.1rem 1.1rem;border-top:1px solid var(--trait)}
.boite .carte{background:var(--fond)}
.grille-jeux{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.7rem;margin:1rem 0}
.tuile{position:relative;border:2px solid var(--trait);border-radius:10px;overflow:hidden;background:var(--fond)}
.tuile .choix{display:block;margin:0;font-weight:400;cursor:pointer}
.tuile .choix input{position:absolute;opacity:0;pointer-events:none}
.tuile .visuel{display:flex;align-items:center;justify-content:center;height:4.8rem;font-size:2rem;font-weight:700;color:#282c34}
.tuile .corps{display:block;padding:.5rem .6rem;line-height:1.3}
.tuile .multi{display:flex;gap:.4rem;align-items:center;font-size:.8rem;font-weight:400;padding:.35rem .6rem;border-top:1px solid var(--trait);margin:0}
.tuile .multi input[type=number]{padding:.3rem;width:50%}
.tuile:has(.choix input:checked){border-color:var(--feutre);box-shadow:0 0 0 2px var(--feutre)}
.tuile:has(.choix input:focus-visible){outline:3px solid var(--meeple)}
.tuile form{padding:0 .6rem .6rem}.tuile form button{margin:0;width:100%;padding:.4rem}
.cal-nav{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 .5rem;text-transform:capitalize}.cal-nav button{margin:0;padding:.3rem .9rem}
.grille-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem}.grille-cal.sem{text-align:center;font-size:.8rem;opacity:.7}
.jour{margin:0;padding:.65rem 0;background:transparent;color:var(--encre);border:1.5px solid var(--trait);border-radius:8px;font-weight:600}
.jour.sans{background:#61afef;color:#282c34;border-color:#61afef}
.jour.reponse{background:#e5c07b;color:#282c34;border-color:#e5c07b}
.jour.validee{background:#98c379;color:#282c34;border-color:#98c379}
.jour.sel{outline:3px solid var(--encre);outline-offset:1px}
.legende{font-size:.85rem;display:flex;gap:.9rem;align-items:center;flex-wrap:wrap}
.pt{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;margin-right:.3rem}.pt.sans{background:#61afef}.pt.reponse{background:#e5c07b}.pt.validee{background:#98c379}
.ligne-date{grid-template-columns:1fr 6.5rem auto}
.sr{position:absolute;left:-9999px}
.progres{height:6px;background:var(--trait);border-radius:3px;margin:.2rem 0 .5rem}.progres i{display:block;height:100%;width:0;background:var(--feutre);border-radius:3px;transition:width .2s}
.etape{display:none}.etape.actif{display:block}.nav{display:flex;justify-content:space-between;gap:1rem;margin-top:1.4rem}.nav button{margin:0;flex:1}
.datecard{border:1px solid var(--trait);border-radius:10px;padding:.8rem;margin:.6rem 0;background:var(--carte)}.datecard[hidden]{display:none}
.choix3{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.6rem}.choix3.deux{grid-template-columns:repeat(2,1fr)}
.choix3 label{position:relative;margin:0;text-align:center;padding:.6rem .2rem;border:1.5px solid var(--trait);border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer}
.choix3 input{position:absolute;opacity:0;pointer-events:none}
.choix3 label.o:has(input:checked){background:#98c379;color:#282c34;border-color:#98c379}
.choix3 label.s:has(input:checked){background:#e5c07b;color:#282c34;border-color:#e5c07b}
.choix3 label.n:has(input:checked){background:var(--trait)}
.choix3 label:has(input:focus-visible){outline:3px solid var(--meeple)}
.tuile.vitrine{cursor:pointer}.tuile.vitrine:hover{border-color:var(--meeple)}
.recap-bloc{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.recap-bloc button{margin:0;padding:.4rem .8rem;font-size:.9rem}
.tuile[hidden]{display:none}
.tuile.vitrine.on{border-color:var(--feutre);box-shadow:0 0 0 2px var(--feutre)}
.bobl{margin:.7rem 0 0;font-size:.9rem}
.actions-vitrine{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
button:disabled{opacity:.4;cursor:not-allowed}
.jour{position:relative}
.jour.oui{background:#98c379;color:#282c34;border-color:#98c379}
.jour.si{background:#e5c07b;color:#282c34;border-color:#e5c07b}
.jour.prop{background:var(--trait)}
.jour.vide{opacity:.35}
.jour.dot::after{content:'';position:absolute;right:.3rem;top:.3rem;width:.45rem;height:.45rem;border-radius:50%;background:#c678dd}
.jourcache{display:none}
.jour-detail{margin:.8rem 0}.jour-detail strong{display:block;margin-top:.5rem}
.pt.oui{background:#98c379}.pt.si{background:#e5c07b}.pt.prop{background:var(--trait)}.pt.bob{background:#c678dd}
.choix3.neutre label:has(input:checked){background:#56b6c2;color:#282c34;border-color:#56b6c2}