:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}main{box-sizing:border-box;flex-direction:column;flex:1;justify-content:safe center;align-items:center;gap:1.5rem;padding:1.5rem 1rem;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.menu{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.menu-logo{color:var(--text-h);font-family:var(--heading);align-items:center;gap:.6rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.menu-logo img{width:3.25rem;height:3.25rem}.menu-liens{flex-wrap:wrap;gap:.25rem 1.25rem;margin-right:1rem;display:flex}.menu-liens a{color:var(--text);border-bottom:2px solid #0000;padding:.25rem 0;font-weight:600;text-decoration:none;transition:color .3s,border-color .3s}.menu-liens a:hover,.menu-liens a.active{color:var(--accent);border-bottom-color:var(--accent)}.menu-logo:focus-visible,.menu-liens a:focus-visible{outline:3px solid var(--accent-border);outline-offset:3px;border-radius:4px}@property --rayon{syntax:"<percentage>";inherits:true;initial-value:0%}button,.bouton{border:2px solid var(--accent);--rayon:0%;color:#fff;background:radial-gradient(circle, var(--bg) var(--rayon), var(--accent) var(--rayon));font:inherit;cursor:pointer;isolation:isolate;border-radius:10px;margin:1.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:--rayon .5s cubic-bezier(0,0,.2,1),transform .5s,box-shadow .5s;display:inline-block;position:relative;overflow:hidden}.bouton-son{border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;margin:0;padding:0;display:inline-grid}.bouton-son:hover{box-shadow:4px 4px 0 var(--accent);transform:translate(-4px,-4px)}button:hover,.bouton:hover{box-shadow:6px 6px 0 var(--accent);transform:translate(-6px,-6px)}button:hover:not(:disabled),.bouton:hover{--rayon:100%}.texte-bouton{color:#0000;background:radial-gradient(circle, var(--accent) var(--rayon), #fff var(--rayon));-webkit-background-clip:text;background-clip:text;margin:-.75rem -1.5rem;padding:.75rem 1.5rem;display:block}.icone{height:2.5rem;margin-bottom:.5rem;display:block}.icone:before{content:"";pointer-events:none;background:radial-gradient(circle, var(--accent) var(--rayon), #fff var(--rayon));-webkit-mask:var(--masque) 50% .75rem / 2.5rem no-repeat;-webkit-mask:var(--masque) 50% .75rem / 2.5rem no-repeat;mask:var(--masque) 50% .75rem / 2.5rem no-repeat;position:absolute;inset:0}main>.icone{width:6rem;height:6rem;margin:0;position:relative}main>.icone:before{background:var(--accent);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain}button:active,.bouton:active{transform:scale(.9)}button:focus-visible,.bouton:focus-visible{outline:3px solid var(--accent-border);outline-offset:3px}button:disabled,.bouton:disabled{opacity:.5;cursor:not-allowed;transform:none}bouton-secondaire{color:var(--accent);background:0 0}.choix-role{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.choix-mode{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-auto-rows:1fr;width:100%;max-width:48rem;display:grid}input[type=text],input:not([type]),textarea{box-sizing:border-box;border:2px solid var(--accent);background:var(--bg);width:100%;max-width:22rem;color:var(--text-h);font:inherit;border-radius:10px;padding:.75rem 1rem;transition:transform .5s,box-shadow .5s;display:block}input::placeholder,textarea::placeholder{color:var(--text);opacity:.7}input:focus-visible,textarea:focus-visible{box-shadow:6px 6px 0 var(--accent);outline:none;transform:translate(-6px,-6px)}:is(input:user-invalid,textarea:user-invalid){border-color:#d93025;box-shadow:4px 4px #d93025}.formulaire{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:22rem;display:flex}.champ-code{font-family:var(--mono);letter-spacing:.15rem;text-align:center;text-transform:uppercase;font-size:1.4rem}.champ-pseudo{font-family:var(--heading);text-align:center;font-size:1.4rem;font-weight:700}.reponse{--vert:#2e9e44;--rouge:#d93025}.reponse:disabled{opacity:1;cursor:default}.reponse.reponse-juste{background:var(--vert);border-color:var(--vert);color:#fff}.reponse.reponse-fausse{background:var(--rouge);border-color:var(--rouge);color:#fff}.reponse.reponse-neutre{opacity:.4}.reponse.reponse-juste:before{content:"✓ "}.reponse.reponse-fausse:before{content:"✗ "}.reponse:disabled:hover{box-shadow:none;transform:none}.reponse.reponse-juste:disabled:hover{background:var(--vert);color:#fff}.reponse.reponse-fausse:disabled:hover{background:var(--rouge);color:#fff}.media{width:100%;position:relative;overflow:hidden}.media>img,.media>video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.bloc-medias{grid-template-columns:auto 1fr auto;grid-template-areas:"top top top""left center right""bottom bottom bottom";align-items:center;margin-bottom:1.5rem;display:grid}.zone-top{grid-area:top;margin-bottom:1rem}.zone-bottom{grid-area:bottom;margin-top:1rem}.zone-center{grid-area:center}.zone-left{grid-area:left;width:min(35vw,360px);margin-right:1.5rem}.zone-right{grid-area:right;width:min(35vw,360px);margin-left:1.5rem}.zone-top .media,.zone-bottom .media{width:auto;max-width:100%;height:35vw;margin-inline:auto}@media (width<=600px){.bloc-medias{grid-template-columns:1fr;grid-template-areas:"top""left""center""right""bottom"}.zone-left,.zone-right{width:auto;margin:0 0 1rem}}.carte-reponse{justify-content:center;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.carte-reponse>.reponse{margin:0}.reponse .media{border-radius:6px;width:8rem;margin:0 auto 1rem}.reponse .media:last-child{margin-bottom:0}.carte-reponse>.media{flex-shrink:0;width:min(40vw,16rem)}.bouton-son{flex-shrink:0}.bouton-son:hover:not(:disabled){color:var(--accent)}@media (width<=600px){.carte-reponse{flex-wrap:wrap}}.loader{text-align:left;width:80px;height:50px;position:relative}.loader-text{color:#c8b6ff;letter-spacing:1px;margin:0;padding:0;font-size:.8rem;animation:3.5s infinite both text_713;position:absolute;top:0}.load{background-color:#9a79ff;border-radius:50px;width:16px;height:16px;animation:3.5s infinite both loading_713;display:block;position:absolute;bottom:0;transform:translate(64px)}.load:before{content:"";border-radius:inherit;background-color:#d1c2ff;width:100%;height:100%;animation:3.5s infinite both loading2_713;position:absolute}@keyframes text_713{0%{letter-spacing:1px;transform:translate(0)}40%{letter-spacing:2px;transform:translate(26px)}80%{letter-spacing:1px;transform:translate(32px)}90%{letter-spacing:2px;transform:translate(0)}to{letter-spacing:1px;transform:translate(0)}}@keyframes loading_713{0%{width:16px;transform:translate(0)}40%{width:100%;transform:translate(0)}80%{width:16px;transform:translate(64px)}90%{width:100%;transform:translate(0)}to{width:16px;transform:translate(0)}}@keyframes loading2_713{0%{width:16px;transform:translate(0)}40%{width:80%;transform:translate(0%)}80%{width:100%;transform:translate(0)}90%{width:80%;transform:translate(15px)}to{width:16px;transform:translate(0)}}