:root,:root[data-theme=dark]{color-scheme:dark;--nuit: #05070d;--nuit-2: #0b1020;--trait: #1c2740;--texte: #e8eef8;--texte-doux: #8b9ab5;--cyan: #35e0d8;--cyan-sourd: #1a6f6d;--ambre: #ffb340;--rouge: #ff4d5e;--vert: #3ddc84;--sur-cyan: #04211f;--temoin-vert: 45%;--police: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, monospace;--bas-barre: clamp(1rem, 3vh, 2rem)}:root[data-theme=light]{color-scheme:light;--nuit: #f4f6fa;--nuit-2: #ffffff;--trait: #ccd5e3;--texte: #0a0f1c;--texte-doux: #4d5a72;--cyan: #0a7d76;--cyan-sourd: #6fc9c3;--ambre: #8a5a00;--rouge: #c01526;--vert: #0f7038;--sur-cyan: #ffffff;--temoin-vert: 100%}*{box-sizing:border-box}html,body,#racine{height:100%;margin:0}body{background:var(--nuit);color:var(--texte);font-family:var(--police);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}.plein{min-height:100%;display:flex;flex-direction:column}.centre{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(1.25rem,4vw,3rem)}.bandeau{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;font-size:.78rem;letter-spacing:.04em;border-bottom:1px solid var(--trait);color:var(--texte-doux)}.pastille{width:8px;height:8px;border-radius:50%;flex:none}.pastille.connecte{background:var(--vert)}.pastille.lent{background:var(--ambre)}.pastille.degrade{background:var(--rouge)}.bascule-theme{padding:.1rem .4rem;margin-left:.2rem;background:none;border:1px solid var(--trait);border-radius:6px;color:var(--texte-doux);font-size:.9rem;line-height:1.2}.bandeau-degrade{background:color-mix(in srgb,var(--ambre) 16%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ambre) 40%,transparent);color:var(--ambre);padding:.6rem 1rem;font-size:.82rem;line-height:1.4}.surtitre{font-size:clamp(.62rem,1.1vw,.8rem);letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:1.4em}.titre{font-size:clamp(1.6rem,5vw,4.2rem);line-height:1.08;font-weight:700;letter-spacing:-.02em;margin:0 0 .6em;text-wrap:balance}.corps{font-size:clamp(.95rem,1.5vw,1.35rem);line-height:1.6;color:var(--texte-doux);max-width:62ch;margin:0}.chute{margin-top:1.4em;font-size:clamp(1rem,1.8vw,1.6rem);line-height:1.4;color:var(--texte);border-left:3px solid var(--cyan);padding-left:.9em;max-width:54ch;text-wrap:balance}.champ{width:100%;padding:.95rem 1.1rem;font-size:1.05rem;background:var(--nuit-2);border:1px solid var(--trait);border-radius:12px;color:var(--texte)}.champ:focus{outline:2px solid var(--cyan);outline-offset:1px}.bouton{padding:.95rem 1.4rem;font-size:1.02rem;font-weight:600;background:var(--cyan);color:var(--sur-cyan);border:none;border-radius:12px}.bouton:disabled{opacity:.45;cursor:not-allowed}.bouton-sourd{background:var(--nuit-2);border:1px solid var(--trait);color:var(--texte)}.choix{display:grid;gap:.7rem;margin:1.4rem 0}.choix button{display:flex;align-items:center;gap:.9rem;width:100%;padding:1.05rem 1.15rem;text-align:left;background:var(--nuit-2);border:1px solid var(--trait);border-radius:14px;line-height:1.35;min-height:60px}.choix button[aria-pressed=true]{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 14%,var(--nuit-2))}.choix button:disabled{opacity:.5}.puce{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--trait);font-family:var(--mono);font-size:.85rem;color:var(--texte-doux)}.choix button[aria-pressed=true] .puce{background:var(--cyan);color:var(--sur-cyan)}.barres{display:grid;gap:.75rem}.barre-ligne{display:grid;grid-template-columns:1fr auto;gap:.5rem 1rem;align-items:baseline}.barre-piste{grid-column:1 / -1;height:10px;background:var(--nuit-2);border-radius:999px;overflow:hidden}.barre-remplie{height:100%;background:var(--cyan);border-radius:999px;transition:width .7s cubic-bezier(.22,1,.36,1)}.barre-remplie.correcte{background:var(--vert)}.compte{font-family:var(--mono);color:var(--texte-doux);font-size:.9rem}.discret{color:var(--texte-doux);font-size:.85rem;line-height:1.5}.choix-manuel{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.7rem 1rem;border-top:1px solid var(--trait);background:var(--nuit-2)}.choix-manuel button{width:40px;height:40px;border-radius:10px;background:var(--nuit);border:1px solid var(--trait);color:var(--texte-doux);font-family:var(--mono)}.choix-manuel button[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan);color:var(--sur-cyan)}.scene{position:relative;min-height:100%;display:flex;flex-direction:column}.compteur-reponses{font-size:clamp(1.6rem,4vw,3rem);font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--cyan);margin:1.5rem 0 0}.barre-commande{position:fixed;left:50%;bottom:var(--bas-barre);transform:translate(-50%);display:flex;align-items:center;gap:.8rem;padding:.55rem .7rem;background:color-mix(in srgb,var(--nuit-2) 88%,transparent);border:1px solid var(--trait);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .4s ease,transform .4s ease;z-index:10}.barre-commande.masquee{opacity:0;transform:translate(-50%) translateY(.7rem);pointer-events:none}.barre-principal{padding:.8rem 1.6rem;font-size:1.05rem;font-weight:600;background:var(--trait);color:var(--texte);border:none;border-radius:999px;white-space:nowrap}.barre-principal.majeur{background:var(--cyan);color:var(--sur-cyan)}.barre-retour{width:40px;height:40px;display:grid;place-items:center;background:none;border:1px solid var(--trait);border-radius:50%;color:var(--texte-doux);font-size:1.1rem}.barre-repere{font-family:var(--mono);font-size:.85rem;color:var(--texte-doux);padding-right:.5rem;white-space:nowrap}.temoin{position:fixed;right:10px;bottom:10px;width:8px;height:8px;border-radius:50%;z-index:5}.temoin.connecte{background:color-mix(in srgb,var(--vert) var(--temoin-vert),transparent)}.temoin.degrade{background:var(--rouge)}.alerte-regie{position:fixed;right:10px;bottom:10px;z-index:6;max-width:340px;padding:.5rem .8rem;text-align:left;background:var(--rouge);border:none;border-radius:6px;color:#fff;font-size:.78rem;line-height:1.35;cursor:pointer}.mur{columns:3 22ch;column-gap:1.6rem;width:100%;max-width:1400px;margin:0 auto;text-align:left}.mur-reponse{break-inside:avoid;margin:0 0 .9rem;padding:.75rem .95rem;background:var(--nuit-2);border:1px solid var(--trait);border-left:3px solid var(--cyan);border-radius:10px;line-height:1.4;color:var(--texte);animation:pose .32s ease-out both}@keyframes pose{0%{opacity:0;transform:translateY(6px)}}.mur.large{columns:1 40ch}.mur.large .mur-reponse{font-size:clamp(1.1rem,2.4vw,2rem)}.mur.moyen{columns:2 28ch}.mur.moyen .mur-reponse{font-size:clamp(.95rem,1.7vw,1.4rem)}.mur.dense .mur-reponse{font-size:clamp(.85rem,1.25vw,1.1rem)}@media(prefers-reduced-motion:reduce){.mur-reponse{animation:none}}.champ-phrase{resize:vertical;min-height:6.5rem;line-height:1.45;font-family:inherit}.cadre{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;overflow:hidden}.cadre:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid color-mix(in srgb,var(--cyan) 22%,transparent);border-radius:4px;animation:respire 7s ease-in-out infinite}@keyframes respire{0%,to{opacity:.3}50%{opacity:.85}}.cadre i{position:absolute;display:block}.cadre .haut,.cadre .bas{left:0;width:22%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--vert),transparent)}.cadre .haut{top:10px;animation:file-x 10s linear infinite}.cadre .bas{bottom:10px;animation:file-x-inverse 10s linear infinite;animation-delay:-5s}.cadre .droite,.cadre .gauche{top:0;width:2px;height:22%;background:linear-gradient(180deg,transparent,var(--vert),var(--cyan),transparent)}.cadre .droite{right:10px;animation:file-y 10s linear infinite;animation-delay:-2.5s}.cadre .gauche{left:10px;animation:file-y-inverse 10s linear infinite;animation-delay:-7.5s}@keyframes file-x{0%{transform:translate(-100%)}to{transform:translate(460%)}}@keyframes file-x-inverse{0%{transform:translate(460%)}to{transform:translate(-100%)}}@keyframes file-y{0%{transform:translateY(-100%)}to{transform:translateY(460%)}}@keyframes file-y-inverse{0%{transform:translateY(460%)}to{transform:translateY(-100%)}}@media(prefers-reduced-motion:reduce){.cadre i{display:none}.cadre:before{animation:none;opacity:.4}}.piece{width:100%;max-width:720px;margin:1.1rem auto 0;text-align:left;background:var(--nuit-2);border:1px solid var(--trait);border-radius:10px;overflow:hidden}.piece-tete{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.7rem .9rem;border-bottom:1px solid var(--trait);font-size:.9rem}.piece-tete .bouton{padding:.4rem .9rem;font-size:.8rem;white-space:nowrap}.piece-texte{margin:0;padding:.9rem;max-height:22rem;overflow:auto;font-family:var(--mono);font-size:.72rem;line-height:1.5;color:var(--texte-doux);white-space:pre;-webkit-overflow-scrolling:touch}.verifier{margin:1.4rem auto;padding:0;max-width:60ch;list-style:none;text-align:left}.verifier li{position:relative;padding:.35rem 0 .35rem 1.6rem;font-size:clamp(.95rem,1.5vw,1.25rem);color:var(--texte-doux)}.verifier li:before{content:"→";position:absolute;left:0;color:var(--cyan)}.carton-code{position:fixed;left:50%;bottom:calc(var(--bas-barre) + 6rem);transform:translate(-50%);display:grid;justify-items:center;gap:.5rem;width:min(92vw,1500px);padding:1.1rem 2rem 1.3rem;background:color-mix(in srgb,var(--nuit-2) 94%,transparent);border:1px solid var(--trait);border-radius:14px;z-index:4}.carton-code-url{max-width:100%;font-family:var(--mono);font-size:clamp(1.1rem,3.6vw,3rem);font-weight:600;line-height:1.1;color:var(--texte);letter-spacing:-.01em;overflow-wrap:anywhere}.carton-code-bas{display:flex;align-items:baseline;gap:.9rem}.carton-code-etiquette{font-size:clamp(.7rem,1.2vw,1rem);font-weight:600;letter-spacing:.22em;color:var(--texte-doux)}.carton-code-valeur{font-family:var(--mono);font-size:clamp(2.8rem,8vw,7rem);font-weight:700;line-height:1;color:var(--cyan);letter-spacing:.2em;margin-right:-.2em}.champ-code{font-family:var(--mono);font-size:1.6rem;text-align:center;letter-spacing:.28em;text-transform:uppercase}.choix-module{display:grid;gap:.8rem;margin-top:1.5rem;max-width:640px}.choix-module button{display:grid;gap:.25rem;padding:1.1rem 1.3rem;text-align:left;background:var(--nuit-2);border:1px solid var(--trait);border-radius:14px}.choix-module button:hover{border-color:var(--cyan)}.choix-module b{font-size:1.2rem}.choix-module span{color:var(--texte-doux)}.choix-module em{font-style:normal;font-family:var(--mono);font-size:.78rem;color:var(--cyan-sourd)}.barre-module,.barre-recaler{padding:.5rem .9rem;background:none;border:1px solid var(--trait);border-radius:999px;color:var(--texte-doux);font-size:.8rem;white-space:nowrap}.barre-recaler.cours{color:var(--texte)}.barre-recaler.oui{border-color:var(--vert);color:var(--vert)}.barre-recaler.echec{border-color:var(--rouge);color:var(--rouge)}.purdue{display:grid;gap:3px;width:100%;max-width:760px;margin:.8rem 0 1.2rem}.purdue-niveau{display:grid;grid-template-columns:42px 1fr 1.4fr;gap:.9rem;align-items:baseline;padding:.5rem .8rem;background:var(--nuit-2);border-radius:6px;font-size:clamp(.75rem,1.1vw,.95rem)}.purdue-niveau.frontiere{background:color-mix(in srgb,var(--ambre) 18%,var(--nuit-2));border:1px solid color-mix(in srgb,var(--ambre) 55%,transparent)}.purdue-num{font-family:var(--mono);font-weight:700;color:var(--cyan)}.purdue-niveau.frontiere .purdue-num{color:var(--ambre)}.purdue-nom{font-weight:600}.purdue-detail{color:var(--texte-doux)}.fonctions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin:1rem 0 1.4rem}.fonction{display:grid;gap:.2rem;padding:.9rem;background:var(--nuit-2);border:1px solid var(--trait);border-radius:12px}.fonction.neuve{border-color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,var(--nuit-2))}.fonction-code{font-family:var(--mono);font-size:.8rem;color:var(--cyan)}.fonction-nom{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:600}.fonction-tag{font-size:.7rem;color:var(--cyan);text-transform:uppercase;letter-spacing:.06em}.scenario-onglets{display:flex;gap:.5rem;margin-bottom:.8rem}.scenario-onglets button{padding:.45rem 1rem;background:var(--nuit-2);border:1px solid var(--trait);border-radius:999px;color:var(--texte-doux);font-size:.85rem}.scenario-onglets button.actif{background:var(--cyan);border-color:var(--cyan);color:var(--sur-cyan)}.infra{position:relative;width:100%;height:min(60vh,560px)}.infra-canvas{width:100%;height:100%;display:block}.infra-legende{display:flex;justify-content:space-between;gap:1rem;font-family:var(--mono);font-size:.85rem;color:var(--texte-doux);padding-top:.4rem;border-top:1px solid var(--trait)}.infra-compteur{color:var(--rouge)}.proportion{position:relative;width:100%;max-width:640px;aspect-ratio:5 / 2;margin:.5rem 0 1.5rem}.proportion-trame{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at center,var(--trait) 1.2px,transparent 1.3px);background-size:8px 8px;opacity:.75}.proportion-point{position:absolute;left:38%;top:44%;width:10px;height:10px;border-radius:50%;background:var(--ambre);opacity:0;transform:scale(.4);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1)}.proportion-point.visible{opacity:1;transform:scale(1);box-shadow:0 0 0 4px color-mix(in srgb,var(--ambre) 22%,transparent),0 0 26px 6px color-mix(in srgb,var(--ambre) 45%,transparent)}.classement ol{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.35rem}.classement li{display:grid;grid-template-columns:2.2rem 1fr auto;gap:.8rem;align-items:baseline;padding:.5rem .8rem;background:var(--nuit-2);border-radius:8px}.classement.grand li{font-size:clamp(1rem,2vw,1.8rem);padding:.7rem 1.1rem}.classement li:nth-child(-n+3){background:color-mix(in srgb,var(--cyan) 12%,var(--nuit-2))}.classement-rang{font-family:var(--mono);color:var(--texte-doux)}.classement li:nth-child(-n+3) .classement-rang{color:var(--cyan)}.classement-pseudo{font-weight:600}.classement-points{font-family:var(--mono);color:var(--cyan)}.classement-moi{margin:.9rem 0 0;padding:.6rem .8rem;background:color-mix(in srgb,var(--ambre) 14%,transparent);border-radius:8px;font-size:.9rem;color:var(--ambre)}.nuage{position:relative;width:100%;height:min(58vh,520px);margin:1rem 0}.nuage-mot{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-weight:600;letter-spacing:-.01em;color:var(--cyan);transition:font-size .9s cubic-bezier(.22,1,.36,1),opacity .9s ease;animation:apparait .7s cubic-bezier(.22,1,.36,1) both}.nuage-mot:nth-child(3n){color:var(--texte)}.nuage-mot:nth-child(5n){color:var(--ambre)}@keyframes apparait{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}}.pile{display:grid;gap:1rem}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.cartes{background:#fff;color:#111;min-height:100%;padding:1.5rem}.cartes-barre{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;max-width:148mm;margin:0 auto 1.2rem;font-size:.9rem;color:#555}.cartes-onglets{display:flex;gap:.35rem}.cartes-onglets button{padding:.4rem .8rem;background:#f0f0f0;border:1px solid #ccc;border-radius:999px;color:#333;font-size:.85rem}.cartes-onglets button.actif{background:#111;border-color:#111;color:#fff}.cartes-titre{max-width:148mm;margin:0 auto 1rem;font-size:1.1rem;color:#333}.carte-animateur{margin:0 0 2mm;font-size:9pt;font-weight:600;color:#2b6cb0}.carte-explication{margin:2mm 0 0;padding:2mm 2.5mm;background:#f4f4f4;border-left:2.5px solid #666;font-size:9pt}.carte{width:148mm;min-height:105mm;margin:0 auto 6mm;padding:8mm 9mm;border:1px solid #ccc;border-radius:3mm;font-size:10.5pt;line-height:1.42;break-inside:avoid}.carte-tete{display:flex;align-items:baseline;gap:3mm;border-bottom:1.5px solid #111;padding-bottom:2mm;margin-bottom:3mm}.carte-num{font-size:20pt;font-weight:700;line-height:1}.carte-repere{font-size:12pt;font-weight:600;flex:1}.carte-cumul{font-family:var(--mono);font-size:9pt;color:#666;white-space:nowrap}.carte-sacrifiable{margin:0 0 2.5mm;padding:1mm 2mm;background:#fff3d6;border-left:2.5px solid #d98a00;font-size:8.5pt;color:#7a4d00}.carte-chiffres{display:flex;flex-wrap:wrap;gap:2mm 4mm;margin-bottom:3mm;padding:2mm 3mm;background:#f2f2f2;border-radius:1.5mm;font-family:var(--mono);font-size:11pt;font-weight:700}.carte-balises{margin:0;padding-left:4.5mm}.carte-balises li{margin-bottom:1.8mm}.carte-gestes{margin:3mm 0 0;font-style:italic;font-size:9pt;color:#555;border-left:2px solid #bbb;padding-left:2.5mm}.carte-interaction{margin-top:3.5mm;padding-top:2.5mm;border-top:1px dashed #999}.carte-interaction h3{margin:0 0 2mm;font-size:10pt;text-transform:uppercase;letter-spacing:.04em}.carte-interaction dl{margin:0 0 2mm}.carte-interaction dt{font-weight:700;font-size:9.5pt;margin-top:1.5mm}.carte-interaction dd{margin:0 0 0 3mm;font-size:9.5pt}.carte-disperse{margin:2mm 0;font-size:9.5pt}.carte-sortie{margin:2mm 0 0;padding:2mm 2.5mm;background:#eef6ff;border-left:2.5px solid #2b6cb0;font-size:9.5pt;font-weight:600}.carte-slide{margin:3mm 0 0;font-size:9pt;color:#666}.rapport-bloc{max-width:165mm;margin:0 auto 7mm;padding-bottom:4mm;border-bottom:1px solid #ddd;break-inside:avoid}.rapport-bloc h2{margin:0 0 1mm;font-size:12pt;line-height:1.35}.rapport-source{margin:0 0 2.5mm;font-size:9pt;color:#666}.rapport-table{width:100%;border-collapse:collapse;font-size:10pt}.rapport-table td{padding:1.4mm 2mm;border-bottom:1px solid #eee;vertical-align:baseline}.rapport-valeur{text-align:right;font-family:var(--mono);font-weight:700;white-space:nowrap}.rapport-base{text-align:right;font-family:var(--mono);color:#888;white-space:nowrap;width:22mm}.rapport-textes{margin:0;font-size:10pt;line-height:1.6;color:#333}@media print{@page{size:A4 portrait;margin:8mm}body{background:#fff}.cartes{padding:0}.cartes-barre,.cartes-titre{display:none}.carte{margin:0 0 4mm;border:1px dashed #999;page-break-inside:avoid}.carte:nth-child(odd){page-break-after:always}}