body{box-sizing:border-box;margin:0;min-height:100vh;overflow:hidden;width:100%}body,html{padding:0!important}html{margin:0!important}*,:after,:before{box-sizing:border-box}a{text-decoration:none}.loader-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:9999}.loader-overlay.visible{opacity:1;visibility:visible}.loader-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#toast-container{display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.toast{align-items:center;animation:slideIn .3s ease forwards;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;display:flex;font-size:14px;gap:12px;max-width:450px;min-width:300px;padding:16px 20px;pointer-events:auto;transform:translateX(120%)}.toast.hiding{animation:slideOut .3s ease forwards}.toast-success{background-color:#28a745}.toast-error{background-color:#dc3545}.toast-warning{background-color:#ffc107;color:#333}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{flex:1;line-height:1.4}.toast-close{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:8px;opacity:.8;padding:0;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(120%)}}.form-check-input:focus{box-shadow:0 0 0 4px rgba(0,123,255,.25);outline:3px solid #007bff;outline-offset:2px}.form-check-input:focus-visible{outline:3px solid #007bff;outline-offset:2px}.options label:focus-within{background-color:rgba(0,123,255,.1);border-radius:4px}.btn-next:focus{box-shadow:0 0 0 4px rgba(0,123,255,.25);outline:3px solid #0056b3;outline-offset:2px}.btn-next:focus-visible{outline:3px solid #0056b3;outline-offset:2px}@font-face{font-family:nes;src:url(/build/fonts/nes.4771127b.ttf) format("truetype")}.g-recaptcha{margin:20px}.home-container{background:url(/build/images/background.9b411d15.png) no-repeat 50% fixed;background-size:cover;color:#fff;font-family:nes;height:100vh;text-align:center;width:100%}.home-subContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.home-title{font-size:6em;margin:3vh 0 0}.home-subTitle{font-size:2em;margin:0 0 5vh}.home-form{align-items:center;display:flex;flex-direction:column;margin:0 10%;width:80%}.home-form label{margin:10px 0 5px}.home-form input{background-clip:padding-box;background-color:#212529;border-radius:5px;box-shadow:4px 0 #fff,-4px 0 #fff,0 -4px #fff,0 4px #fff;box-sizing:border-box;color:#fff;display:inline-block;margin:10px auto;padding:.3rem 1rem;width:calc(60% - 8px)}@keyframes blink-animation{0%{opacity:0}to{opacity:1}}.home-button{align-items:center;animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite;background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;font-family:nes;font-size:2em;padding:10px 20px}.home-button:hover{background-color:#555}.home-admin{color:#034272;font-size:25px;left:10px;position:absolute;top:10px}.triangle{border-bottom:10px solid transparent;border-left:18px solid #fff;border-top:8px solid transparent;display:inline-block;height:0;margin-right:10px;width:0}.home-erreur{background-color:brown;box-shadow:0 0 10px 0 #fff;margin-bottom:10px;padding:10px}.admin-link-container{margin-top:20px;position:absolute;right:25px;top:5px}.admin-link{color:#007bff;font-size:16px;font-weight:700;text-decoration:none}.admin-link:hover{color:#0056b3;text-decoration:underline}.finished-container,.introduction-container,.question-container{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);color:#050505;display:flex;flex-direction:column;height:96vh;margin:2vh;padding:40px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.question-container{overflow:auto}.content-wrapper{display:flex;flex-grow:1;justify-content:flex-start;padding-right:10%}.helpText-container{background-color:#fff;border:1px solid #ddd;border-radius:5px;height:fit-content;padding:20px;width:auto}.helpText{align-items:flex-start;border:1px solid #ddd;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);box-sizing:border-box;display:flex;justify-content:center;max-height:60vh;overflow:auto;overflow-wrap:break-word;padding:20px}.helpTextTitle{margin-bottom:.5em}.footer{text-align:left}.btn-next{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;width:300px}.btn-next:hover{background-color:#0056b3}#timer{height:80px;position:relative;width:80px}#countdown{height:100%;left:0;position:absolute;top:0;width:100%}#countdownCircle{fill:none;stroke:#027eb3;stroke-width:10;stroke-dasharray:282.74334;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset 1s linear}#time{font-size:2em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.finished-container{align-items:center;justify-content:center;text-align:center}.finished-box{background-color:#00aeef;border-radius:10px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);color:#fff;padding:30px 10em}.finished-box h1{color:#fff;margin-bottom:20px}.finished-box p{margin:10px 0}.options{display:flex;flex-direction:column}.options label{padding-top:15px}.question p{font-size:18px}.form-check-input[type=radio]:checked{border:5px solid blue}.form-check-input{border:2px solid #999;border-radius:50%;margin-right:5px;transition:all .2s linear}.character-container{align-items:center;background-image:url(/build/images/background.9b411d15.png);display:flex;flex-direction:column;height:100vh;margin:0;padding-top:20vh}.title{color:#fff;font-size:30px;margin-bottom:50px}.chooseCharacter{font-family:nes}.character-subContainer{display:flex;justify-content:space-around;width:80%}.character{cursor:pointer;padding:10px;width:200px}.character:hover{border:5px solid #653c3c;border-radius:10px;transform:scale(1.1);transition:.3s}.login-container{background-color:#1a1a1a;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.2);color:#fff;max-width:400px;padding:40px;text-align:center;width:100%}@media (min-width:576px){.login-container{width:70%}}@media (min-width:768px){.login-container{width:50%}}@media (min-width:992px){.login-container{width:40%}}@media (min-width:1200px){.login-container{width:30%}}.login-container label{display:block;margin-bottom:5px;text-align:left}.login-container input{background-color:#333;border:1px solid #444;border-radius:5px;color:#fff;margin-bottom:20px;padding:10px;width:100%}.login-container input:focus{border-color:#f1c40f}.login-container .checkbox{margin-bottom:20px;text-align:left}.login-container .checkbox input{width:auto}.login-container .btn-login{background-color:#f1c40f;border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;padding:10px;width:100%}.login-container .btn-login:hover{background-color:#e1b30f}.login-container .alert{background-color:#ff4f4f;border-radius:5px;margin-bottom:20px;padding:10px}.admin-header{margin-bottom:20px}.admin-title{color:#f1c40f;font-size:2em}.admin-subtitle{color:#fff;font-size:1em}.divider{background:#f1c40f;border:0;height:1px;margin:20px 0}body.ea-dark-scheme{--stat-bg-color:#444;--stat-hover-bg-color:#555;--stat-text-color:#ddd;--stat-icon-color:#fc0;--stat-subtext-color:#ccc;--chart-bg-color:#444;--chart-hover-bg-color:#555}.alert-danger{background-color:#f8d7da;color:#721c24}body.ea-light-scheme{--stat-bg-color:#f5f5f5;--stat-hover-bg-color:#e0e0e0;--stat-text-color:#333;--stat-icon-color:#007bff;--stat-subtext-color:#666;--chart-bg-color:#f5f5f5;--chart-hover-bg-color:#e0e0e0}.stats-container{flex-wrap:wrap;gap:1em}.stati,.stats-container{display:flex;justify-content:space-between}.stati{align-items:center;background-color:var(--stat-bg-color);border-radius:8px;color:var(--stat-text-color);height:6em;padding:1em;transition:background-color .3s ease,transform .3s ease;width:calc(33.333% - 1em)}.stati:hover{background-color:var(--stat-hover-bg-color);transform:translateY(-.2em)}.stati i{color:var(--stat-icon-color);font-size:3.5em;margin-right:10px}.stati div{flex-grow:1;text-align:right}.stati div b{display:block;font-size:2.2em;margin-bottom:-.2em;margin-top:-.2em}.stati div span{color:var(--stat-subtext-color);display:block;font-size:1em}.charts-container{display:flex;flex-wrap:wrap;gap:1.5em;justify-content:space-between;margin-top:2em}.charts-container .chart{background-color:var(--chart-bg-color);border-radius:8px;flex:1 1 calc(50% - 1.5em);max-width:calc(50% - 1.5em);padding:1em;transition:transform .3s ease,background-color .3s ease}.charts-container .chart:hover{background-color:var(--chart-hover-bg-color);transform:translateY(-.2em)}.chart-container canvas{height:auto;max-width:100%}.dashboard-container{margin-bottom:30px}.leaderboard-container{margin-top:30px}.leaderboard-container h2{margin-bottom:20px}.leaderboard-container table{border-collapse:collapse;width:100%}.leaderboard-container table td,.leaderboard-container table th{padding:10px;text-align:left}