*{box-sizing:border-box}html,body{color:#fff;background:#5aa9e6;height:100%;margin:0;font-family:system-ui,Segoe UI,sans-serif;overflow:hidden}canvas{display:block}.ecran{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e182873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cache{display:none!important}.carte{text-align:center;background:linear-gradient(160deg,#223046f2,#141e2ef2);border:1px solid #ffffff26;border-radius:22px;width:100%;max-width:560px;padding:28px 32px;box-shadow:0 20px 60px #0006}h1{letter-spacing:1px;background:linear-gradient(#ffe08a,#f5a524);color:#0000;filter:drop-shadow(0 3px #00000059);-webkit-background-clip:text;background-clip:text;margin:0;font-size:64px;font-weight:900}h2{margin:0 0 16px}.accroche{color:#fffc;margin:8px 0 20px}.reglages{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:20px;display:flex}.reglages label{color:#ffffffbf;flex-direction:column;gap:6px;font-size:13px;display:flex}select{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:10px;padding:8px 12px;font-size:15px}select option{color:#000}button.principal{color:#fff;cursor:pointer;background:linear-gradient(#4fd27a,#2a9d55);border:0;border-radius:14px;padding:14px 44px;font-size:20px;font-weight:800;box-shadow:0 4px #1d6e3b}button.principal:active{transform:translateY(2px);box-shadow:0 2px #1d6e3b}.aide{text-align:left;color:#ffffffc7;gap:6px;margin-top:22px;font-size:13px;display:grid}kbd{background:#ffffff24;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:5px;margin-right:3px;padding:1px 6px;font-family:inherit;font-size:12px}#grilleArmes{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.arme{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;font-size:13px;font-weight:600;display:flex;position:relative}.arme:hover{background:#ffffff29}.arme.choisie{border-color:#ffd166;box-shadow:inset 0 0 0 2px #ffd166}.arme:disabled{opacity:.35;cursor:default}.arme .icone{font-size:28px}.arme .stock{color:#ffd166;font-size:11px;position:absolute;top:6px;right:9px}.petit{color:#ffffff8c;margin:14px 0 0;font-size:12px}#boutonsHaut{gap:8px;display:flex;position:fixed;top:16px;right:16px}#boutonsHaut button{color:#fff;cursor:pointer;background:#141c28b8;border:1px solid #ffffff26;border-radius:14px;width:52px;height:52px;font-size:26px;font-weight:800}#boutonRegles{font-size:24px!important}.onglets{background:#ffffff14;border-radius:12px;margin-bottom:18px;padding:4px;display:inline-flex}.onglet{color:#ffffffb3;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 18px;font-size:14px;font-weight:600}.onglet.actif{color:#fff;background:#ffffff29}input{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:10px;padding:9px 12px;font-family:inherit;font-size:15px}.boutons{flex-direction:column;align-items:center;gap:10px;display:flex}.erreur{color:#ff8a8a;min-height:1em;margin:12px 0 0;font-size:14px}.code{color:#ffd166;letter-spacing:3px}.lien{gap:8px;margin-bottom:18px;display:flex}.lien input{flex:1;min-width:0;font-size:13px}.lien button{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff40;border-radius:10px;padding:0 16px;font-weight:600}#joueurs{text-align:left;gap:8px;margin:0 0 18px;padding:0;list-style:none;display:grid}#joueurs li{background:#ffffff12;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-weight:600;display:flex}#joueurs .pastille{border-radius:50%;flex:none;width:14px;height:14px}#joueurs .note{color:#fff9;margin-left:auto;font-size:12px;font-weight:400}#joueurs li.vide{color:#fff6;font-weight:400}button.principal:disabled{opacity:.45;cursor:default}#statut{background:#141c28b8;border:1px solid #ffffff26;border-radius:14px;align-items:center;height:52px;padding:0 16px;font-size:13px;display:flex;position:fixed;top:16px;right:136px}#statut .alerte{color:#ffb4a8}button.secondaire{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:12px;padding:10px 24px;font-size:15px;font-weight:700}.ecran{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));overflow-y:auto}.carte.large{text-align:left;max-width:780px;margin:auto;position:relative}.carte.large h2{text-align:center}.fermer{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;width:38px;height:38px;font-size:16px;position:absolute;top:14px;right:14px}.lien-regles{margin-top:18px}#regles section{margin-top:20px}#regles h3{color:#ffd166;margin:0 0 8px;font-size:17px}#regles h4{margin:0 0 6px;font-size:14px}#regles p,#regles li{color:#ffffffd9;font-size:14px;line-height:1.5}#regles p{margin:0}#regles ul{margin:0;padding-left:20px}#regles b{color:#fff}.commandes{grid-template-columns:1fr 1fr;gap:16px;display:grid}.commandes>div{background:#ffffff0f;border-radius:14px;padding:12px 14px}.commandes ul{padding-left:16px!important}#reglesArmes{gap:14px;margin-top:10px;display:grid}.groupe-armes h4{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;font-size:12px}.regle-arme{border-top:1px solid #ffffff12;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.regle-arme .icone{text-align:center;flex:none;width:36px;font-size:26px}.regle-arme .nom{font-size:14px;font-weight:700}.regle-arme .nom small{color:#ffd166;margin-left:6px;font-weight:600}.regle-arme .texte{color:#ffffffbf;font-size:13px;line-height:1.45}#grilleArmes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.arme .indice{color:#fff9;text-align:center;font-size:11px;font-weight:400;line-height:1.3}.meche{color:#ffffffbf;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:13px;display:flex}#choixMeche{gap:6px;display:flex}#choixMeche button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:10px;width:40px;height:40px;font-size:15px;font-weight:700}#choixMeche button.choisie{color:#222;background:#ffd166;border-color:#ffd166}#tactile{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#tactile button{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;color:#fff;background:#141c288c;border:1px solid #ffffff40;border-radius:16px;font-family:inherit;font-weight:800}#tactile button.appuye{color:#222;background:#ffd166bf}#tactile.inactif .pave{opacity:.35}.pave{bottom:max(14px, env(safe-area-inset-bottom));position:absolute}.pave.gauche{left:max(14px, env(safe-area-inset-left));grid-template:".haut."54px"gauche bas droite"54px/54px 54px 54px;gap:6px;display:grid}.pave.gauche button{font-size:20px}.t-haut{grid-area:haut}.t-gauche{grid-area:gauche}.t-droite{grid-area:droite}.t-bas{grid-area:bas}.pave.droite{right:max(14px, env(safe-area-inset-right));grid-template:"saut tirer"36px"salto tirer"36px"coquille tirer"36px/70px 92px;gap:6px;display:grid}.t-petit{font-size:13px}.pave.droite [data-cmd=jump]{grid-area:saut}.pave.droite [data-cmd=backflip]{grid-area:salto}.pave.droite [data-cmd=shell]{grid-area:coquille}.t-tirer{grid-area:tirer;font-size:18px;background:#e5484dbf!important;border-radius:50%!important}.t-tirer.appuye{color:#fff!important;background:#ff8c3cf2!important}#pivoter{text-align:center;background:#141c28cc;border-radius:12px;width:max-content;max-width:80vw;margin:0;padding:10px 16px;font-size:13px;display:none;position:absolute;top:40%;left:50%;transform:translate(-50%)}@media (orientation:portrait){#pivoter{display:block}}body.tactile #statut{height:36px;left:50%;right:auto;top:max(10px, env(safe-area-inset-top));font-size:12px;transform:translate(-50%)}body.tactile #boutonsHaut{top:max(10px, env(safe-area-inset-top))}body.tactile #boutonsHaut button{width:44px;height:44px;font-size:22px}@media (width<=600px),(height<=500px){.carte{border-radius:18px;padding:20px 18px}h1{font-size:44px}.commandes{grid-template-columns:1fr}#grilleArmes{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.arme{padding:9px 6px}.arme .icone{font-size:24px}}.ecran{align-items:flex-start}.ecran>.carte{margin:auto}#tactile,#boutonsHaut,#statut{z-index:10}.ecran{z-index:20}#pivoter{pointer-events:none;animation:.6s 5s forwards s-efface}@keyframes s-efface{to{opacity:0;visibility:hidden}}