@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:700;src:url(./jost-latin-700-normal-u2Hrqd6k.woff2)format("woff2"),url(./jost-latin-700-normal-k-iBXzmq.woff)format("woff")}:root{--bleu-accent:#2b7fff;--fond-scene:#050505;--bleu:#2b7fff;--lien:#1a5fd0;--encre:#121820;--encre-2:#3d4753;--encre-3:#6b7480;--fond:#fff;--fond-2:#f4f5f7;--trait:#e0e3e8;--trait-fort:#c9ced6;--nuit:#fff;--nuit-txt:#3d4753;--nuit-fort:#121820;--nuit-eti:#6b7480;--rouge:#c0392b;--rouge-plein:#c0392b}:root[data-theme=sombre]{--lien:#7fb0ff;--encre:#f4f6f9;--encre-2:#aeb5bf;--encre-3:#7e858f;--fond:#000;--fond-2:#0a0b0d;--trait:#1b1d21;--trait-fort:#2f3338;--nuit:#000;--nuit-txt:#aeb5bf;--nuit-fort:#fff;--nuit-eti:#7e858f;--rouge:#ff7d6e;--rouge-plein:#c0392b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{background:var(--fond);color:var(--encre);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;overflow:hidden}.ecran{position:absolute;inset:0}.ecran[hidden]{display:none!important}#ecran-accueil,#ecran-tutoriel{overflow-y:auto}#ecran-simulateur{background:var(--fond-scene)}.zone{max-width:1120px;margin:0 auto;padding:0 32px}.barre{border-bottom:1px solid var(--trait)}.barre .zone{align-items:center;gap:28px;height:62px;display:flex}.logo{flex:none;width:auto;height:30px;display:block}:root[data-theme=sombre] .logo{filter:invert()}.logo[hidden]{display:none}.mot-marque{letter-spacing:.01em;font-family:Jost,sans-serif;font-weight:700}.marque{color:var(--encre);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-family:inherit;font-size:23px;display:inline-flex}.marque:hover{opacity:.7}.marque:focus-visible{outline:2px solid var(--bleu);outline-offset:3px}.nav{gap:24px;margin-left:8px;display:flex}.nav button{color:var(--encre-2);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:14.5px}.nav button:hover{color:var(--encre)}.nav .actif{color:var(--encre);font-weight:600}.barre .droite{align-items:center;gap:20px;margin-left:auto;display:flex}.disque{color:var(--encre-3);font-size:13px}.theme{border:1px solid var(--encre);background:var(--fond-2);width:54px;height:24px;color:var(--encre);cursor:pointer;border-radius:12px;flex:none;padding:0;position:relative}.theme i{background:var(--encre);border-radius:50%;width:18px;height:18px;position:absolute;top:2px;left:2px}.theme b{background:currentColor;border-radius:50%;position:absolute;top:50%}.lune{width:12px;height:12px;margin-top:-6px;right:7px;overflow:hidden}.lune:after{content:"";background:var(--fond-2);border-radius:50%;width:14px;height:14px;position:absolute;top:-1px;left:4px}.soleil{width:7px;height:7px;margin-top:-3.5px;left:8px}.soleil:before,.soleil:after{content:"";background:linear-gradient(currentColor 0 3px,#0000 3px 14px,currentColor 14px 17px) 50%/1.5px 100% no-repeat,linear-gradient(90deg,currentColor 0 3px,#0000 3px 14px,currentColor 14px 17px) 50%/100% 1.5px no-repeat;width:17px;height:17px;position:absolute;top:-5px;left:-5px}.soleil:after{transform:rotate(45deg)}.theme .soleil,:root[data-theme=sombre] .theme .lune{display:none}:root[data-theme=sombre] .theme .soleil{display:block}:root[data-theme=sombre] .theme i{background:var(--bleu);left:auto;right:2px}.langue{border:1px solid var(--trait-fort);background:var(--fond);color:var(--encre);cursor:pointer;border-radius:3px;align-items:center;gap:9px;padding:6px 11px;font-family:inherit;font-size:12.5px;line-height:1;display:inline-flex}.langue:hover{border-color:var(--encre-3)}.langue:focus-visible{outline:2px solid var(--bleu);outline-offset:2px}.langue-chevron{color:currentColor;flex:none;width:9px;height:6px}.hors-ecran{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{border-bottom:1px solid var(--trait);padding:76px 0 64px}.hero .grille{grid-template-columns:1.15fr .85fr;align-items:start;gap:56px;display:grid}h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:66px;font-weight:700;line-height:1.02}.chapeau{color:var(--encre-2);text-wrap:pretty;margin:0;font-size:18px}.actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.btn{border:1px solid var(--encre);color:var(--encre);cursor:pointer;background:0 0;border-radius:3px;padding:13px 24px;font-family:inherit;font-size:15.5px;font-weight:600;display:inline-block}.btn:hover{border-color:var(--encre);color:var(--encre)}.btn-1{background:var(--bleu);border-color:var(--bleu);color:#fff}.btn-1:hover{color:#fff;background:#1a5fd0;border-color:#1a5fd0}.etiquette{letter-spacing:.14em;text-transform:uppercase;color:var(--encre-3);margin:0 0 18px;font-size:12px;font-weight:700}.nuit{background:var(--nuit);border-bottom:1px solid var(--trait)}.nuit .zone{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-top:38px;padding-bottom:38px;display:grid}.nuit .etiquette{color:var(--nuit-eti);margin-bottom:10px}.nuit p{color:var(--nuit-txt);margin:0;font-size:15.5px;line-height:1.5}.nuit strong{color:var(--nuit-fort);font-weight:600}.bande{gap:10px;display:flex}.bande span{border-radius:2px;flex:1;height:10px}.bloc{padding:64px 0}.entete{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.entete .etiquette{margin-bottom:0}.compte{color:var(--encre-3);font-size:13.5px}.avis{background:var(--fond-2);border-left:3px solid var(--bleu);color:var(--encre-2);margin:18px 0 0;padding:14px 16px;font-size:14px}.avis code{background:var(--trait);border-radius:3px;padding:1px 5px;font-size:13px}.liste{border-top:1px solid var(--trait);margin-top:18px}.liste:empty{border-top:0}.ligne{border-bottom:1px solid var(--trait);grid-template-columns:1.2fr 1.4fr auto auto;align-items:center;gap:8px 28px;padding:18px 4px 18px 16px;display:grid}.ligne:hover{background:var(--fond-2)}.ligne.ouverte{box-shadow:inset 3px 0 0 var(--bleu)}.nom{color:var(--encre);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:16.5px;font-weight:600}.nom:hover{color:var(--bleu)}.nom:disabled{color:var(--encre-3);cursor:not-allowed}.meta{color:var(--encre-3);flex-wrap:wrap;gap:4px 12px;font-size:14px;display:flex}.meta .sep{color:var(--trait-fort)}.badge{letter-spacing:.06em;text-transform:uppercase;color:var(--encre);border:1px solid var(--encre);white-space:nowrap;background:0 0;border-radius:2px;justify-self:start;padding:4px 9px;font-size:12px;font-weight:700}.badge.en-cours{color:#b26b00;border-color:#b26b00}:root[data-theme=sombre] .badge.en-cours{color:#e8b44a;border-color:#e8b44a}.liens{justify-self:end;gap:16px;font-size:14px;display:flex}.liens button{border:0;border-bottom:1px solid var(--trait-fort);color:var(--encre-3);cursor:pointer;background:0 0;padding:0;font-family:inherit;font-size:14px}.liens button:hover{color:var(--encre);border-bottom-color:var(--encre)}.liens button.danger:hover{color:#c0261a;border-bottom-color:#c0261a}.etat{border-top:1px solid var(--trait);padding:64px 0}.vide{border:1px solid var(--trait);background:var(--fond-2);border-radius:3px;max-width:640px;padding:44px 36px}.vide h3{letter-spacing:-.01em;margin:0 0 8px;font-size:22px}.vide p{color:var(--encre-2);max-width:36em;margin:0 0 22px}footer{border-top:1px solid var(--trait);background:var(--fond-2)}footer .zone{color:var(--encre-3);flex-wrap:wrap;align-items:center;gap:10px 22px;padding-top:22px;padding-bottom:30px;font-size:14px;display:flex}.lien{color:var(--encre-3);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:14px;text-decoration:underline}.lien:hover{color:var(--encre)}.dialogue{border:1px solid var(--trait);background:var(--fond);width:min(560px,100vw - 32px);color:var(--encre);border-radius:4px;padding:32px}.dialogue::backdrop{background:#00000073}.dialogue h2{letter-spacing:-.02em;margin:0 0 6px;font-size:26px}.dialogue-intro{color:var(--encre-2);margin:0 0 24px;font-size:15.5px}.choix{gap:12px;display:grid}.carte{border:1px solid var(--trait-fort);color:var(--encre);text-align:left;cursor:pointer;background:0 0;border-radius:3px;flex-direction:column;gap:5px;padding:18px 20px;font-family:inherit;display:flex}.carte:hover{border-color:var(--bleu);background:var(--fond-2)}.carte:focus-visible{outline:2px solid var(--bleu);outline-offset:2px}.carte-langue{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.carte-langue[aria-current=true]{border-color:var(--bleu)}.langue-droite{flex:none;align-items:center;gap:12px;display:inline-flex}.carte-langue .coche{text-align:center;width:14px;color:var(--bleu);font-size:15px;line-height:1}.drapeau{border:1px solid var(--trait-fort);border-radius:2px;flex:none;width:22px;height:15px;line-height:0;display:block;overflow:hidden}.drapeau svg{width:100%;height:100%;display:block}.carte-titre{font-size:16.5px;font-weight:600}.carte-detail{color:var(--encre-2);font-size:14px;line-height:1.5}.dialogue-pied{text-align:right;margin-top:22px}.dialogue-actions{justify-content:flex-end;align-items:center;gap:18px;margin-top:26px;display:flex}.dialogue-sombre{color:#eee;background:#1c1c1c;border-color:#ffffff1f;border-radius:12px;box-shadow:0 12px 40px #0000008c}.dialogue-sombre .dialogue-intro{color:#aaa}.dialogue-sombre .carte{color:#eee;border-color:#ffffff29}.dialogue-sombre .carte:hover{border-color:var(--bleu-accent);background:#ffffff0a}.dialogue-sombre .carte-detail,.dialogue-sombre .lien{color:#aaa}.dialogue-sombre .lien:hover{color:#eee}.dialogue-sombre .carte-danger:hover{background:#d24b3e14;border-color:#d24b3e}.dialogue-sombre .carte-danger:focus-visible{outline-color:#d24b3e}.bouton-danger,.bouton-principal{cursor:pointer;background:0 0;border:1px solid;border-radius:3px;padding:9px 16px;font-family:inherit;font-size:14px}.bouton-danger{border-color:var(--rouge);color:var(--rouge)}.bouton-danger:hover{background:var(--rouge-plein);border-color:var(--rouge-plein);color:#fff}.bouton-danger:focus-visible{outline:2px solid var(--rouge);outline-offset:2px}.dialogue-sombre .bouton-danger{color:#ff7d6e;border-color:#d24b3e}.dialogue-sombre .bouton-danger:hover{color:#fff;background:#d24b3e}.bouton-principal{border-color:var(--bleu);background:var(--bleu);color:#fff;font-weight:600}.bouton-principal:hover{background:#1a5fd0;border-color:#1a5fd0}.bouton-principal:focus-visible{outline:2px solid var(--bleu);outline-offset:2px}.zone-compte{align-items:center;gap:14px;display:inline-flex}.bouton-compte{border:1px solid var(--trait-fort);color:var(--encre);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;padding:6px 13px;font-family:inherit;font-size:12.5px;line-height:1}.bouton-compte:hover{border-color:var(--encre-3)}.bouton-compte:focus-visible{outline:2px solid var(--bleu);outline-offset:2px}.compte-email{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--encre-2);font-size:12.5px;overflow:hidden}.champ-libelle{color:var(--encre-2);margin:18px 0 7px;font-size:13px;display:block}.message-compte{border-left:3px solid var(--rouge);background:var(--fond-2);color:var(--encre);margin:16px 0 0;padding:11px 13px;font-size:14px;line-height:1.5}.message-compte.succes{border-left-color:#2f8f2a}.champ-texte{box-sizing:border-box;border:1px solid var(--trait-fort);background:var(--fond);width:100%;color:var(--encre);border-radius:3px;padding:11px 13px;font-family:inherit;font-size:15.5px}.champ-texte:focus{border-color:var(--bleu);outline:none;box-shadow:0 0 0 3px #2b7fff2e}#annuler-calcul{color:#aaa;cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:3px;margin-top:18px;padding:7px 14px;font-family:sans-serif;font-size:12.5px}#annuler-calcul:hover{color:#e8756a;border-color:#d24b3e}#annuler-calcul:focus-visible{outline:2px solid var(--bleu-accent);outline-offset:2px}.apercu,.etat .apercu{margin:0}.apercu img{background:var(--fond-scene);border:1px solid var(--trait);border-radius:4px;width:100%;height:auto;display:block}.apercu figcaption{color:var(--nuit-txt);margin-top:12px;font-size:14px;line-height:1.5}.paire{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:40px;display:grid}.paire .vide{max-width:none}.rubrique{border-bottom:1px solid var(--trait)}.rubrique .zone{grid-template-columns:1.15fr .85fr;align-items:start;gap:56px;padding-top:52px;padding-bottom:52px;display:grid}.num{letter-spacing:.14em;text-transform:uppercase;color:var(--encre-3);margin:0 0 10px;font-size:12px;font-weight:700}h2{letter-spacing:-.02em;margin:0;font-size:29px;line-height:1.15}.corps p{color:var(--encre-2);margin:0 0 12px;font-size:16.5px}.corps p:last-child{margin-bottom:0}strong{color:var(--encre)}.note{background:var(--fond-2);border-left:3px solid var(--bleu);margin:20px 0 0;padding:18px 20px}.note-titre{letter-spacing:.14em;text-transform:uppercase;color:var(--bleu);margin:0 0 6px;font-size:12px;font-weight:700}.note p{color:var(--encre);margin:0;font-size:17px;font-weight:500}.legende{border-top:1px solid var(--trait);margin:0;padding:0;list-style:none}.legende li{border-bottom:1px solid var(--trait);align-items:center;gap:18px;padding:14px 2px;display:flex}.pastille{border:1px solid var(--encre);flex:none;width:38px;height:22px}.lib{flex:auto;font-size:16.5px;font-weight:600}.hex{color:var(--encre-3);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.apres{color:var(--encre-3);margin:14px 0 0;font-size:14.5px}.reglages{border-top:1px solid var(--trait);margin:0;padding:0;list-style:none}.reglages li{border-bottom:1px solid var(--trait);padding:14px 0}.reglages b{font-size:16.5px;display:block}.reglages span{color:var(--encre-2);font-size:16px}ul.simple{color:var(--encre-2);margin:0;padding-left:20px}ul.simple li{margin-bottom:8px;font-size:16.5px}ul.simple li:last-child{margin-bottom:0}@media (width<=900px){.hero .grille,.rubrique .zone,.nuit .zone{grid-template-columns:1fr;gap:24px}h1{font-size:48px}.rubrique .zone{padding-top:38px;padding-bottom:38px}.ligne{grid-template-columns:1fr auto;gap:6px 16px}.meta{grid-column:1/-1}.liens{grid-column:1/-1;justify-self:start}}@media (width<=560px){.zone{padding:0 18px}.barre .zone{gap:14px}.nav,.disque{display:none}.hero{padding:44px 0 40px}h1{font-size:38px}h2{font-size:24px}.chapeau{font-size:16.5px}.btn{text-align:center;flex:100%}.bloc,.etat{padding:44px 0}.vide{padding:30px 22px}.hex{display:none}}#barre-simulateur{z-index:10;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;max-width:calc(100vw - 24px);display:flex;position:fixed;top:12px;right:12px}#nom-session{color:#9a9a9a;text-overflow:ellipsis;white-space:nowrap;max-width:40vw;font-size:12px;overflow:hidden}#nom-session:empty{display:none}#retour-accueil-btn{white-space:nowrap;color:#ccc;cursor:pointer;background:#141414b8;border:1px solid #ffffff2e;border-radius:6px;flex:none;padding:7px 12px;font-family:sans-serif;font-size:12px}#retour-accueil-btn:hover{color:#fff;background:#282828e6}#retour-accueil-btn:focus-visible{outline:2px solid var(--bleu-accent);outline-offset:2px}@media (width<=600px){#barre-simulateur{gap:0}#nom-session{display:none}#retour-accueil-btn{padding:7px 10px}}#controls input[type=range]{accent-color:var(--bleu-accent)}canvas{display:block}#ui-panel{z-index:10;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);display:flex;position:fixed;top:12px;left:12px;overflow:auto}#menu-btn{color:#ccc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;flex:none;justify-content:center;align-items:center;width:34px;height:30px;padding:0;display:flex}#menu-btn:hover{color:#fff;background:#ffffff29}#menu-btn:focus-visible{outline:2px solid var(--bleu-accent);outline-offset:2px}.menu-icon,.menu-icon:before,.menu-icon:after{background:currentColor;border-radius:1px;width:16px;height:2px;display:block}.menu-icon{position:relative}.menu-icon:before{content:"";position:absolute;top:-5px;left:0}.menu-icon:after{content:"";position:absolute;top:5px;left:0}#ui-collapsible{flex-direction:column;align-items:flex-start;gap:6px;display:flex}#ui-panel.collapsed #ui-collapsible{display:none}#controls{color:#ccc;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;flex-direction:column;gap:5px;padding:6px 10px;font-family:sans-serif;font-size:12px;display:flex}.control-row{align-items:center;gap:8px;display:flex}.control-row>label,.control-row>.row-label{flex:0 0 130px}.avec-bouton{justify-content:space-between;align-items:center;gap:6px;display:flex}:root{--largeur-controle:186px}.control-row input[type=range]{flex:0 0 var(--largeur-controle);margin:0}.button-group{flex:0 0 var(--largeur-controle);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;display:grid}.button-group .wide{grid-column:1/-1}.button-group button{white-space:nowrap;color:#ccc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:4px 6px;font-family:sans-serif;font-size:12px}.button-group button:hover:not(:disabled){color:#fff;background:#ffffff29}.button-group button:focus-visible{outline:2px solid var(--bleu-accent);outline-offset:2px}.separateur{background:#ffffff1f;height:1px;margin:1px 0}#pause-btn{color:#ccc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;padding:2px 8px;font-family:sans-serif;font-size:13px;line-height:1.4}#pause-btn:hover{color:#fff;background:#ffffff29}.control-row select{color:#ccc;cursor:pointer;background:#282828f2;border:1px solid #ffffff26;border-radius:6px;padding:2px 6px;font-family:sans-serif;font-size:12px}.button-group button:disabled,#controls input:disabled{opacity:.4;cursor:default}.toggle-switch{flex:none;width:38px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.toggle-track{pointer-events:none;background:#fff3;border-radius:999px;transition:background-color .2s;position:absolute;inset:0}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch input:checked~.toggle-track{background:var(--bleu-accent)}.toggle-switch input:checked~.toggle-track .toggle-thumb{transform:translate(16px)}.toggle-switch input:focus-visible~.toggle-track{outline:2px solid var(--bleu-accent);outline-offset:2px}#loading-overlay{z-index:30;opacity:0;pointer-events:none;background:#080808c7;justify-content:center;align-items:center;transition:opacity .2s linear;display:flex;position:fixed;inset:0}#loading-overlay.visible{opacity:1;pointer-events:auto}#loading-panel{text-align:center;color:#eee;background:#1c1c1c;border:1px solid #ffffff1f;border-radius:12px;width:min(380px,90vw);padding:28px 32px;font-family:sans-serif;box-shadow:0 12px 40px #0000008c}#loading-panel h2{margin:0 0 10px;font-size:18px;font-weight:600}#loading-panel p{color:#aaa;margin:0 0 20px;font-size:13px;line-height:1.5}#loading-progress-bar{background:#ffffff1a;border-radius:4px;height:7px;margin-bottom:12px;position:relative;overflow:hidden}#loading-progress-fill{background:#4da6ff;width:0%;height:100%;transition:width .15s linear}#loading-status{color:#9fd3ff;font-size:13px}@keyframes loading-sweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}#loading-overlay.visible #loading-progress-bar:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff73 50%,#fff0 100%);width:25%;animation:1.6s ease-in-out infinite loading-sweep;position:absolute;inset:0 auto 0 0}@keyframes loading-spin{to{transform:rotate(360deg)}}#loading-overlay.visible #loading-status:before{content:"";vertical-align:-1px;border:2px solid #9fd3ff40;border-top-color:#9fd3ff;border-radius:50%;width:11px;height:11px;margin-right:8px;animation:.8s linear infinite loading-spin;display:inline-block}@media (prefers-reduced-motion:reduce){#loading-overlay.visible #loading-progress-bar:after,#loading-overlay.visible #loading-status:before{animation:none}}@media (width<=600px){:root{--largeur-controle:165px}#controls{gap:4px;padding:5px 8px;font-size:11px}.control-row{gap:6px}.control-row>label,.control-row>.row-label{flex:0 0 82px}.button-group{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}#reset-btn{grid-column:auto}.button-group button{padding:4px 3px;font-size:11px}.control-row select{font-size:11px}.button-group .wide{grid-column:1/-1}}
