@charset "UTF-8";
/*
 * ATELIER DES COMBATTANTS (/creator2, section « Combattants ») — docs/PREP_versus_combat_2026-10-05.md.
 * Plein écran, comme l'atelier d'écrans. Tout est scopé sous .atelier-combattants.
 * Disposition : navigation | scène + frise + essai | inspecteur.
 */
.ac-hote{position:fixed;inset:0;z-index:5000;background:#17191c;overflow:auto}
.atelier-combattants{
  --ac-bg:#17191c; --ac-fg:#e9ecef; --ac-mute:#9aa3ab; --ac-ligne:#353b42; --ac-carte:#20242a; --ac-champ:#121417;
  --ac-accent:#ffb000; --ac-bleu:#3d8bff; --ac-rouge:#ff3344; --ac-vert:#4fd17a;
  background:var(--ac-bg);color:var(--ac-fg);font:14px/1.45 system-ui,"Segoe UI",sans-serif;min-height:100%;
  padding:12px 14px 40px;display:flex;flex-direction:column;gap:10px;outline:none;box-sizing:border-box
}
.atelier-combattants *{box-sizing:border-box}
.atelier-combattants [hidden]{display:none!important}
.atelier-combattants h1{font:400 14px/1.4 "Press Start 2P",ui-monospace,monospace;margin:0 8px 0 0;color:var(--ac-accent)}
.atelier-combattants h2{margin:6px 0 0;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ac-mute)}
.atelier-combattants select,.atelier-combattants input[type=text],.atelier-combattants input[type=number]{
  font:inherit;font-size:13px;color:var(--ac-fg);background:var(--ac-champ);border:1px solid var(--ac-ligne);border-radius:5px;padding:3px 6px;min-width:0;height:auto}
