.salon,.salon-partie{padding-bottom:1.25rem;max-width:100%;overflow-x:hidden}.salon-entete{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem;margin:.75rem 0}.salon-entete .salon-titre{flex:1 1 auto;display:flex;align-items:center;gap:.5rem;font-weight:800;color:var(--lou-encre)}.salon-entete .salon-titre .salon-vignette{width:2.2rem;height:2.2rem}.salon-intro{flex:1 1 100%;order:3;margin:0;color:var(--lou-encre)}.salon-grille{list-style:none;padding:0;margin:0;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:700px){.salon-grille{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.salon-carte-lien{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;height:100%;padding:1rem .85rem 1.1rem;text-align:center;text-decoration:none;color:var(--lou-encre);background:#fff;border:3px solid var(--lou-lieu, var(--lou-sapin));border-radius:1.25rem;box-shadow:0 4px 0 rgba(63,58,54,.12);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;font:inherit}.salon-carte-lien:hover,.salon-carte-lien:focus-visible{transform:translateY(-3px);box-shadow:0 8px 0 rgba(63,58,54,.12);outline:3px solid var(--lou-ocre);outline-offset:2px;color:var(--lou-encre)}.salon-vignette{width:min(100%,120px);height:auto;aspect-ratio:1;display:block}.salon-carte-nom{font-weight:800;font-size:1.2rem}.salon-carte-resume,.salon-carte-condition{font-size:.95rem;line-height:1.3}.salon-carte-etat{margin-top:auto;font-weight:800;color:var(--lou-sapin-fonce)}.salon-carte.fermee .salon-carte-lien{background:var(--lou-papier);border-style:dashed;border-color:var(--lou-loup-clair);cursor:help}.salon-carte.fermee .salon-vignette{filter:grayscale(1);opacity:.55}.salon-carte.fermee .salon-carte-etat{color:var(--lou-ocre-texte)}.salon-carte.fermee .salon-carte-condition{color:var(--lou-encre);font-weight:700}.salon-cadenas{position:absolute;top:.55rem;right:.7rem;font-size:1.3rem;color:var(--lou-ocre-texte)}.salon-carte-lien.parle{box-shadow:0 0 0 4px rgba(226,162,75,.35)}.salon-entete--partie .salon-niveaux{flex:0 0 auto}.salon-niveau{min-height:44px;min-width:5.5rem;font-weight:700}.salon-table{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr);align-items:start}.salon-plateau-cadre{order:-1;display:flex;justify-content:center;min-width:0}.salon-cote{display:flex;flex-direction:column;gap:.75rem;min-width:0}@media (min-width:900px){.salon-table{grid-template-columns:minmax(0,1fr) 17rem}.salon-plateau-cadre{order:0}.salon-cote{order:1}}.salon-statut{margin:0;padding:.6rem .9rem;border-radius:1rem;background:#fff;border:3px solid var(--lou-ciel);font-weight:800;font-size:1.15rem;color:var(--lou-encre)}.salon-partie[data-etat=a-toi] .salon-statut{border-color:var(--lou-sapin);background:var(--lou-sapin-pale)}.salon-partie[data-etat=fin] .salon-statut{border-color:var(--lou-ocre);background:#fff6e8}.salon-actions,.salon-fin-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.salon-fin{padding:.9rem;border-radius:1rem;background:#fff6e8;border:3px solid var(--lou-ocre)}.salon-fin-texte{font-weight:800;font-size:1.2rem;margin:0 0 .6rem}.salon-de-zone{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.salon-de-cadre .salon-de{width:64px;height:64px;display:block}.salon-de-cadre.roule .salon-de{animation:salon-roule .45s ease-out}@keyframes salon-roule{0%{transform:rotate(-200deg) scale(.6)}to{transform:none}}@media (prefers-reduced-motion:reduce){.salon-de-cadre.roule .salon-de{animation:none}}.salon-credits{margin-top:.75rem}.salon-plateau{width:min(100%,72vh,620px);aspect-ratio:1;margin:0 auto}.salon-plateau svg{width:100%;height:100%;display:block}.salon-plateau button{touch-action:manipulation}.morpion-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,60vh,420px);padding:8px;background:#7a5c3e;border-radius:1.25rem}.morpion-case{aspect-ratio:1;border:0;border-radius:.9rem;background:#fff8e7;padding:10%;cursor:pointer}.morpion-case[data-occupe="0"],.morpion-case[data-occupe="1"]{cursor:default}.morpion-grille.a-toi .morpion-case:not([data-occupe="0"]):not([data-occupe="1"]):hover{background:#fdeccb}.morpion-case:focus-visible{outline:4px solid var(--lou-ocre);outline-offset:-4px}.morpion-case.gagnante{background:var(--lou-juste-pale)}.morpion-pion{width:100%;height:100%;display:block}.oie-case{stroke:#b99a6b;stroke-width:1.5}.oie-case--paire{fill:#fff8e7}.oie-case--impaire{fill:#fdeecf}.oie-case--oie{fill:#d9f0f7}.oie-case--speciale{fill:#f7e1d7}.oie-case--depart{fill:#e3f1df}.oie-case--arrivee{fill:#fff2b3}.oie-numero{font:700 13px/1 var(--lou-texte, sans-serif);fill:#5b4636}.oie-muret{stroke:#7a5c3e;stroke-width:5;stroke-linecap:round;fill:none}.oie-legende{padding:.6rem .7rem;border-radius:1rem;background:#fff;border:3px solid var(--lou-lieu, var(--lou-sapin))}.oie-legende-titre{margin:0 0 .4rem;font-weight:800;color:var(--lou-encre)}.oie-legende-liste{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.oie-legende-case{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:.55rem;align-items:center;width:100%;min-height:44px;padding:.2rem .45rem;border:0;border-radius:.75rem;background:0 0;color:var(--lou-encre);text-align:left;font:inherit;cursor:pointer}.oie-legende-case:hover,.oie-legende-case:focus-visible{background:var(--lou-papier, #fdf6e9);outline:3px solid var(--lou-ocre);outline-offset:0}.oie-legende-dessin{grid-row:1/3;width:2.75rem;height:2.75rem;display:block}.oie-legende-nom{font-weight:800;line-height:1.15}.oie-legende-effet{grid-column:2;font-size:.95rem;line-height:1.15}.oie-legende-voix{grid-row:1/3;grid-column:3;color:var(--lou-sapin-fonce);font-size:1.15rem}.salon-pion{stroke:#fff;stroke-width:3;transition:cx .18s ease,cy .18s ease}.salon-pion--0{fill:#c0392b}.salon-pion--1{fill:#2e6da4}.chevaux-fond{fill:#f6ead6}.chevaux-case{stroke:#b99a6b;stroke-width:1.2;fill:#fffaf0}.chevaux-case--depart-0,.chevaux-case--montee-0{fill:#f6c7c0}.chevaux-case--depart-1,.chevaux-case--montee-1{fill:#c4dcf3}.chevaux-marche{font:700 13px/1 var(--lou-texte, sans-serif);text-anchor:middle;fill:#5b4636}.chevaux-ecurie{stroke-width:2.5;fill:#fffaf0}.chevaux-ecurie--0{stroke:#c0392b}.chevaux-ecurie--1{stroke:#2e6da4}.cheval{transition:transform .25s ease}.cheval.jouable{cursor:pointer;animation:salon-brille 1s ease-in-out infinite alternate}.cheval:focus{outline:0}.cheval:focus-visible circle{stroke:var(--lou-ocre);stroke-width:5}@keyframes salon-brille{0%{opacity:1}to{opacity:.55}}@media (prefers-reduced-motion:reduce){.cheval.jouable,.moulin-point.retirable{animation:none}}.dames-damier,.echecs-plateau{display:grid;grid-template-columns:repeat(8,1fr);border:6px solid #5b3a22;border-radius:.6rem;overflow:hidden}.dames-case,.echecs-case{aspect-ratio:1;border:0;padding:6%;position:relative;min-width:0}.dames-case.clair{background:#f3e2c7;cursor:default}.dames-case.fonce{background:#8a5a3b}.salon-damier-cadre:has(>.dames-damier){--case-claire:#f3e2c7;--case-foncee:#8a5a3b}.echecs-case.clair{background:#f0d9b5}.echecs-case.fonce{background:#b58863}.dames-case:focus-visible,.echecs-case:focus-visible{outline:4px solid var(--lou-ocre);outline-offset:-4px;z-index:1}.dames-case.jouable,.echecs-case.jouable{cursor:pointer}.dames-case.jouable::after,.echecs-case.jouable::after{content:"";position:absolute;inset:8%;border-radius:50%;box-shadow:0 0 0 3px rgba(255,214,102,.85);pointer-events:none}.dames-case.choisi,.echecs-case.choisi{box-shadow:inset 0 0 0 5px #ffd666}.dames-case.arrivee,.echecs-case.arrivee{cursor:pointer}.dames-case.arrivee::before,.echecs-case.arrivee::before{content:"";position:absolute;inset:34%;border-radius:50%;background:rgba(46,109,120,.75);pointer-events:none}.dames-case.dernier,.echecs-case.dernier{box-shadow:inset 0 0 0 4px rgba(127,180,217,.9)}.echecs-case.echec{background:#e57373}.dames-pion,.echecs-piece{width:100%;height:100%;display:block;pointer-events:none}.dames-pion-ombre{fill:rgba(0,0,0,.3)}.dames-pion--blanc .dames-pion-corps{fill:#fbf6ea;stroke:#7a5c3e;stroke-width:3}.dames-pion--blanc .dames-pion-anneau{fill:none;stroke:#d9c9a8;stroke-width:3}.dames-pion--noir .dames-pion-corps{fill:#2b2b2b;stroke:#000;stroke-width:3}.dames-pion--noir .dames-pion-anneau{fill:none;stroke:#555;stroke-width:3}.dames-couronne{fill:#e0a800;stroke:#8a6500;stroke-width:2}.salon-plateau-cadre{container:salon-plateau/inline-size}.salon-damier{--marge:0px;--cote:min(100cqw - var(--marge), 72vh, 620px);display:flex;flex-direction:column;align-items:center;gap:.35rem}.salon-damier-cadre{position:relative;width:calc(var(--cote) + var(--marge));padding:0 0 var(--marge) var(--marge);--coord-sur-clair:#8f6040;--coord-sur-fonce:#f7ead2;--case-claire:#f0d9b5;--case-foncee:#b58863}.salon-damier-cadre>.salon-plateau{width:100%;margin:0}.salon-coord{position:absolute;display:grid;pointer-events:none;user-select:none;font-family:var(--lou-texte, sans-serif);font-weight:800;font-size:.72rem;line-height:1}.salon-coord--lignes{top:6px;left:6px;bottom:6px;width:calc((100% - 12px)/8);grid-template-rows:repeat(8,1fr)}.salon-coord--colonnes{left:6px;right:6px;bottom:6px;height:calc((100% - 12px)/8);grid-template-columns:repeat(8,1fr)}.salon-coord--lignes span{place-self:start;padding:.22em 0 0 .3em}.salon-coord--colonnes span{place-self:end;padding:0 .3em .22em 0}.salon-coord--lignes span:nth-child(odd),.salon-coord--colonnes span:nth-child(even){color:var(--coord-sur-clair);text-shadow:0 0 2px var(--case-claire),0 0 2px var(--case-claire)}.salon-coord--lignes span:nth-child(even),.salon-coord--colonnes span:nth-child(odd){color:var(--coord-sur-fonce);text-shadow:0 0 2px var(--case-foncee),0 0 2px var(--case-foncee)}@container salon-plateau (min-width: 520px){.salon-damier.avec-coordonnees{--marge:1.4rem}.salon-damier-cadre{--coord-sur-clair:#8a6a4f;--coord-sur-fonce:#8a6a4f}.salon-coord{font-size:.85rem;font-weight:700}.salon-coord--lignes{top:6px;left:0;bottom:calc(var(--marge) + 6px);width:var(--marge)}.salon-coord--colonnes{left:calc(var(--marge) + 6px);right:6px;bottom:0;height:var(--marge)}.salon-coord--lignes span,.salon-coord--colonnes span{place-self:center;padding:0}.salon-coord--lignes span:nth-child(n),.salon-coord--colonnes span:nth-child(n){text-shadow:none}}.salon-damier.avec-prises{--cote:min(100cqw - var(--marge), 72vh - 4.5rem, 620px)}.echecs-prises{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .55rem;width:calc(var(--cote) + var(--marge));min-height:1.9rem;padding:0 0 0 calc(var(--marge) + 6px)}.echecs-prises-groupe{display:inline-flex}.echecs-prise{width:1.7rem;height:1.7rem;display:block}.echecs-prise+.echecs-prise{margin-left:-.95rem}.echecs-avance{font-weight:800;font-size:1rem;line-height:1;color:var(--lou-sapin-fonce, #235760)}@container salon-plateau (min-width: 720px){.salon-damier.avec-prises{--cote:min(100cqw - var(--marge) - 7.5rem, 72vh, 620px);display:grid;grid-template-columns:3rem auto 3rem;column-gap:.75rem;align-items:stretch}.salon-damier.avec-prises>.salon-damier-cadre{grid-column:2;grid-row:1}.echecs-prises{grid-row:1;width:auto;min-height:0;padding:6px 0 calc(var(--marge) + 6px);flex-direction:column;flex-wrap:nowrap;gap:.5rem}.echecs-prises--adversaire{grid-column:1;justify-content:flex-start}.echecs-prises--enfant{grid-column:3;justify-content:flex-end}.echecs-prises-groupe{flex-direction:column}.echecs-prise{width:2.5rem;height:2.5rem}.echecs-prise+.echecs-prise{margin-left:0;margin-top:-1rem}}.moulin-fond{fill:#eef3f8}.moulin-ligne{fill:none;stroke:#5b6b7a;stroke-width:5}.moulin-cible{fill:transparent}.moulin-trou{fill:#5b6b7a}.moulin-pion{fill:transparent;stroke:none}.moulin-point.pion-0 .moulin-pion{fill:#c0392b;stroke:#fff;stroke-width:3}.moulin-point.pion-1 .moulin-pion{fill:#2e6da4;stroke:#fff;stroke-width:3}.moulin-point.jouable,.moulin-point.arrivee,.moulin-point.retirable{cursor:pointer}.moulin-point.jouable .moulin-cible,.moulin-point.arrivee .moulin-cible{fill:rgba(255,214,102,.45)}.moulin-point.choisi .moulin-cible{fill:rgba(255,214,102,.9)}.moulin-point.retirable .moulin-cible{fill:rgba(229,115,115,.6)}.moulin-point.retirable{animation:salon-brille .8s ease-in-out infinite alternate}.moulin-point.dernier .moulin-pion{stroke:#ffd666;stroke-width:5}.moulin-point:focus{outline:0}.moulin-point:focus-visible .moulin-cible{stroke:var(--lou-ocre);stroke-width:4}.moulin-reserve{text-align:center;font-weight:700;margin:.4rem 0 0}.moulin-plateau{aspect-ratio:auto}.moulin-plateau svg{aspect-ratio:1;height:auto}