:root{--fond:#16202c;--texte:#eef2f7;--texte-faible:#93a1b5;--bloc:#ffffff0b;--bordure:#ffffff17;--accent:#4c8ef7;--accent-chaud:#ffd166;--carte-dark-blue:#12518f;--carte-light-blue:#4fbfe3;--carte-green:#58b95c;--carte-yellow:#f2b830;--carte-red:#d94f45;--carte-dos-fond:#7f8da4;--carte-largeur:3.9rem;--carte-largeur-petite:2.5rem}*{box-sizing:border-box}body{background:var(--fond);min-height:100vh;color:var(--texte);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:54rem;margin:0 auto;padding:1.75rem 1.25rem 4rem}h1{letter-spacing:.02em;margin:0 0 1.25rem;font-size:1.7rem}h2{text-transform:uppercase;letter-spacing:.08em;color:var(--texte-faible);margin:0 0 .75rem;font-size:.82rem}h3{margin:0 0 .5rem;font-size:1.05rem}.bloc{background:var(--bloc);border:1px solid var(--bordure);border-radius:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}.aide{color:var(--texte-faible);margin:.3rem 0;font-size:.88rem}.alerte{color:var(--accent-chaud);margin:.5rem 0;font-weight:600}.etat-ko{color:#ff8b7d}.code{letter-spacing:.25em;font-size:1.2rem}.carte{width:var(--l);height:calc(var(--l) * 1.45);border-radius:calc(var(--l) * .15);cursor:default;background:#f7f9fc;border:0;padding:0;font-family:inherit;display:block;position:relative;box-shadow:0 2px 5px #00000059}.carte-normale{--l:var(--carte-largeur)}.carte-petite{--l:var(--carte-largeur-petite)}.carte:before{content:"";inset:calc(var(--l) * .08);border-radius:calc(var(--l) * .09);background:var(--fond-carte,var(--carte-dos-fond));position:absolute}.carte[data-couleur=dark_blue]{--fond-carte:var(--carte-dark-blue);--encre:#fff}.carte[data-couleur=light_blue]{--fond-carte:var(--carte-light-blue);--encre:#0d2c3d}.carte[data-couleur=green]{--fond-carte:var(--carte-green);--encre:#0d2d10}.carte[data-couleur=yellow]{--fond-carte:var(--carte-yellow);--encre:#3d2c05}.carte[data-couleur=red]{--fond-carte:var(--carte-red);--encre:#fff}.carte-valeur{font-size:calc(var(--l) * .5);color:var(--encre,#fff);place-items:center;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.carte-coin{font-size:calc(var(--l) * .2);color:var(--encre,#fff);opacity:.85;font-weight:700;line-height:1;position:absolute}.carte-coin-haut{top:calc(var(--l) * .15);left:calc(var(--l) * .17)}.carte-coin-bas{bottom:calc(var(--l) * .15);right:calc(var(--l) * .17)}.carte-dos:before{background:var(--carte-dos-fond)}.carte-motif{inset:calc(var(--l) * .18);border-radius:calc(var(--l) * .06);background:repeating-linear-gradient(45deg,#ffffff38 0 3px,#fff0 3px 7px);position:absolute}.carte-retiree{box-shadow:none;background:0 0;border:2px dashed #ffffff29}.carte-retiree:before{display:none}.carte-emplacement{box-shadow:none;background:0 0;border:1px dashed #ffffff1a}.carte-emplacement:before{display:none}.carte-inconnue{--fond-carte:#46566d}.carte-inconnue .carte-valeur{color:#b9c4d4}.carte-cliquable{cursor:pointer;transition:transform .12s,box-shadow .12s}.carte-cliquable:hover{transform:translateY(-4px);box-shadow:0 7px 16px #00000073}.carte-cliquable:focus-visible{outline:3px solid var(--accent-chaud);outline-offset:2px}.mon-plateau .carte-cliquable{box-shadow:0 0 0 2px var(--accent-chaud), 0 2px 5px #00000059}.grille{grid-template-columns:repeat(4, var(--l));gap:calc(var(--l) * .15);display:grid}.grille-normale{--l:var(--carte-largeur)}.grille-petite{--l:var(--carte-largeur-petite)}.table{flex-direction:column;gap:1.1rem;display:flex}.bandeau{color:var(--texte-faible);flex-wrap:wrap;align-items:center;gap:.85rem;font-size:.85rem;display:flex}.bandeau-manche{color:var(--texte);font-weight:700}.bandeau-code{letter-spacing:.12em;margin-left:auto}.bandeau-alerte{background:var(--accent-chaud);color:#16202c;border-radius:1rem;padding:.1rem .55rem;font-weight:700}.adversaires{flex-wrap:wrap;gap:.9rem;display:flex}.adversaire{background:var(--bloc);border:1px solid var(--bordure);border-radius:.75rem;padding:.7rem .85rem}.adversaire-actif{border-color:var(--accent-chaud)}.adversaire header{align-items:center;gap:.4rem;margin-bottom:.55rem;font-size:.9rem;display:flex}.adversaire .aide{margin:.45rem 0 0;font-size:.8rem}.compte-total{color:var(--texte-faible);margin-left:auto;padding-left:.6rem;font-size:.8rem}.piles{justify-content:center;gap:1.5rem;padding:.4rem 0;display:flex}.pile{flex-direction:column;align-items:center;gap:.3rem;display:flex}.etiquette{text-transform:uppercase;letter-spacing:.07em;color:var(--texte-faible);font-size:.72rem}.compteur{color:var(--texte-faible);font-size:.78rem}.pile-vide{opacity:.5}.mon-plateau{background:var(--bloc);border:1px solid var(--bordure);border-radius:.9rem;padding:1rem 1.15rem 1.25rem}.mon-plateau-actif{border-color:var(--accent-chaud)}.mon-entete{align-items:baseline;gap:.5rem;display:flex}.mon-entete h2{text-transform:none;letter-spacing:0;color:var(--texte);margin:0;font-size:1.05rem}.consigne{margin:.5rem 0 .9rem;font-size:.95rem}.choix-mode{flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem;display:flex}.journal{color:var(--texte-faible);margin:0;padding:0;font-size:.85rem;list-style:none}.journal li{padding:.12rem 0}.journal-dernier{color:var(--texte)}.voile{z-index:10;background:#0a0f16c7;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.voile .bloc{background:#1c2836;min-width:min(24rem,90vw);margin:0}.scores table{border-collapse:collapse;width:100%;margin:.7rem 0}.scores th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--texte-faible);padding-bottom:.3rem;font-size:.72rem;font-weight:600}.scores td{border-top:1px solid var(--bordure);padding:.3rem .9rem .3rem 0}.scores tr.moi td{color:var(--accent-chaud)}.badge-double{color:#fff;background:#d94f45;border-radius:.3rem;margin-left:.35rem;padding:.05rem .3rem;font-size:.72rem;font-weight:700}.victoire{margin:.6rem 0 0;font-size:1.05rem;font-weight:700}.champ{margin-bottom:.85rem;display:block}.champ span{color:var(--texte-faible);margin-bottom:.3rem;font-size:.8rem;display:block}.champ input{width:100%;color:var(--texte);background:#00000040;border:1px solid #ffffff26;border-radius:.45rem;padding:.55rem .7rem;font-size:1rem}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:.45rem;padding:.55rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600}button:disabled{opacity:.4;cursor:not-allowed}button.discret{background:#ffffff1a}button.actif{background:var(--accent)}hr{border:0;border-top:1px solid var(--bordure);margin:1.25rem 0}.liste-joueurs{margin:.75rem 0;padding:0;list-style:none}.liste-joueurs li{padding:.3rem 0}.liste-joueurs em{color:var(--texte-faible);font-size:.85rem;font-style:normal}.pastille-on,.pastille-off{border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem;display:inline-block}.pastille-on{background:#6ddc6d}.pastille-off{background:#7a8697}.confirmation{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.confirmation .aide{margin:0}button.danger{background:#d94f45}.bandeau .confirmation,.bandeau>button{margin-left:.5rem}.bandeau-code{margin-left:auto}main{max-width:72rem}.disposition{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width>=62rem){.disposition{grid-template-columns:minmax(0,1fr) 20rem}.colonne-chat{position:sticky;top:1rem}}.chat{background:var(--bloc);border:1px solid var(--bordure);border-radius:.75rem;flex-direction:column;gap:.6rem;padding:.9rem 1rem 1rem;display:flex}.chat h2{margin:0}.chat-messages{flex-direction:column;gap:.5rem;min-height:6rem;max-height:22rem;padding-right:.25rem;display:flex;overflow-y:auto}.chat-message p{overflow-wrap:anywhere;background:#ffffff12;border-radius:.55rem;width:fit-content;max-width:100%;margin:0;padding:.35rem .6rem;font-size:.9rem;line-height:1.35}.chat-moi p{background:#4c8ef747}.chat-auteur{color:var(--texte-faible);align-items:baseline;gap:.45rem;margin-top:.25rem;font-size:.75rem;font-weight:700;display:flex}.chat-auteur time{opacity:.75;font-weight:400}.chat-saisie{gap:.45rem;display:flex}.chat-saisie input{min-width:0;color:var(--texte);background:#00000040;border:1px solid #ffffff26;border-radius:.45rem;flex:1;padding:.5rem .65rem;font-family:inherit;font-size:.92rem}.chat-saisie button{padding:.5rem .8rem;font-size:.9rem}.badge-bot{text-transform:uppercase;letter-spacing:.06em;color:var(--texte-faible);vertical-align:middle;background:#ffffff24;border-radius:.3rem;margin-left:.4rem;padding:.1rem .35rem;font-size:.65rem;font-weight:700}.bots h3{margin:0 0 .2rem;font-size:.95rem}.liste-bots{margin:.75rem 0 0;padding:0;list-style:none}.liste-bots li{align-items:center;gap:.6rem;padding:.2rem 0;font-size:.9rem;display:flex}.liste-bots span{flex:1}button.petit{padding:.25rem .55rem;font-size:.78rem}.grille,.piles{perspective:900px}@keyframes carte-ferme{0%{transform:rotateY(0)}to{transform:rotateY(90deg)}}@keyframes carte-ouvre{0%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}@keyframes carte-halo{0%{box-shadow:0 0 0 3px var(--accent-chaud), 0 2px 5px #00000059}to{box-shadow:0 0 #ffd16600,0 2px 5px #00000059}}.carte-ferme{animation:.14s ease-in forwards carte-ferme}.carte-ouvre{animation:.16s ease-out carte-ouvre}.carte-recente{animation:1.1s ease-out carte-halo}.carte-recente.carte-ferme{animation:.14s ease-in forwards carte-ferme}.carte-recente.carte-ouvre{animation:.16s ease-out carte-ouvre}.carte-retiree{animation:.6s ease-out carte-halo}@media (prefers-reduced-motion:reduce){.carte-ferme,.carte-ouvre,.carte-recente,.carte-retiree{animation:none}.carte-cliquable:hover{transform:none}}.entete{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.entete h1{margin:0}.bouton-sons{margin-left:auto;padding:.35rem .6rem;font-size:1rem;line-height:1}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=30rem){:root{--carte-largeur:3.3rem;--carte-largeur-petite:2.1rem}main{padding:1rem .75rem 3rem}h1{font-size:1.4rem}.bloc{padding:.85rem .9rem}.mon-plateau{padding:.85rem .9rem 1rem}.adversaires{flex-direction:column}.adversaire{padding:.6rem .7rem}.piles{gap:1rem}.bandeau{gap:.5rem;font-size:.8rem}.bandeau-code{margin-left:0}button{padding:.6rem .9rem}button.petit{padding:.35rem .6rem}.chat-messages{max-height:14rem}}.carte-en-vol{z-index:9;pointer-events:none;position:fixed;box-shadow:0 10px 24px #00000080}.bandeau-role{color:var(--texte-faible);text-transform:uppercase;letter-spacing:.06em;background:#ffffff1f;border-radius:1rem;padding:.1rem .45rem;font-size:.72rem}.adversaires-larges{gap:1.1rem}.bascule{cursor:pointer;align-items:center;gap:.5rem;margin:.85rem 0 .25rem;font-size:.92rem;display:flex}.bascule input{width:1.05rem;height:1.05rem;accent-color:var(--accent);cursor:pointer}.statut{min-height:1.25em;color:var(--texte-faible);margin:.45rem 0 0;font-size:.8rem}.choix-mode{align-items:center;min-height:2.6rem}@media (width<=30rem){.choix-mode{min-height:2.8rem}}.vitesse{margin-top:.9rem}.vitesse .etiquette{margin-bottom:.35rem;display:block}.vitesse-boutons{flex-wrap:wrap;gap:.35rem;display:flex}.vitesse-compacte{margin:0}.vitesse-compacte .vitesse-boutons{gap:.25rem}