.accueil{--marge:max(2rem, calc((100% - 80rem) / 2));flex-direction:column;min-height:100dvh;display:flex}.entete{padding:2rem var(--marge) 1rem}.entete h1{margin:0;font-size:clamp(2rem,4.5vw,3rem);font-weight:800;line-height:1.1}.entete p{opacity:.6;margin:.25rem 0 0;font-size:1.1rem}.changer-langue{margin-bottom:.5rem;font-size:.95rem;font-weight:700;display:inline-block}.bande{min-height:11rem;padding:1.25rem var(--marge);flex:1 1 0;align-items:center;gap:2rem;display:flex;position:relative;overflow:hidden}.bande-petits{background:#ffe7a3}.bande-grands{color:#fff;background:linear-gradient(#63c6b8,#2a8a80)}.bande-famille{color:#f6e7c1;background:radial-gradient(at 50% 0,#33367a,#14152e 75%)}.libelle{flex:none;width:14rem;position:relative}.icone{font-size:3rem;line-height:1.1}.age{font-size:1.4rem;font-weight:900}.surnom{opacity:.8;font-size:.95rem;font-weight:700}.tuiles-groupes{flex-direction:column;flex:1;gap:.9rem;display:flex;position:relative}.groupe-titre{opacity:.75;margin:0 0 .5rem;font-size:.95rem;font-weight:800}.tuiles{flex-wrap:wrap;gap:1.2rem;display:flex;position:relative}.tuile{text-align:center;color:#3b2a1a;background:#fff;border-radius:1.4rem;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;width:12rem;min-height:8.5rem;padding:1.75rem 1rem 1rem;display:flex;position:relative;box-shadow:0 .6rem #0000001f}.tuile .emoji{font-size:2.6rem;line-height:1}.tuile .nom{overflow-wrap:anywhere;font-size:1.1rem;font-weight:800;line-height:1.15}.bande-petits .tuile{border-radius:2rem;box-shadow:0 .6rem #e9b949}.bande-petits .tuile:nth-child(odd){transform:rotate(-1.5deg)}.bande-petits .tuile:nth-child(2n){transform:rotate(1.5deg)}.bande-grands .tuile{text-align:left;color:#16332f;border-left:.6rem solid #ff8a3d;border-radius:1.2rem;align-items:flex-start;box-shadow:0 .6rem 1.4rem #0003}.bande-grands .tuile .nom{font-weight:900}.bande-famille .tuile{color:#f6e7c1;box-shadow:none;background:#ffffff0f;border:.25rem solid #e8c46a;border-radius:1rem}.decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.decor-emoji{opacity:.8;font-size:2.6rem;position:absolute}.montagne{background:#ffffff24;height:75%;position:absolute;bottom:0;left:0;right:0}.montagne-1{clip-path:polygon(0 100%,0 62%,14% 34%,26% 55%,44% 12%,60% 48%,74% 26%,88% 52%,100% 38%,100% 100%)}.montagne-2{clip-path:polygon(0 100%,0 55%,20% 30%,38% 60%,55% 25%,72% 58%,86% 35%,100% 55%,100% 100%);background:#ffffff38;height:55%}.sapin{opacity:.45;position:absolute;bottom:0}.fil{fill:none;stroke:#ffffff40;stroke-width:.3px;width:100%;height:30%;position:absolute;top:0;left:0}.lampe{background:currentColor;border-radius:50%;width:.9rem;height:.9rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 .8rem}.bokeh{opacity:.25;filter:blur(2px);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}@media (width<=1024px){.libelle{width:10rem}.bande{gap:1.25rem}.tuiles{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem;display:grid}.tuile{width:auto}}@media (width<=720px){.accueil{--marge:1.25rem}.entete{padding-top:1.5rem;padding-bottom:.75rem}.bande{flex-direction:column;flex:none;align-items:stretch;gap:.75rem;min-height:0;padding-top:1rem;padding-bottom:1.25rem}.libelle{grid-template-columns:auto 1fr;align-items:center;column-gap:.75rem;width:auto;display:grid}.icone{grid-row:span 2;font-size:2.4rem}.age{font-size:1.25rem}.tuiles{gap:.9rem}.tuile{min-height:7.5rem}.tuile .emoji,.decor-emoji{font-size:2rem}}@media (height<=480px) and (orientation:landscape){.bande{min-height:0}}button.tuile{font:inherit;cursor:pointer;border:0}.depart-ecran{--j1:#f2542d;--j2:#2e86de;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100dvh;padding:2rem 1.25rem;display:flex}.depart{flex-direction:column;align-items:center;gap:1.75rem;width:100%;display:flex}.depart-titre{margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nb-joueurs{border:0;flex-wrap:wrap;justify-content:center;gap:1rem;margin:0;padding:0;display:flex}.nb-joueurs button{font:inherit;color:#fff6e9;cursor:pointer;opacity:.45;background:#3b2a1a;border:0;border-radius:99px;padding:.8rem 1.8rem;font-size:1.4rem;font-weight:800}.nb-joueurs button[aria-pressed=true]{opacity:1}.prenoms{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}.prenom{border:.3rem solid var(--pc);background:#fff;border-radius:1.4rem;align-items:center;gap:.6rem;padding:.6rem 1.1rem;display:flex}.prenom.joueur-1{--pc:var(--j1)}.prenom.joueur-2{--pc:var(--j2)}.avatar{font-size:2.6rem;line-height:1}.prenom input{color:#222;width:12rem;max-width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:1.7rem;font-weight:800}.prenom:focus-within{box-shadow:0 0 0 .35rem color-mix(in srgb, var(--pc) 28%, transparent)}.go{font:inherit;color:#fff;cursor:pointer;background:#f2542d;border:0;border-radius:99px;padding:1rem 3rem;font-size:1.8rem;font-weight:800;box-shadow:0 .45rem #b23a1a}.go:disabled{opacity:.5;cursor:default}.note-adulte{opacity:.6;margin:0;font-size:.95rem}.lien{font:inherit;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;padding:.5rem 1rem;font-size:1.05rem;text-decoration:underline}@media (width<=720px){.prenom input{width:9rem}}.zones-joueurs{--j1:#f2542d;--j2:#2e86de;gap:1.25rem;display:flex}.zone-joueur{border:.3rem solid var(--pc);min-width:0;box-shadow:0 0 0 .6rem color-mix(in srgb, var(--pc) 28%, transparent);background:#fff;border-radius:1.6rem;flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex}.zone-joueur.joueur-1{--pc:var(--j1)}.zone-joueur.joueur-2{--pc:var(--j2)}.qui{color:var(--pc);justify-content:space-between;align-items:center;font-size:1.3rem;font-weight:800;display:flex}@media (width<=720px){.zones-joueurs{flex-direction:column;gap:1rem}}.partie{text-align:center;flex-direction:column;gap:1.5rem;max-width:48rem;margin:0 auto;padding:2rem 1rem;display:flex}.partie.fin{gap:0;max-width:none;margin:0;padding:0}.partie button{font:inherit;cursor:pointer;color:#3b2a1a;background:#fff;border:0;border-radius:1rem;padding:.8rem 1.2rem;font-weight:800;box-shadow:0 .4rem #0000001f}.score{margin:0;font-size:2rem;font-weight:800}.alerte{color:#b00020;font-size:1.2rem;font-weight:700}.jeu{box-sizing:border-box;flex-direction:column;gap:1rem;min-height:100dvh;padding:1.5rem max(1.5rem,50% - 40rem);display:flex}.barre{align-items:center;gap:1rem;font-size:1.1rem;font-weight:800;display:flex}.points{gap:.4rem;display:flex}.point{opacity:.18;background:currentColor;border-radius:50%;width:.8rem;height:.8rem}.point.fait{opacity:.55}.point.courant{opacity:1;transform:scale(1.25)}.jeu button.suivant{font:inherit;color:#fff6e9;cursor:pointer;background:#3b2a1a;border:0;border-radius:99px;margin-left:auto;padding:.7rem 1.6rem;font-size:1.15rem;font-weight:800}.jeu button.menu{font:inherit;color:#3b2a1a;cursor:pointer;background:0 0;border:2px solid #3b2a1a;border-radius:99px;padding:.6rem 1.2rem;font-size:1rem;font-weight:800}.jeu button.suivant:disabled{opacity:.25;cursor:default}.jeu:after{content:"";margin-top:auto}.question{text-align:center;overflow-wrap:anywhere;margin:auto 0 0;padding:0 1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.18}.retour-reponse{text-align:center;min-height:2rem;font-size:1.4rem;font-weight:800}.retour-reponse p{margin:0}.zone-joueur .reponses{grid-auto-columns:1fr;grid-auto-flow:column;gap:.8rem;display:grid}.zones-joueurs.duo .reponses.n4{grid-template-columns:repeat(2,1fr);grid-auto-flow:row}button.choix{aspect-ratio:4/5;color:#3b2a1a;min-width:0;min-height:5rem;max-height:20rem;font:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer;border:0;border-radius:1.4rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:clamp(1.2rem,2.4vw,1.8rem);font-weight:800;line-height:1.1;transition:transform .15s,opacity .25s;display:flex;position:relative;box-shadow:0 .45rem #00000029}button.choix:disabled{cursor:default}button.choix .emoji{font-size:clamp(2.6rem,6vw,4.5rem);line-height:1}button.choix .photo{object-fit:cover;background:#fff6;border-radius:1rem;flex:1 1 0;width:100%;min-height:0}.credits{text-align:center;align-self:center;max-width:48rem;font-size:.85rem}.credits summary{cursor:pointer;font-weight:700}.credits ul{overflow-wrap:anywhere;margin:.4rem 0 0;padding:0;list-style:none}button.choix:not(:disabled):active{transform:scale(.95)}button.choix.rouge{color:#fff;background:#ff6b4a}button.choix.jaune{background:#ffc23d}button.choix.bleu{color:#fff;background:#4bb3fd}button.choix.vert{background:#7bd389}button.choix.juste{outline-offset:.15rem;outline:.45rem solid #1fb45a;animation:.4s pop}button.choix.faux{opacity:.35;animation:.4s secoue}button.choix.choisi{outline-offset:.15rem;outline:.4rem solid #3b2a1a}button.choix.estompe{opacity:.3}.coche{color:#fff;background:#1fb45a;border-radius:50%;place-items:center;width:2.4rem;height:2.4rem;font-size:1.4rem;font-weight:900;display:grid;position:absolute;top:-.8rem;right:-.8rem}button.valider{font:inherit;color:#fff6e9;cursor:pointer;background:#3b2a1a;border:0;border-radius:99px;flex-shrink:0;align-self:center;padding:.7rem 2rem;font-size:1.15rem;font-weight:800}button.valider:disabled{opacity:.25;cursor:default}@keyframes pop{50%{transform:scale(1.07)}}@keyframes secoue{25%{transform:translate(-.6rem)}75%{transform:translate(.6rem)}}@media (width<=720px){.jeu{padding:1rem}.points{display:none}.jeu button.suivant{padding:.6rem 1.2rem}.zone-joueur .reponses,.zones-joueurs.duo .reponses.n4{grid-template-columns:1fr;grid-auto-flow:row}button.choix{aspect-ratio:auto;flex-direction:row;gap:.9rem;min-height:3.6rem}button.choix .emoji{font-size:2.2rem}button.choix .photo{flex:none;width:4rem;height:4rem}}@media (prefers-reduced-motion:reduce){button.choix.juste,button.choix.faux{animation:none}}
