html,body{margin:0;height:100%;overflow:hidden;background:#151a28}#jeu canvas{display:block;image-rendering:pixelated}#chargement{position:fixed;inset:0;display:grid;place-items:center;color:#e6e1d3;font:600 18px/1 ui-monospace,Consolas,monospace;letter-spacing:.08em}#chargement[hidden]{display:none}:root{--ui-fond: rgb(21 26 40 / .9);--ui-fond-voile: rgb(10 12 20 / .6);--ui-bord: #3a4258;--ui-texte: #e6e1d3;--ui-texte-doux: #9aa1b5;--ui-accent: #e6e1d3;--ui-accent-texte: #151a28;--ui-police: ui-monospace, Consolas, monospace;--ui-police-titre: ui-monospace, Consolas, monospace;--ui-taille: 14px;--ui-taille-petite: 12px;--ui-taille-titre: 40px;--ui-marge: 16px;--ui-espace: 10px;--ui-bordure: 2px;--ui-rayon: 0;--ui-taille-bouton-icone: 40px;--ui-taille-de: 64px;--couleur-joueur: var(--ui-texte)}#interface{font:500 var(--ui-taille) / 1.4 var(--ui-police);color:var(--ui-texte)}#interface.cachee{display:none}#interface [hidden]{display:none!important}.cadre{background:var(--ui-fond);border:var(--ui-bordure) solid var(--ui-bord);border-radius:var(--ui-rayon);padding:calc(var(--ui-espace) * 1.4)}.ecran{position:fixed;inset:0;display:grid;place-items:center;padding:var(--ui-marge)}.voile{background:var(--ui-fond-voile)}h1,h2{margin:0;font-family:var(--ui-police-titre)}.bouton{font:inherit;color:var(--ui-texte);background:transparent;border:var(--ui-bordure) solid var(--ui-bord);border-radius:var(--ui-rayon);padding:8px 14px;cursor:pointer}.bouton:hover{border-color:var(--ui-texte-doux)}.bouton:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.bouton:disabled{opacity:.4;cursor:default}.bouton-principal{color:var(--ui-accent-texte);background:var(--ui-accent);border-color:var(--ui-accent);font-weight:700}.bouton-icone{width:var(--ui-taille-bouton-icone);height:var(--ui-taille-bouton-icone);padding:0;font-size:20px;line-height:1;background:var(--ui-fond)}.coin-haut-droit{position:fixed;top:var(--ui-marge);right:var(--ui-marge)}.coin-haut-gauche{position:fixed;top:var(--ui-marge);left:var(--ui-marge)}.bord-droit{position:fixed;right:var(--ui-marge);top:50%;translate:0 -50%}.accueil-cadre{display:grid;gap:calc(var(--ui-espace) * 2);justify-items:center;text-align:center;min-width:min(420px,100%)}.accueil-cadre h1{font-size:var(--ui-taille-titre);letter-spacing:.3em;text-transform:uppercase}.accueil-consigne{margin:0;color:var(--ui-texte-doux)}.accueil-rejoindre{display:flex;gap:var(--ui-espace);margin:0}.accueil-code{font:inherit;color:var(--ui-texte);background:var(--ui-fond);border:var(--ui-bordure) solid var(--ui-bord);border-radius:var(--ui-rayon);padding:8px 10px;width:6ch;text-transform:uppercase;letter-spacing:.15em}.accueil-code:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.choix-camps{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ui-espace)}.choix-camp{--couleur-camp: var(--ui-texte);min-width:80px;border-left:6px solid var(--couleur-camp);color:var(--ui-texte-doux)}.choix-camp[aria-pressed=true]{color:var(--ui-accent-texte);background:var(--couleur-camp);border-color:var(--couleur-camp);font-weight:700}.panneau-action{position:fixed;bottom:var(--ui-marge);left:50%;translate:-50% 0;width:min(460px,calc(100vw - 2 * var(--ui-marge) - var(--ui-taille-de) - var(--ui-espace)));border-left:6px solid var(--couleur-joueur)}.panneau-action p{margin:0}.panneau-joueur{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--couleur-joueur)}.pastille{width:12px;height:12px;background:var(--couleur-joueur)}.de-secours{position:fixed;right:var(--ui-marge);bottom:var(--ui-marge);width:var(--ui-taille-de);height:var(--ui-taille-de);padding:0;font-size:28px;font-weight:700;background:var(--ui-fond);border-color:var(--couleur-joueur)}.de-secours.a-lancer{color:var(--ui-accent-texte);background:var(--couleur-joueur)}.carte-bonus,.annonces{position:fixed;top:var(--ui-marge);left:50%;translate:-50% 0;max-width:min(420px,calc(100vw - 2 * var(--ui-marge) - 2 * var(--ui-taille-bouton-icone)));text-align:center;pointer-events:none}.carte-bonus h2{font-size:22px}.carte-bonus p,.annonces p{margin:0}.carte-surtitre{color:var(--ui-texte-doux);font-size:var(--ui-taille-petite);text-transform:uppercase;letter-spacing:.15em}.annonces{background:var(--ui-fond);border:var(--ui-bordure) solid var(--ui-bord);padding:8px 14px}.carte-bonus:not([hidden])~.annonces{top:calc(var(--ui-marge) + 110px)}.journal{position:fixed;right:var(--ui-marge);top:50%;translate:0 -50%;width:min(300px,calc(100vw - 2 * var(--ui-marge)));max-height:60vh;display:flex;flex-direction:column;gap:var(--ui-espace)}.journal-entete{display:flex;justify-content:space-between;align-items:center}.journal-entete h2{font-size:var(--ui-taille);text-transform:uppercase;letter-spacing:.1em}.journal-lignes{margin:0;padding:0;list-style:none;overflow-y:auto;display:grid;gap:4px;font-size:var(--ui-taille-petite)}.journal-lignes li{border-left:3px solid var(--couleur-ligne, var(--ui-bord));padding-left:6px}.journal-tour{color:var(--ui-texte-doux);margin-right:4px}.menu-cadre,.fin-cadre{display:grid;gap:var(--ui-espace);min-width:min(320px,100%)}.menu-vitesse{border:var(--ui-bordure) solid var(--ui-bord);display:flex;gap:calc(var(--ui-espace) * 2)}.menu-son{border:var(--ui-bordure) solid var(--ui-bord);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px}.menu-son-couper{grid-column:1 / -1}.menu-aide summary{cursor:pointer}.menu-aide dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:var(--ui-espace) 0 0;font-size:var(--ui-taille-petite)}.menu-aide dt{font-weight:700}.menu-aide dd{margin:0;color:var(--ui-texte-doux)}.fin-cadre{text-align:center}.fin-cadre h2{font-size:32px}.fin-cadre p{margin:0}.fin-boutons{display:flex;gap:var(--ui-espace);justify-content:center}@media(max-width:640px){.panneau-action{left:var(--ui-marge);translate:none}}