@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}#root{height:100%;width:100%;display:flex;flex-direction:column}a{font-weight:500;color:#ff6b6b;text-decoration:underline}a:hover{color:#f06565}.quizzfun-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background .5s ease-in-out;background:linear-gradient(145deg,#a8e6cf,#dcedc1,#ffd3b6);padding:1rem;box-sizing:border-box;overflow:hidden}.quizzfun-container.game-active{justify-content:space-between}.game-active .app-header{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;padding:.5rem 1rem;flex-shrink:0;max-width:900px;margin:0 auto}.game-active .app-logo-small{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.game-active .app-header h1{color:#4b4b6e;font-size:1.6em;font-weight:700;margin:0;text-shadow:1px 1px 2px rgba(255,255,255,.2)}.game-active .app-footer{width:100%;padding:.5rem 1rem;font-size:.85em;color:#4b4b6ecc;text-align:center;flex-shrink:0;max-width:900px;margin:0 auto}.app-content{width:100%;max-width:900px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:auto;padding:1rem 0;margin:0 auto}.app-logo-main{max-width:50%;max-height:40vh;height:auto;margin-bottom:2rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}.app-text-primary{font-size:clamp(1.2em,4vw,1.6em);color:#505070;margin-bottom:1.5rem;font-weight:600;line-height:1.4;max-width:600px;text-shadow:1px 1px 2px rgba(255,255,255,.4);padding:0 1rem;text-align:center}.app-button-primary{background:#ffafcc;color:#3a3a5a;border:none;padding:15px 40px;border-radius:50px;font-size:clamp(1.1em,3.5vw,1.4em);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 6px 20px #00000026;text-transform:uppercase;letter-spacing:1.5px;border:2px solid transparent;margin:.5rem}.app-button-primary:hover{background-color:#a8d8ea;border-color:#fff;color:#fff;transform:translateY(-5px) scale(1.03);box-shadow:0 10px 25px #0003}.app-button-primary:active{transform:translateY(0) scale(1);box-shadow:0 6px 20px #00000026}@media (max-width: 600px){.game-active .app-header h1{font-size:1.4em}.game-active .app-logo-small{height:30px}.app-text-primary{font-size:clamp(1.1em,4vw,1.4em)}.app-button-primary{padding:12px 30px;font-size:clamp(1em,3.5vw,1.2em)}}.homepage-fullscreen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box;background:linear-gradient(145deg,#a8e6cf,#dcedc1,#ffd3b6);text-align:center;overflow:hidden}.homepage-logo{max-width:50%;max-height:40vh;height:auto;margin-bottom:2rem;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}.homepage-cta-text{font-size:clamp(1.2em,4vw,1.6em);color:#505070;margin-bottom:2.5rem;font-weight:600;line-height:1.4;max-width:600px;text-shadow:1px 1px 2px rgba(255,255,255,.4);padding:0 1rem}.homepage-start-button{background:#ffafcc;color:#3a3a5a;border:none;padding:18px 45px;border-radius:50px;font-size:clamp(1.2em,4vw,1.6em);font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 6px 20px #00000026;text-transform:uppercase;letter-spacing:1.5px;border:2px solid transparent;margin-bottom:2rem}.homepage-start-button:hover{background-color:#a8d8ea;border-color:#fff;color:#fff;transform:translateY(-5px) scale(1.03);box-shadow:0 10px 25px #0003}.homepage-start-button:active{transform:translateY(0) scale(1);box-shadow:0 6px 20px #00000026}.category-selector{padding:40px 20px;text-align:center}.category-selector h2{margin-bottom:30px;color:#34495e;font-size:2em}.category-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.category-button{padding:15px 30px;font-size:1.2em;min-width:180px;cursor:pointer;background-color:#1abc9c;color:#fff;border:none;border-radius:8px;transition:all .2s ease;box-shadow:0 3px 6px #0000001a}.category-button:hover{background-color:#16a085;transform:translateY(-2px);box-shadow:0 5px 10px #00000026}.difficulty-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:30px;flex-wrap:wrap}.difficulty-button{padding:12px 25px;font-size:clamp(1em,3vw,1.1em);min-width:110px;cursor:pointer;color:#fff;border:none;border-radius:30px;transition:all .25s ease;box-shadow:0 4px 10px #0000001a;font-weight:600;margin:.5rem}.difficulty-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 15px #00000026}.difficulty-button:active{transform:translateY(0) scale(1);box-shadow:0 4px 10px #0000001a}.difficulty-facile{background-color:#2ecc71}.difficulty-facile:hover{background-color:#27ae60}.difficulty-moyen{background-color:#f39c12}.difficulty-moyen:hover{background-color:#e67e22}.difficulty-difficile{background-color:#e74c3c}.difficulty-difficile:hover{background-color:#c0392b}.riddle-game{max-width:650px;margin:30px auto;padding:30px;border:none;border-radius:12px;text-align:center;font-family:Poppins,sans-serif;background-color:#f4f7f9;box-shadow:0 4px 15px #00000014}.question-number{font-size:.9em;color:#aaa;margin-bottom:10px}.score{font-size:1.2em;margin-bottom:25px;color:#666;font-weight:600}.riddle-area .riddle-question{font-size:1.6em;margin-bottom:35px;min-height:60px;color:#2c3e50;line-height:1.5}.options-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:25px}.option-button{padding:15px;font-size:1em;font-weight:600;cursor:pointer;background-color:#3498db;color:#fff;border:none;border-radius:8px;transition:all .25s ease;text-align:center;box-shadow:0 2px 5px #0000001a}.option-button:hover:not(:disabled){background-color:#2980b9;transform:translateY(-3px);box-shadow:0 4px 8px #00000026}.option-button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.option-button:disabled{cursor:not-allowed}.option-button.correct{background-color:#2ecc71;color:#fff;transform:scale(1.05);box-shadow:0 4px 10px #2ecc7166}.option-button.incorrect{background-color:#e74c3c;color:#fff;opacity:.9}.option-button.disabled-faded{background-color:#bdc3c7;opacity:.6;box-shadow:none;transform:none}.option-button.correct:hover,.option-button.incorrect:hover,.option-button.disabled-faded:hover{transform:none;box-shadow:none}.option-button.correct:active,.option-button.incorrect:active,.option-button.disabled-faded:active{transform:none}.feedback{margin-top:25px;font-weight:700;min-height:30px;font-size:1.2em}.game-over h2{color:#2ecc71;margin-bottom:15px;font-size:2em}.game-over p{font-size:1.4em;color:#34495e}.back-button,.quit-button{margin-top:30px;padding:10px 20px;font-size:1em;cursor:pointer;background-color:#95a5a6;color:#fff;border:none;border-radius:5px;transition:background-color .2s ease}.back-button:hover,.quit-button:hover{background-color:#7f8c8d}.quit-button{margin-left:15px;background-color:#e74c3c}.quit-button:hover{background-color:#c0392b}.quiz-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 10px}.timer{font-size:1.2em;font-weight:700;color:#3498db;background-color:#eaf5ff;padding:5px 10px;border-radius:5px}.timer-low{color:#e74c3c;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.difficulty-badge{font-size:.7em;font-weight:400;padding:2px 6px;border-radius:4px;margin-left:10px;color:#fff;vertical-align:middle}.qcm-game h2 .difficulty-badge{background-color:#7f8c8d}.option-button.correct.faded{background-color:#8fdfa1;opacity:.8;transform:none;box-shadow:none}