:root{--orange:#f28c28;--orange-fonce:#c96a0a;--orange-pale:#fff3e3;--orange-clair:#ffe3c2;--ardoise:#292f36;--gris:#6b7280;--gris-clair:#f7f6f5;--trait:#d6d3d1;--blanc:#fff;--vert:#1f7a3d;--rouge:#c62828}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--blanc);color:var(--ardoise);margin:0;font-family:Calibri,Carlito,Segoe UI,system-ui,-apple-system,sans-serif;font-size:22px;line-height:1.35}.ecran{text-align:center;border-top:14px solid var(--orange);flex-direction:column;justify-content:center;align-items:center;gap:26px;min-height:100dvh;padding:40px 20px 32px;display:flex}.ecran.sombre{background:var(--ardoise);color:var(--blanc)}.ecran>*{width:100%;max-width:560px}.surtitre{color:var(--gris);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:700}.sombre .surtitre{color:#9ca3af}h1{text-transform:uppercase;letter-spacing:.01em;margin:0;font-size:2.1rem;font-weight:800;line-height:1.1}h1 .accent,.accent{color:var(--orange)}.trait{background:var(--orange);width:76px;height:6px;margin:0 auto}p{margin:0}.doux{color:var(--gris);font-size:.85rem}.sombre .doux{color:#9ca3af}.bouton{width:100%;min-height:76px;font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border:0;border-radius:6px;font-size:1.45rem;font-weight:800;display:block}.bouton:focus-visible{outline:4px solid var(--ardoise);outline-offset:3px}.sombre .bouton:focus-visible{outline-color:var(--blanc)}.bouton.orange{background:var(--orange);color:var(--ardoise)}.bouton.vert{background:var(--vert);color:var(--blanc)}.bouton.rouge{background:var(--rouge);color:var(--blanc)}.bouton:active{transform:translateY(2px)}.sonnerie .cercle{background:var(--orange);width:120px;height:120px;color:var(--ardoise);border-radius:50%;place-items:center;margin:0 auto;font-size:3rem;font-weight:800;display:grid}.debrief{text-align:left;justify-content:flex-start;align-items:center;gap:18px;padding-bottom:0}.debrief h1{text-align:center}.bloc{background:var(--gris-clair);border-left:6px solid var(--orange);grid-template-columns:56px 1fr;align-items:start;gap:16px;padding:18px;display:grid}.bloc .icone{background:var(--orange);width:56px;height:56px;color:var(--ardoise);border-radius:50%;place-items:center;font-size:1.6rem;font-weight:800;display:grid}.bloc h2{text-transform:uppercase;letter-spacing:.06em;color:var(--orange-fonce);margin:0 0 4px;font-size:1rem}.bloc p{font-size:1.1rem}.radar{justify-content:center;gap:10px;display:flex}.radar div{text-align:center;color:var(--gris);letter-spacing:.04em;text-transform:uppercase;font-size:.65rem}.radar span{color:#9ca3af;background:#e5e7eb;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:4px;font-size:1.5rem;font-weight:800;display:grid}.radar .actif span{background:var(--orange);color:var(--ardoise)}.radar .actif{color:var(--ardoise);font-weight:700}.pourEnParler{background:var(--ardoise);color:var(--blanc);padding:16px 18px}.pourEnParler b{color:var(--orange);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:.8rem;display:block}.message{color:var(--gris);text-align:center;font-size:1rem;font-style:italic}.dev{color:#9f9;text-align:left;z-index:9;background:#000d;max-height:40dvh;padding:8px;font:12px/1.4 monospace;position:fixed;bottom:0;left:0;right:0;overflow:auto}@media (width>=700px){h1{font-size:2.6rem}}.collant{background:linear-gradient(to bottom, transparent, var(--blanc) 30%);padding:14px 0 20px;position:sticky;bottom:0}.choix{gap:14px;display:grid}.question{text-transform:uppercase;letter-spacing:.06em;font-size:1.1rem;font-weight:800}.lien{font:inherit;color:var(--gris);cursor:pointer;background:0 0;border:0;padding:12px;font-size:.85rem;text-decoration:underline}.animateur{text-align:left;justify-content:flex-start;align-items:center;gap:20px}.animateur h1{text-align:center}.groupe h2{letter-spacing:.1em;text-transform:uppercase;color:var(--gris);margin:0 0 8px;font-size:.85rem}.options{flex-wrap:wrap;gap:10px;display:flex}.option{border:3px solid var(--trait);background:var(--blanc);min-height:60px;color:var(--ardoise);font:inherit;cursor:pointer;border-radius:6px;flex:45%;padding:8px 12px;font-size:1.05rem;font-weight:700}.option[aria-pressed=true]{border-color:var(--orange);background:var(--orange-pale)}.option:focus-visible{outline:4px solid var(--ardoise);outline-offset:2px}.ondes{justify-content:center;align-items:center;gap:7px;height:84px;display:flex}.ondes i{background:#4b5563;border-radius:5px;width:9px;height:8px;transition:height 60ms linear;display:block}.ondes.parle i{background:var(--orange)}.camembert{background:conic-gradient(#6b7280 var(--reste,100%), #3a424c 0);border-radius:50%;width:40px;height:40px;margin:0 auto}@media (prefers-reduced-motion:reduce){.ondes.parle i{height:36px}}