.atelier-combattants input[type=number]{width:100%}
.atelier-combattants input[type=color]{width:100%;height:26px;border:1px solid var(--ac-ligne);background:none;padding:0}
.atelier-combattants code{font:12px ui-monospace,Consolas,monospace;color:#ffd27a}
.atelier-combattants button{height:auto;min-width:0}
.ac-barre{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.ac-sep{flex:1}
.ac-b{font:inherit;font-size:13px;cursor:pointer;border:1px solid var(--ac-ligne);background:var(--ac-carte);color:var(--ac-fg);border-radius:6px;padding:5px 10px;white-space:nowrap}
.ac-b:hover{border-color:var(--ac-accent)}
.ac-b:disabled{opacity:.4;cursor:default}
.ac-b.ac-prim{background:var(--ac-accent);border-color:var(--ac-accent);color:#1a1200;font-weight:600}
.ac-b.ac-mini{padding:1px 7px;font-size:12px}
.ac-b.ac-danger{color:#ff8a94}
.ac-b.ac-bleu.on{background:var(--ac-bleu);border-color:var(--ac-bleu);color:#fff}
.ac-b.ac-rouge.on{background:var(--ac-rouge);border-color:var(--ac-rouge);color:#fff}
.ac-statut{font-size:12.5px;color:var(--ac-mute)} .ac-statut.ko{color:#ff8a94}
.ac-aide{font-size:12px;color:var(--ac-mute);margin:0}
.ac-pale{color:#6b737b;font-style:normal;font-size:11.5px}
.ac-fautes{background:#3a1d22;border:1px solid #7a2d36;border-radius:8px;padding:6px 10px;font-size:13px}
.ac-fautes summary{cursor:pointer;color:#ffb3bb}
.ac-fautes ul{margin:6px 0 0;padding-left:18px;color:#ffd4d8}
.ac-corps{display:grid;grid-template-columns:230px minmax(0,1fr) 380px;gap:10px;align-items:start}
@media (max-width:1200px){.ac-corps{grid-template-columns:200px minmax(0,1fr) 330px}}
@media (max-width:900px){.ac-corps{grid-template-columns:minmax(0,1fr)}}
.ac-panneau{background:var(--ac-carte);border:1px solid var(--ac-ligne);border-radius:10px;padding:10px;min-width:0;display:flex;flex-direction:column;gap:6px}
/* 🔴 une colonne flex à hauteur bornée RÉTRÉCIT ses enfants au lieu de défiler : les entrées tombaient à 6 px */
.ac-panneau > *{flex-shrink:0}
.ac-nav{max-height:calc(100vh - 120px);overflow:auto}
.ac-item{all:unset;flex-shrink:0;box-sizing:border-box;display:block;width:100%;padding:3px 8px;border-radius:5px;cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-item:hover{background:#2b3038}
.ac-item.on{background:#3b2e10;color:var(--ac-accent)}
.ac-ligne{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ac-ligne .ac-item{flex:1;width:auto}
.ac-sep-v{height:10px}
.ac-centre{gap:8px}
.ac-outils{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:26px}
.ac-outils .ac-champ{flex-direction:row;align-items:center;gap:4px}
.ac-scene-cadre{overflow:auto;background:#101215;border-radius:8px;border:1px solid var(--ac-ligne)}
.ac-scene{display:block;cursor:crosshair}
.ac-frise{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;align-items:flex-end}
.ac-carte{flex:0 0 auto;width:74px;border:1px solid var(--ac-ligne);border-radius:7px;padding:4px;background:#191c21;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}
.ac-carte.on{border-color:var(--ac-accent);box-shadow:0 0 0 1px var(--ac-accent)}
.ac-vignette{background:#101215;border-radius:4px;image-rendering:pixelated}
.ac-carte-bas{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ac-mute)}
.ac-carte-bas input{width:40px!important;padding:1px 3px!important;font-size:12px!important}
.ac-badges{min-height:16px;display:flex;gap:2px}
.ac-badge{font-size:11px;padding:0 3px;border-radius:3px;background:#2b3038}
.ac-badge.rouge{color:#ff8a94}
.ac-carte-actions{display:flex;flex-direction:column;gap:4px;margin-left:4px}
.ac-compteur{display:flex;flex-direction:column;gap:4px}
.ac-bande{display:flex;flex-wrap:wrap;gap:1px}
.ac-f{width:9px;height:16px;border-radius:2px;cursor:pointer}
.ac-f.demarrage{background:#2f9e5a} .ac-f.actif{background:#e2394a} .ac-f.creux{background:#6b2a32} .ac-f.recup{background:#2d6fd1}
.ac-f.sel{outline:2px solid #fff;outline-offset:-1px}
.ac-fd{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--ac-mute)}
.ac-fd b{font-size:15px;color:var(--ac-fg)} .ac-fd b.vert{color:var(--ac-vert)} .ac-fd b.rouge{color:#ff6b78} .ac-fd b.bleu{color:#6ea8ff}
.ac-inspecteur{max-height:calc(100vh - 120px);overflow:auto}
.ac-champ{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--ac-mute)}
.ac-champ span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-case{font-size:12.5px;color:var(--ac-fg);display:inline-flex;align-items:center;gap:3px;cursor:pointer;white-space:nowrap}
.ac-grille2{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px}
.ac-commande{display:flex;flex-direction:column;gap:6px;background:#191c21;border-radius:8px;padding:8px}
.ac-gros{font-size:16px!important}
.ac-fleches{font-size:16px;letter-spacing:2px;color:var(--ac-accent)}
.ac-pave{display:grid;grid-template-columns:repeat(3,30px);gap:3px}
.ac-pave .ac-b{padding:2px 0;font-size:15px}
.ac-touche{border:1px solid var(--ac-ligne);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;cursor:pointer}
.ac-touche.on{border-color:var(--ac-rouge)}
.ac-essai{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--ac-ligne);padding-top:8px}
.ac-essai-barre{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.ac-arene{display:block;max-width:100%;max-height:62vh;width:auto;height:auto;margin:0 auto;border-radius:8px;outline:none;image-rendering:pixelated;border:2px solid transparent}
.ac-arene:focus{border-color:var(--ac-accent)}
.ac-essai-infos{display:flex;justify-content:space-between;gap:10px;font:13px ui-monospace,Consolas,monospace;color:#ffd27a;flex-wrap:wrap}
.ac-voile{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:2}
.ac-dialogue{background:var(--ac-carte);border:1px solid var(--ac-ligne);border-radius:12px;padding:16px;width:min(560px,94vw);display:flex;flex-direction:column;gap:10px}
.ac-modeles{display:flex;flex-direction:column;gap:6px}
.ac-modele{all:unset;box-sizing:border-box;border:1px solid var(--ac-ligne);border-radius:8px;padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:2px}
.ac-modele span{font-size:12px;color:var(--ac-mute)}
.ac-modele.on{border-color:var(--ac-accent);background:#2a2412}
.ac-pastilles{display:flex;gap:8px}
.ac-pastille{width:34px;height:34px;border-radius:50%;border:2px solid var(--ac-ligne);cursor:pointer;padding:0}
.ac-pastille.on{border-color:#fff;box-shadow:0 0 0 2px var(--ac-accent)}