.homepage-container{position:absolute;top:0;left:0;width:100dvw;min-height:100dvh;background:#fff;overflow:hidden}.homepage-container .homepage-puzzle{width:100%;min-height:50dvh;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#131313;padding:50px 0}.homepage-container #cloud-gauche{animation:cloud-gauche-animation 60s linear infinite}.homepage-container #cloud-droite{animation:cloud-droite-animation 60s linear infinite}.homepage-container .homepage-menu{width:100dvw;height:100dvh;background:linear-gradient(to bottom,#87cefa,#b0e0e6,#fff);display:flex;flex-direction:column;justify-content:center;align-items:center}.homepage-container .homepage-menu h1{color:#fff;font-size:2.5rem;margin-bottom:20px}.homepage-container .homepage-menu .homepage-button{display:inline-block;margin:10px;padding:15px 30px;background-color:#fcc247;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease;width:200px;text-align:center;font-size:1.2rem;box-shadow:0 4px 6px #0000001a;font-family:Aclonica,sans-serif}.homepage-container .homepage-menu .homepage-button:hover{background-color:#d99504}@keyframes cloud-gauche-animation{0%{transform:translate(0)}50%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes cloud-droite-animation{0%{transform:translate(0)}50%{transform:translate(100%)}to{transform:translate(0)}}.notFoundContainer{width:100dvw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#131313}.notFoundContainer h2{margin:20px 0 50px;font-size:288px;font-family:Montserrat;font-weight:700;color:#fbd582}.notFoundContainer p{margin:20px 0 50px;font-size:36px;font-family:Montserrat;font-weight:500;color:#fbd582}.notFoundContainer a{margin:20px 0 109px;font-size:18px;font-family:Montserrat;font-weight:500;color:#fbd582}@media (max-width: 426px){.notFoundContainer h2{font-size:96px}.notFoundContainer p{width:260px;font-size:18px;text-align:center}}.game-master-container{min-height:100vh;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Montserrat,sans-serif}.game-master-container h1{text-align:center;font-size:3rem;margin-bottom:40px;font-family:Syne,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.2)}.game-master-container .master-card{max-width:800px;margin:0 auto 30px;background:#ffffff1a;border-radius:20px;padding:30px 40px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.2)}.game-master-container .master-card h2{font-size:1.8rem;margin-top:20px;margin-bottom:25px;font-family:Syne,sans-serif;text-align:center;color:#fff}.game-master-container .master-card h2:first-child{margin-top:0}.game-master-container .master-card .session-config{text-align:center;margin-bottom:40px}.game-master-container .master-card .session-config .input-group{margin-bottom:25px}.game-master-container .master-card .session-config .input-group label{display:block;font-size:1.1rem;font-weight:700;margin-bottom:10px}.game-master-container .master-card .session-config .input-group input[type=number]{padding:10px 15px;font-size:1.1rem;width:100px;text-align:center;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;transition:border-color .3s ease;font-family:Montserrat,sans-serif}.game-master-container .master-card .session-config .input-group input[type=number]:focus{outline:none;border-color:#fff9}.game-master-container .master-card .session-config .create-button{border-radius:10px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;background:linear-gradient(45deg,#fcc247,#f39c12);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;line-height:1.5;font-size:1.2rem;padding:15px 30px}.game-master-container .master-card .session-config .create-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #fcc24766}.game-master-container .master-card .session-config .create-button:disabled{opacity:.6;cursor:not-allowed}.game-master-container .master-card .session-info{margin-bottom:30px;text-align:center}.game-master-container .master-card .session-info .session-details{margin-bottom:25px}.game-master-container .master-card .session-info .session-details .session-url{background:#0003;padding:12px 18px;border-radius:8px;font-size:1rem;word-break:break-all;display:inline-block;margin-top:10px}.game-master-container .master-card .session-info .session-details .session-url strong{display:block;margin-bottom:5px;font-size:1.1rem}.game-master-container .master-card .session-info .session-details .session-url a{color:#fcc247;text-decoration:none}.game-master-container .master-card .session-info .session-details .session-url a:hover{text-decoration:underline}.game-master-container .master-card .session-info .control-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px;flex-wrap:wrap}.game-master-container .master-card .session-info .control-buttons .display-button{padding:12px 24px;border-radius:10px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;background:linear-gradient(45deg,#8e44ad,#732d91);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;line-height:1.5}.game-master-container .master-card .session-info .control-buttons .display-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #8e44ad66}.game-master-container .master-card .session-info .control-buttons .display-button:disabled{opacity:.6;cursor:not-allowed}.game-master-container .master-card .session-info .control-buttons .reset-button{padding:12px 24px;border-radius:10px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;line-height:1.5}.game-master-container .master-card .session-info .control-buttons .reset-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #e74c3c66}.game-master-container .master-card .session-info .control-buttons .reset-button:disabled{opacity:.6;cursor:not-allowed}.game-master-container .master-card .game-controls{text-align:center;margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.2)}.game-master-container .master-card .game-controls .players-section{margin-bottom:30px}.game-master-container .master-card .game-controls .players-section .players-count{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;font-size:1.2rem}.game-master-container .master-card .game-controls .players-section .players-count .count-badge{background:#4caf50cc;color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;min-width:35px;text-align:center}.game-master-container .master-card .game-controls .players-section .players-list{max-height:150px;overflow-y:auto;background:#00000026;border-radius:8px;padding:15px;border:1px solid rgba(255,255,255,.1)}.game-master-container .master-card .game-controls .players-section .players-list .player-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.game-master-container .master-card .game-controls .players-section .players-list .player-item:last-child{border-bottom:none}.game-master-container .master-card .game-controls .players-section .players-list .player-item .player-name{font-weight:500}.game-master-container .master-card .game-controls .players-section .players-list .player-item .player-score{font-size:.9em;color:#d9d9d9;background-color:#0003;padding:3px 8px;border-radius:5px}.game-master-container .master-card .game-controls .players-section .players-list .more-players{text-align:center;padding-top:12px;font-style:italic;opacity:.8}.game-master-container .master-card .game-controls .quiz-controls .start-quiz-button{border-radius:10px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;line-height:1.5;font-size:1.3rem;padding:18px 40px}.game-master-container .master-card .game-controls .quiz-controls .start-quiz-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #4caf5066}.game-master-container .master-card .game-controls .quiz-controls .start-quiz-button:disabled{opacity:.6;cursor:not-allowed}.game-master-container .master-card .game-controls .quiz-controls .quiz-status{padding:20px;background:#4caf5026;border-radius:10px;border:1px solid rgba(76,175,80,.4)}.game-master-container .master-card .game-controls .quiz-controls .quiz-status h3{font-size:1.8rem;font-family:Syne,sans-serif;color:#4caf50;margin-bottom:10px}.game-master-container .master-card .game-controls .quiz-controls .quiz-status p{font-size:1.1rem;opacity:.9;margin-bottom:20px}.game-master-container .master-card .game-controls .quiz-controls .quiz-status .status-indicator{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.1rem;font-weight:700;color:#4caf50}.game-master-container .master-card .game-controls .quiz-controls .quiz-status .status-indicator .pulse{width:12px;height:12px;background-color:#4caf50;border-radius:50%;animation:pulse-animation 1.5s infinite ease-in-out}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed{padding:25px;background:#2196f31a;border-radius:10px;border:1px solid rgba(33,150,243,.3)}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed h3{font-size:2rem;font-family:Syne,sans-serif;color:#2196f3;margin-bottom:15px}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed p{font-size:1.1rem;opacity:.9;margin-bottom:25px}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-stats{display:flex;justify-content:center;gap:20px;margin:25px 0;flex-wrap:wrap}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-stats .stat{text-align:center;background:#ffffff14;padding:15px 20px;border-radius:10px;min-width:130px;border:1px solid rgba(255,255,255,.15)}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-stats .stat .stat-number{display:block;font-size:2.2rem;font-weight:700;color:#2196f3;margin-bottom:5px}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-stats .stat .stat-label{font-size:.9rem;opacity:.8}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:25px}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-actions .results-button{padding:12px 24px;border-radius:10px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;background:linear-gradient(45deg,#2196f3,#1976d2);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;line-height:1.5}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-actions .results-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #2196f366}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-actions .results-button:disabled{opacity:.6;cursor:not-allowed}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-actions .new-quiz-button{padding:12px 24px;border-radius:10px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;line-height:1.5}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-actions .new-quiz-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #4caf5066}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-actions .new-quiz-button:disabled{opacity:.6;cursor:not-allowed}.game-master-container .master-card .navigation{margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,255,255,.2);text-align:center}.game-master-container .master-card .navigation .nav-button{padding:12px 24px;border-radius:10px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:Montserrat,sans-serif;background:linear-gradient(45deg,#5dade2,#3498db);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;line-height:1.5;font-size:1.1rem}.game-master-container .master-card .navigation .nav-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #5dade266}.game-master-container .master-card .navigation .nav-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes pulse-animation{0%{transform:scale(.9);box-shadow:0 0 #4caf50b3}70%{transform:scale(1);box-shadow:0 0 0 10px #4caf5000}to{transform:scale(.9);box-shadow:0 0 #4caf5000}}@media (max-width: 768px){.game-master-container{padding:20px 15px}.game-master-container h1{font-size:2.2rem;margin-bottom:30px}.game-master-container .master-card{padding:20px}.game-master-container .master-card h2{font-size:1.6rem}.game-master-container .master-card .session-config .create-button{font-size:1.1rem;padding:12px 25px}.game-master-container .master-card .session-info .session-details .session-url{font-size:.9rem;padding:10px 12px}.game-master-container .master-card .session-info .control-buttons{flex-direction:column;gap:12px}.game-master-container .master-card .session-info .control-buttons button{width:100%;font-size:1rem;padding:12px 20px}.game-master-container .master-card .game-controls{padding-top:20px}.game-master-container .master-card .game-controls .players-section .players-count{font-size:1.1rem}.game-master-container .master-card .game-controls .players-section .players-list{padding:10px}.game-master-container .master-card .game-controls .quiz-controls .start-quiz-button{font-size:1.2rem;padding:15px 30px}.game-master-container .master-card .game-controls .quiz-controls .quiz-status{padding:15px}.game-master-container .master-card .game-controls .quiz-controls .quiz-status h3{font-size:1.5rem}.game-master-container .master-card .game-controls .quiz-controls .quiz-status p{font-size:1rem}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed{padding:15px}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed h3{font-size:1.7rem}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-stats .stat{padding:10px 15px;min-width:100px}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-stats .stat .stat-number{font-size:1.8rem}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-actions{flex-direction:column;gap:12px}.game-master-container .master-card .game-controls .quiz-controls .quiz-completed .completion-actions button{width:100%;font-size:1rem}.game-master-container .master-card .navigation{margin-top:30px;padding-top:20px}.game-master-container .master-card .navigation .nav-button{font-size:1rem;width:100%}}.join-session-container{min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center}.join-session-container .join-card{background:#ffffff1a;border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000004d;max-width:500px;width:100%;text-align:center}.join-session-container .join-card h1{font-size:2.5rem;margin-bottom:10px;font-family:Syne}.join-session-container .join-card .session-info{font-size:1.1rem;opacity:.8;margin-bottom:30px;font-family:Montserrat}.join-session-container .join-card .form-section .input-group{margin-bottom:25px;text-align:left}.join-session-container .join-card .form-section .input-group label{display:block;font-size:1.2rem;font-weight:700;margin-bottom:8px;font-family:Montserrat}.join-session-container .join-card .form-section .input-group input{width:100%;padding:15px;font-size:1.1rem;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff1a;color:#fff;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.join-session-container .join-card .form-section .input-group input::placeholder{color:#ffffffb3}.join-session-container .join-card .form-section .input-group input:focus{outline:none;border-color:#fff9;box-shadow:0 0 15px #fff3}.join-session-container .join-card .form-section .input-group input:disabled{opacity:.6;cursor:not-allowed}.join-session-container .join-card .form-section .join-button{width:100%;padding:15px 30px;font-size:1.2rem;font-weight:700;background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Montserrat}.join-session-container .join-card .form-section .join-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.join-session-container .join-card .form-section .join-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.join-session-container .join-card .form-section .join-button .loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.join-session-container{padding:15px}.join-session-container .join-card{padding:30px 20px}}.players-list-container{min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.players-list-container h1{font-size:2.5rem;margin-bottom:10px;font-family:Syne}.players-list-container .session-info{font-size:1.1rem;opacity:.8;margin-bottom:30px}.players-list-container .players-section{max-width:1000px;margin:0 auto}.players-list-container .players-section h3{font-size:1.5rem;margin-bottom:20px;font-family:Montserrat}.players-list-container .players-section .players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:20px}.players-list-container .players-section .players-grid .player-card{background:#ffffff1a;border-radius:15px;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease;border:2px solid rgba(255,255,255,.2);position:relative}.players-list-container .players-section .players-grid .player-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px #0000004d}.players-list-container .players-section .players-grid .player-card.podium{background:#ffd70033;border:2px solid rgba(255,215,0,.5)}.players-list-container .players-section .players-grid .player-card .player-rank{font-size:1.5rem;font-weight:700;margin-bottom:10px;font-family:Montserrat}.players-list-container .players-section .players-grid .player-card .player-avatar{font-size:2.5rem;margin-bottom:15px}.players-list-container .players-section .players-grid .player-card .player-name{font-size:1.1rem;font-weight:700;margin-bottom:10px;font-family:Montserrat}.players-list-container .players-section .players-grid .player-card .player-score{font-size:1rem;opacity:.9;background:#fff3;padding:5px 15px;border-radius:20px;display:inline-block;font-family:Montserrat}@media (max-width: 768px){.players-list-container .players-section .players-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.players-list-container .players-section .players-grid .player-card{padding:20px}}.create-question-container{min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center}.create-question-container .question-card{background:#ffffff1a;border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000004d;max-width:900px;width:100%}.create-question-container .question-card h1{text-align:center;font-size:2.5rem;margin-bottom:10px;font-family:Syne}.create-question-container .question-card .subtitle{text-align:center;font-size:1.1rem;opacity:.8;margin-bottom:30px;font-family:Montserrat}.create-question-container .question-card .question-form .form-section{margin-bottom:30px;padding:25px;background:#ffffff0d;border-radius:15px}.create-question-container .question-card .question-form .form-section .form-row{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:end}@media (max-width: 768px){.create-question-container .question-card .question-form .form-section .form-row{grid-template-columns:1fr}}.create-question-container .question-card .question-form .form-group{margin-bottom:20px}.create-question-container .question-card .question-form .form-group label{display:block;font-size:1.1rem;font-weight:700;margin-bottom:8px;font-family:Montserrat}.create-question-container .question-card .question-form .form-group input,.create-question-container .question-card .question-form .form-group textarea{width:100%;padding:12px 15px;font-size:1rem;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff1a;color:#fff;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease;font-family:Montserrat}.create-question-container .question-card .question-form .form-group input::placeholder,.create-question-container .question-card .question-form .form-group textarea::placeholder{color:#ffffffb3}.create-question-container .question-card .question-form .form-group input:focus,.create-question-container .question-card .question-form .form-group textarea:focus{outline:none;border-color:#fff9;box-shadow:0 0 15px #fff3}.create-question-container .question-card .question-form .form-group input:disabled,.create-question-container .question-card .question-form .form-group textarea:disabled{opacity:.6;cursor:not-allowed}.create-question-container .question-card .question-form .form-group select{width:100%;padding:12px 15px;font-size:1rem;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff1a;color:#000;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease;font-family:Montserrat}.create-question-container .question-card .question-form .form-group select::placeholder{color:#ffffffb3}.create-question-container .question-card .question-form .form-group select:focus{outline:none;border-color:#fff9;box-shadow:0 0 15px #fff3}.create-question-container .question-card .question-form .form-group select:disabled{opacity:.6;cursor:not-allowed}.create-question-container .question-card .question-form .form-group textarea{resize:vertical;min-height:100px}.create-question-container .question-card .question-form .form-group select{cursor:pointer}.create-question-container .question-card .question-form .options-section{margin-bottom:30px;padding:25px;background:#ffffff0d;border-radius:15px}.create-question-container .question-card .question-form .options-section h3{font-size:1.5rem;margin-bottom:20px;text-align:center;font-family:Montserrat}.create-question-container .question-card .question-form .options-section .options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin-bottom:25px}@media (max-width: 768px){.create-question-container .question-card .question-form .options-section .options-grid{grid-template-columns:1fr}}.create-question-container .question-card .question-form .options-section .correct-answer-section{border-top:1px solid rgba(255,255,255,.2);padding-top:20px}.create-question-container .question-card .question-form .options-section .correct-answer-section .form-group{max-width:300px;margin:0 auto}.create-question-container .question-card .question-form .form-actions{display:flex;gap:15px;justify-content:center;align-items:center}.create-question-container .question-card .question-form .form-actions .cancel-button{padding:12px 25px;font-size:1rem;font-weight:700;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:10px;cursor:pointer;transition:transform .3s ease,background-color .3s ease;font-family:Montserrat}.create-question-container .question-card .question-form .form-actions .cancel-button:hover:not(:disabled){transform:translateY(-2px);background:#fff3}.create-question-container .question-card .question-form .form-actions .cancel-button:disabled{opacity:.6;cursor:not-allowed}.create-question-container .question-card .question-form .form-actions .submit-button{padding:15px 30px;font-size:1.2rem;font-weight:700;background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;gap:10px;font-family:Montserrat}.create-question-container .question-card .question-form .form-actions .submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.create-question-container .question-card .question-form .form-actions .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-question-container .question-card .question-form .form-actions .submit-button .loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.create-question-container .question-card .question-form .form-actions{flex-direction:column}.create-question-container .question-card .question-form .form-actions .cancel-button,.create-question-container .question-card .question-form .form-actions .submit-button{width:100%;justify-content:center}}@media (max-width: 768px){.create-question-container{padding:15px}.create-question-container .question-card{padding:25px 20px}.create-question-container .question-card .question-form .form-section,.create-question-container .question-card .question-form .options-section{padding:20px 15px}}.queue-container{min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center}.queue-container h1{font-size:2.5rem;margin-bottom:10px;font-family:Syne}.queue-container .session-info{font-size:1.1rem;opacity:.8;margin-bottom:30px}.queue-container .waiting-message{margin-bottom:40px}.queue-container .waiting-message h2{font-size:1.5rem;animation:pulse 2s infinite;font-family:Montserrat}.queue-container .quiz-starting{margin-top:50px}.queue-container .quiz-starting h2{font-size:2rem;color:#4caf50;margin-bottom:20px;font-family:Montserrat}.queue-container .quiz-starting .loading-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-top:5px solid #4caf50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.queue-container .players-section{max-width:800px;margin:0 auto;padding-bottom:40px}.queue-container .players-section h3{font-size:1.5rem;margin-bottom:20px;font-family:Montserrat}.queue-container .players-section .players-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:20px}.queue-container .players-section .players-grid .player-card{background:#ffffff1a;border-radius:10px;padding:50px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease;border:2px solid rgba(255,255,255,.2)}.queue-container .players-section .players-grid .player-card:hover{transform:translateY(-5px)}.queue-container .players-section .players-grid .player-card .player-avatar{font-size:2rem;margin-bottom:10px}.queue-container .players-section .players-grid .player-card .player-name{font-size:1rem;font-weight:700;margin-bottom:5px;font-family:Montserrat}.queue-container .players-section .players-grid .player-card .player-number{font-size:.9rem;opacity:.7}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.queue-container .players-section .players-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}}.display-quiz-container{height:100dvh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:Montserrat,sans-serif;padding:0;margin:0;display:flex;align-items:center;justify-content:center;text-align:center}.display-quiz-container.waiting .waiting-content{max-width:900px;width:100%}.display-quiz-container.waiting .waiting-content .logo{font-size:7rem;margin-bottom:1.5rem;color:#ff453a}.display-quiz-container.waiting .waiting-content h1{font-size:5rem;font-weight:700;margin-bottom:1rem;font-family:Syne,sans-serif;text-shadow:0 4px 10px rgba(0,0,0,.3)}.display-quiz-container.waiting .waiting-content h2{font-size:2.5rem;margin-bottom:2.5rem;opacity:.9;font-weight:500}.display-quiz-container.waiting .waiting-content .session-stats{font-size:1.8rem;margin-bottom:2.5rem;opacity:.8}.display-quiz-container.waiting .waiting-content .qr-section{background:#ffffff14;border-radius:30px;padding:2.5rem;margin:0 auto 2.5rem;max-width:500px;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 40px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.display-quiz-container.waiting .waiting-content .qr-section h3{font-size:2rem;font-family:Syne,sans-serif;margin-bottom:1.5rem}.display-quiz-container.waiting .waiting-content .qr-section .qr-code{width:280px;height:280px;border-radius:20px;background:#fff;padding:15px;box-shadow:0 4px 15px #0003;margin-bottom:1.5rem}.display-quiz-container.waiting .waiting-content .qr-section .join-instructions{font-size:1.3rem;opacity:.9}.display-quiz-container.waiting .waiting-content .status{font-size:2.2rem;opacity:.85;font-weight:500;animation:pulse-waiting 2s infinite ease-in-out}.display-quiz-container.active{display:flex;flex-direction:column;gap:1.5rem}.display-quiz-container.active .display-header{width:90%;display:flex;justify-content:space-between;align-items:center;background:#ffffff14;border-radius:30px;padding:1.2rem 2.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 40px #0000004d;margin-top:20px}.display-quiz-container.active .display-header .question-info{font-size:2rem;font-weight:700;font-family:Syne,sans-serif}.display-quiz-container.active .display-header .timer-display{width:140px;height:90px;text-align:center;background:#00000040;border-radius:20px;padding:.8rem 1rem;border:2px solid rgba(255,255,255,.15);transition:all .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.display-quiz-container.active .display-header .timer-display .timer-number{font-size:3.5rem;font-weight:700;line-height:1;font-family:Montserrat,sans-serif}.display-quiz-container.active .display-header .timer-display .timer-label{font-size:1.5rem;opacity:.7;margin-top:-5px}.display-quiz-container.active .display-header .timer-display.urgent{background:#ff453a;border-color:#ff1507;animation:urgentPulse 1s infinite;color:#fff}.display-quiz-container.active .main-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-height:100dvh}.display-quiz-container.active .main-content .waiting-next{text-align:center;padding:2.5rem 1.5rem;background:#34c75926;border-radius:30px;border:2px solid rgba(52,199,89,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #0000004d;width:90%}.display-quiz-container.active .main-content .waiting-next h1{font-size:2.8rem;margin-bottom:1.5rem;color:#34c759;font-family:Syne,sans-serif;text-shadow:0 2px 5px rgba(0,0,0,.25)}.display-quiz-container.active .main-content .waiting-next .correct-answer-display{background:#ffffff26;border:2px solid rgba(255,255,255,.25);border-radius:20px;padding:1.5rem 2rem;margin:1rem auto;max-width:90%;display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;box-shadow:0 4px 15px #0000001a}.display-quiz-container.active .main-content .waiting-next .correct-answer-display .answer-letter{background:#34c759;color:#fff;width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;flex-shrink:0;font-family:Syne,sans-serif}.display-quiz-container.active .main-content .waiting-next .correct-answer-display .answer-text{font-size:1.8rem;line-height:1.4;color:#fff;font-weight:500}.display-quiz-container.active .main-content .waiting-next .loading-answer{font-size:1.5rem;opacity:.7;margin:1.5rem 0}.display-quiz-container.active .main-content .waiting-next .next-question-info{font-size:1.3rem;opacity:.8;margin-top:1.5rem}.display-quiz-container.active .main-content .question-display{text-align:center;background:#ffffff14;border-radius:30px;padding:2.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 40px #0000004d;width:90%}.display-quiz-container.active .main-content .question-display .question-text{font-size:3.5rem;line-height:1.35;margin-bottom:2rem;font-family:Syne,sans-serif;text-shadow:0 2px 5px rgba(0,0,0,.25);font-weight:600}.display-quiz-container.active .main-content .question-display .question-media{margin-top:1.5rem}.display-quiz-container.active .main-content .question-display .question-media img,.display-quiz-container.active .main-content .question-display .question-media video{max-width:100%;max-height:45vh;border-radius:20px;box-shadow:0 6px 25px #00000040}.display-quiz-container.active .main-content .question-display .question-media audio{width:100%;max-width:500px;height:50px}.display-quiz-container.active .main-content .question-display .loading-spinner-container{padding:3rem 0}.display-quiz-container.active .main-content .question-display .loading-spinner-container .loading-spinner{margin:0 auto 1rem}.display-quiz-container.active .main-content .question-display .loading-spinner-container p{font-size:1.5rem;opacity:.8}.display-quiz-container.podium .podium-content{max-width:1000px;width:100%}.display-quiz-container.podium .podium-content h1{font-size:4.5rem;margin-bottom:.5rem;text-shadow:0 4px 10px rgba(0,0,0,.3);font-family:Syne,sans-serif}.display-quiz-container.podium .podium-content h2{font-size:2.2rem;margin-bottom:1.5rem;opacity:.9}.display-quiz-container.podium .podium-content .podium-subtitle{font-size:1.6rem;opacity:.85;margin-bottom:2.5rem}.display-quiz-container.podium .podium-content .podium-display{display:flex;justify-content:center;align-items:flex-end;gap:1.5rem;margin:2.5rem 0;flex-wrap:wrap}.display-quiz-container.podium .podium-content .podium-display .podium-player{background:#ffffff14;border-radius:20px;padding:1.8rem 1.2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);transition:transform .3s ease,box-shadow .3s ease;min-width:220px;box-shadow:0 5px 15px #00000026}.display-quiz-container.podium .podium-content .podium-display .podium-player:hover{transform:translateY(-8px);box-shadow:0 10px 30px #00000040}.display-quiz-container.podium .podium-content .podium-display .podium-player .podium-medal{font-size:3.5rem;margin-bottom:.8rem}.display-quiz-container.podium .podium-content .podium-display .podium-player .podium-rank{font-size:1.1rem;font-weight:700;margin-bottom:.8rem;opacity:.7;text-transform:uppercase}.display-quiz-container.podium .podium-content .podium-display .podium-player .podium-name{font-size:1.6rem;font-weight:600;margin-bottom:.8rem;font-family:Syne,sans-serif}.display-quiz-container.podium .podium-content .podium-display .podium-player .podium-score{font-size:1.3rem;background:#0003;padding:.4rem 1rem;border-radius:10px;display:inline-block;font-weight:700}.display-quiz-container.podium .podium-content .podium-display .podium-player.first-place{order:2;transform:scale(1.1) translateY(-10px);background:linear-gradient(135deg,#ffd70033,#ffa50033);border:2px solid #FFD700;box-shadow:0 0 25px #ffd70066}.display-quiz-container.podium .podium-content .podium-display .podium-player.first-place .podium-name{font-size:2rem;color:gold}.display-quiz-container.podium .podium-content .podium-display .podium-player.first-place .podium-rank{font-size:1.3rem;color:gold}.display-quiz-container.podium .podium-content .podium-display .podium-player.first-place:hover{transform:scale(1.15) translateY(-15px)}.display-quiz-container.podium .podium-content .podium-display .podium-player.second-place{order:1;background:linear-gradient(135deg,#c0c0c033,#a9a9a933);border:2px solid #C0C0C0}.display-quiz-container.podium .podium-content .podium-display .podium-player.second-place .podium-name,.display-quiz-container.podium .podium-content .podium-display .podium-player.second-place .podium-rank{color:silver}.display-quiz-container.podium .podium-content .podium-display .podium-player.third-place{order:3;background:linear-gradient(135deg,#cd7f3233,#b8733333);border:2px solid #CD7F32}.display-quiz-container.podium .podium-content .podium-display .podium-player.third-place .podium-name,.display-quiz-container.podium .podium-content .podium-display .podium-player.third-place .podium-rank{color:#cd7f32}.display-quiz-container.podium .podium-content .no-players-message{margin:2.5rem 0}.display-quiz-container.podium .podium-content .no-players-message p{font-size:1.4rem;opacity:.7}.display-quiz-container.podium .podium-content .final-stats{display:flex;justify-content:center;gap:2rem;margin-top:2.5rem;flex-wrap:wrap}.display-quiz-container.podium .podium-content .final-stats .stat-item{text-align:center;background:#ffffff14;border-radius:20px;padding:1.2rem 1.8rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);min-width:150px}.display-quiz-container.podium .podium-content .final-stats .stat-item .stat-number{display:block;font-size:2.2rem;font-weight:700;color:#fcc247;margin-bottom:.3rem;font-family:Syne,sans-serif}.display-quiz-container.podium .podium-content .final-stats .stat-item .stat-label{font-size:.9rem;opacity:.8;text-transform:uppercase}@keyframes pulse-waiting{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes urgentPulse{0%,to{transform:scale(1);box-shadow:0 0 15px #ff453a66}50%{transform:scale(1.03);box-shadow:0 0 30px #ff453ab3}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner-container .loading-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-spinner-container p{font-size:1.2rem;opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 992px){.display-quiz-container.waiting .waiting-content h1{font-size:4rem}.display-quiz-container.waiting .waiting-content h2{font-size:2rem}.display-quiz-container.waiting .waiting-content .qr-section{padding:2rem}.display-quiz-container.waiting .waiting-content .qr-section .qr-code{width:220px;height:220px}.display-quiz-container.waiting .waiting-content .qr-section h3{font-size:1.6rem}.display-quiz-container.waiting .waiting-content .qr-section .join-instructions{font-size:1.1rem}.display-quiz-container.waiting .waiting-content .status{font-size:1.8rem}.display-quiz-container.active{padding:1.5rem}.display-quiz-container.active .display-header{padding:1rem 2rem}.display-quiz-container.active .display-header .question-info{font-size:1.6rem}.display-quiz-container.active .display-header .timer-display{width:120px;height:80px}.display-quiz-container.active .display-header .timer-display .timer-number{font-size:3rem}.display-quiz-container.active .main-content .question-display .question-text{font-size:2.8rem}.display-quiz-container.active .main-content .waiting-next h1{font-size:2.2rem}.display-quiz-container.active .main-content .waiting-next .correct-answer-display{padding:1.2rem 1.5rem}.display-quiz-container.active .main-content .waiting-next .correct-answer-display .answer-letter{width:3rem;height:3rem;font-size:1.8rem}.display-quiz-container.active .main-content .waiting-next .correct-answer-display .answer-text{font-size:1.5rem}.display-quiz-container.podium .podium-content h1{font-size:3.5rem}.display-quiz-container.podium .podium-content h2{font-size:1.8rem}.display-quiz-container.podium .podium-content .podium-display .podium-player{min-width:180px;padding:1.5rem 1rem}.display-quiz-container.podium .podium-content .podium-display .podium-player.first-place .podium-name{font-size:1.8rem}}@media (max-width: 768px){.display-quiz-container.waiting .waiting-content h1{font-size:3rem}.display-quiz-container.waiting .waiting-content h2{font-size:1.6rem}.display-quiz-container.waiting .waiting-content .session-stats{font-size:1.3rem;margin-bottom:1.5rem}.display-quiz-container.waiting .waiting-content .qr-section{padding:1.5rem}.display-quiz-container.waiting .waiting-content .qr-section .qr-code{width:180px;height:180px;padding:10px}.display-quiz-container.waiting .waiting-content .qr-section h3{font-size:1.4rem;margin-bottom:1rem}.display-quiz-container.waiting .waiting-content .qr-section .join-instructions{font-size:1rem}.display-quiz-container.waiting .waiting-content .status{font-size:1.5rem}.display-quiz-container.active{padding:1rem;gap:1rem}.display-quiz-container.active .display-header{flex-direction:column;gap:1rem;padding:1rem}.display-quiz-container.active .display-header .question-info{font-size:1.3rem}.display-quiz-container.active .display-header .timer-display{width:100px;height:70px}.display-quiz-container.active .display-header .timer-display .timer-number{font-size:2.5rem}.display-quiz-container.active .display-header .timer-display .timer-label{font-size:.9rem}.display-quiz-container.active .main-content .question-display{padding:1.5rem}.display-quiz-container.active .main-content .question-display .question-text{font-size:2rem;line-height:1.3}.display-quiz-container.active .main-content .question-display .question-media img,.display-quiz-container.active .main-content .question-display .question-media video{max-height:30vh}.display-quiz-container.active .main-content .waiting-next{padding:1.5rem 1rem}.display-quiz-container.active .main-content .waiting-next h1{font-size:1.8rem;margin-bottom:1rem}.display-quiz-container.active .main-content .waiting-next .correct-answer-display{flex-direction:column;gap:.8rem;padding:1rem}.display-quiz-container.active .main-content .waiting-next .correct-answer-display .answer-letter{width:2.8rem;height:2.8rem;font-size:1.6rem}.display-quiz-container.active .main-content .waiting-next .correct-answer-display .answer-text{font-size:1.3rem;text-align:center}.display-quiz-container.active .main-content .waiting-next .next-question-info{font-size:1.1rem;margin-top:1rem}.display-quiz-container.podium .podium-content{padding:1rem}.display-quiz-container.podium .podium-content h1{font-size:2.5rem}.display-quiz-container.podium .podium-content h2{font-size:1.5rem}.display-quiz-container.podium .podium-content .podium-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.display-quiz-container.podium .podium-content .podium-display{flex-direction:column;align-items:center;gap:1rem}.display-quiz-container.podium .podium-content .podium-display .podium-player{width:90%;max-width:280px;min-width:unset;padding:1.2rem 1rem}.display-quiz-container.podium .podium-content .podium-display .podium-player .podium-medal{font-size:3rem}.display-quiz-container.podium .podium-content .podium-display .podium-player .podium-name{font-size:1.4rem}.display-quiz-container.podium .podium-content .podium-display .podium-player .podium-score{font-size:1.1rem}.display-quiz-container.podium .podium-content .podium-display .podium-player.first-place{transform:scale(1.05) translateY(0)}.display-quiz-container.podium .podium-content .podium-display .podium-player.first-place .podium-name{font-size:1.6rem}.display-quiz-container.podium .podium-content .podium-display .podium-player.first-place:hover{transform:scale(1.08) translateY(0)}.display-quiz-container.podium .podium-content .final-stats{flex-direction:column;gap:.8rem;margin-top:1.5rem}.display-quiz-container.podium .podium-content .final-stats .stat-item{padding:.8rem 1rem}.display-quiz-container.podium .podium-content .final-stats .stat-item .stat-number{font-size:1.8rem}.display-quiz-container.podium .podium-content .final-stats .stat-item .stat-label{font-size:.8rem}}.mobile-quiz-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;display:flex;flex-direction:column;font-family:Montserrat,sans-serif}.mobile-quiz-container.waiting,.mobile-quiz-container.completed{justify-content:center;align-items:center}.mobile-quiz-container.waiting .waiting-content,.mobile-quiz-container.waiting .completion-content,.mobile-quiz-container.completed .waiting-content,.mobile-quiz-container.completed .completion-content{text-align:center;background:#ffffff1a;border-radius:20px;padding:40px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.mobile-quiz-container.waiting .waiting-content h1,.mobile-quiz-container.waiting .completion-content h1,.mobile-quiz-container.completed .waiting-content h1,.mobile-quiz-container.completed .completion-content h1{font-size:2.5rem;margin-bottom:20px;font-family:Syne}.mobile-quiz-container.waiting .waiting-content p,.mobile-quiz-container.waiting .completion-content p,.mobile-quiz-container.completed .waiting-content p,.mobile-quiz-container.completed .completion-content p{font-size:1.2rem;margin:15px 0}.mobile-quiz-container.waiting .waiting-content .loading-spinner,.mobile-quiz-container.waiting .completion-content .loading-spinner,.mobile-quiz-container.completed .waiting-content .loading-spinner,.mobile-quiz-container.completed .completion-content .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:25px auto}.mobile-quiz-container .timer-header{text-align:center;margin-bottom:30px}.mobile-quiz-container .timer-header .timer-circle{width:100px;height:100px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin:0 auto;border:4px solid rgba(255,255,255,.3);transition:all .3s ease}.mobile-quiz-container .timer-header .timer-circle .time-text{font-size:1.5rem;font-weight:700}.mobile-quiz-container .timer-header .status-indicator{position:absolute;top:-10px;right:-10px;background:#4caf50;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:700;animation:fadeIn .3s ease-in}.mobile-quiz-container .timer-header.urgent .timer-circle{background:#f00c;border-color:red;animation:pulse 1s infinite}.mobile-quiz-container .question-info{display:flex;justify-content:space-between;align-items:center;background:#ffffff1a;border-radius:15px;padding:15px 20px;margin-bottom:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-quiz-container .question-info .question-counter{font-size:1rem;font-weight:700}.mobile-quiz-container .question-info .player-info{font-size:1rem;opacity:.9}.mobile-quiz-container .question-recap{background:#ffffff1a;border-radius:15px;padding:25px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.mobile-quiz-container .question-recap h2{font-size:1.4rem;line-height:1.4;margin-bottom:15px;font-family:Syne}.mobile-quiz-container .question-recap .media-indicator{background:#fff3;padding:10px 15px;border-radius:8px;font-size:.9rem;display:inline-block}.mobile-quiz-container .options-container{flex:1;display:flex;flex-direction:column;gap:15px}.mobile-quiz-container .options-container .option-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-family:Montserrat,sans-serif}.mobile-quiz-container .options-container .option-button:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 6px 20px #fff3}.mobile-quiz-container .options-container .option-button.selected{border-color:#fffc;background:#fff3;transform:scale(1.02)}.mobile-quiz-container .options-container .option-button.disabled{opacity:.6;cursor:not-allowed}.mobile-quiz-container .options-container .option-button .option-letter{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.mobile-quiz-container .options-container .option-button .option-text{font-size:1.1rem;line-height:1.3;flex:1;text-align:left}.mobile-quiz-container .options-container .option-button.option-a .option-letter{background:linear-gradient(45deg,#ff6b6b,#ff5252)}.mobile-quiz-container .options-container .option-button.option-b .option-letter{background:linear-gradient(45deg,#4ecdc4,#26a69a)}.mobile-quiz-container .options-container .option-button.option-c .option-letter{background:linear-gradient(45deg,#ffe66d,#ffcc02)}.mobile-quiz-container .options-container .option-button.option-d .option-letter{background:linear-gradient(45deg,#a8e6cf,#66bb6a)}.mobile-quiz-container .options-container .option-button.selected-pending{border-color:gold;background:#ffd70033}.mobile-quiz-container .options-container .option-button.correct{background:linear-gradient(45deg,#2ecc71,#28a745)!important;border-color:#28a745!important;color:#fff!important;animation:pulseCorrect .5s ease}.mobile-quiz-container .options-container .option-button.correct .option-letter{background:#fff!important;color:#28a745!important}.mobile-quiz-container .options-container .option-button.incorrect{background:linear-gradient(45deg,#e74c3c,#c0392b)!important;border-color:#c0392b!important;color:#fff!important;animation:shakeIncorrect .5s ease}.mobile-quiz-container .options-container .option-button.incorrect .option-letter{background:#fff!important;color:#c0392b!important}.mobile-quiz-container .answer-status{position:fixed;bottom:10px;left:50%;transform:translate(-50%);width:90%;margin-top:20px;text-align:center;background:#ffffff1a;border-radius:10px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-quiz-container .answer-status p{font-size:1.1rem;font-weight:700}.mobile-quiz-container .answer-status p em{display:block;font-style:normal;opacity:.9;font-size:.95rem;margin-top:5px}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseCorrect{0%{transform:scale(1)}50%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes shakeIncorrect{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 480px){.mobile-quiz-container{padding:15px}.mobile-quiz-container .timer-header .timer-circle{width:80px;height:80px}.mobile-quiz-container .timer-header .timer-circle .time-text,.mobile-quiz-container .question-recap h2{font-size:1.2rem}.mobile-quiz-container .options-container .option-button{padding:15px}.mobile-quiz-container .options-container .option-button .option-letter{width:40px;height:40px;font-size:1.2rem}.mobile-quiz-container .options-container .option-button .option-text{font-size:1rem}}.games-page{min-height:100vh;background:linear-gradient(135deg,#eef2f7,#d9e0ec);padding:2.5rem clamp(1rem,3vw,3rem);font-family:Montserrat,sans-serif;color:#1f2530;display:flex;flex-direction:column;align-items:center}.games-header{text-align:center;margin-bottom:1.5rem}.games-header h1{font-family:Syne,sans-serif;font-size:clamp(2.3rem,5vw,3.2rem);margin:0 0 .5rem;letter-spacing:1px}.games-header .subtitle{margin:0;font-size:1rem;color:#5d6877}.panel{width:100%;max-width:1180px;background:#ffffffbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);border-radius:26px;padding:1.8rem 2rem 2.2rem;box-shadow:0 6px 28px #00000014;margin-bottom:1.4rem;position:relative;transition:box-shadow .25s,transform .25s}.panel:hover{box-shadow:0 10px 40px #00000026}.panel .panel-title{font-family:Syne,sans-serif;font-size:1.4rem;margin:0 0 1.2rem;display:flex;align-items:center;gap:.6rem}.panel .panel-title:before{content:"";width:10px;height:10px;background:#fcc247;border-radius:50%;box-shadow:0 0 0 6px #fcc2472e}.selector-panel .image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.1rem}.selector-panel .thumb{position:relative;border:none;padding:0;border-radius:18px;overflow:hidden;cursor:pointer;background:#fff;box-shadow:0 4px 16px #0000001f;transition:transform .25s,box-shadow .25s,outline .25s;outline:2px solid transparent}.selector-panel .thumb img{width:100%;object-fit:cover;display:block;filter:saturate(.85);transition:filter .25s,transform .35s}.selector-panel .thumb .overlay-label{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(to top,#0000008c,#0000);color:#fff;font-size:.75rem;letter-spacing:.5px;padding:.5rem .6rem .4rem;text-align:left;font-weight:500}.selector-panel .thumb:hover{transform:translateY(-6px);box-shadow:0 14px 32px #0000002e}.selector-panel .thumb:hover img{filter:saturate(1) brightness(1.05);transform:scale(1.06)}.selector-panel .thumb.active{outline:3px solid #4CAF50;box-shadow:0 0 0 4px #4caf5026,0 12px 34px #00000038}.selector-panel .thumb.active img{filter:saturate(1.15) brightness(1.08)}.difficulty-panel .difficulty-options{display:flex;gap:.9rem;flex-wrap:wrap}.difficulty-panel .difficulty-btn{background:#fff;border:2px solid transparent;padding:.85rem 1.1rem;border-radius:14px;cursor:pointer;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.55rem;position:relative;box-shadow:0 3px 12px #00000014;transition:background .25s,transform .2s,border-color .25s}.difficulty-panel .difficulty-btn .grid-indicator{background:#fcc24726;color:#222;padding:.25rem .5rem;font-size:.7rem;border-radius:6px;font-weight:600;letter-spacing:.5px}.difficulty-panel .difficulty-btn:hover{transform:translateY(-4px);background:linear-gradient(135deg,#fff,#fafafa);border-color:#fcc24780}.difficulty-panel .difficulty-btn.selected{background:linear-gradient(135deg,#4caf50,#3d8c42);color:#fff}.difficulty-panel .difficulty-btn.selected .grid-indicator{background:#fff3;color:#fff}.puzzle-wrapper .puzzle-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.9rem;margin-bottom:1.2rem}.puzzle-wrapper .puzzle-toolbar .puzzle-meta{display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.85rem;color:#5d6877}.puzzle-wrapper .puzzle-toolbar .puzzle-meta .meta-item strong{color:#1f2530}.puzzle-wrapper .puzzle-toolbar .toolbar-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.puzzle-wrapper .puzzle-toolbar .toolbar-buttons .tool-btn{background:linear-gradient(135deg,#fcc247,#e2a52c);color:#fff;border:none;padding:.7rem 1.1rem;font-size:.8rem;font-weight:600;border-radius:10px;cursor:pointer;letter-spacing:.5px;box-shadow:0 4px 16px #fcc24759;transition:transform .2s,box-shadow .25s,background .25s}.puzzle-wrapper .puzzle-toolbar .toolbar-buttons .tool-btn:hover{transform:translateY(-4px);box-shadow:0 8px 26px #fcc24766}.puzzle-wrapper .puzzle-toolbar .toolbar-buttons .tool-btn.outline{background:#fff;color:#e74c3c;border:2px solid #e74c3c;box-shadow:0 4px 14px #e74c3c26}.puzzle-wrapper .puzzle-toolbar .toolbar-buttons .tool-btn.outline:hover{background:#e74c3c;color:#fff;box-shadow:0 8px 26px #e74c3c59}.puzzle-wrapper .puzzle-stage{display:flex;justify-content:center;align-items:center;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:24px;padding:1.5rem;box-shadow:inset 0 2px 8px #0000000f,0 8px 28px #0000001f;overflow:auto}.puzzle-wrapper .preview-block{margin-top:1.5rem;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.5rem}.puzzle-wrapper .preview-block .preview-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#5d6877}.puzzle-wrapper .preview-block .preview-image{width:180px;height:120px;object-fit:cover;border-radius:14px;border:2px solid rgba(0,0,0,.08);box-shadow:0 4px 16px #0000001f;background:#fff}.hint-area{margin-top:.4rem;padding:1rem 1.2rem;font-size:.9rem;color:#5d6877;text-align:center;max-width:560px}@media (max-width: 1050px){.selector-panel .image-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width: 820px){.puzzle-wrapper .puzzle-toolbar{flex-direction:column;align-items:flex-start}.puzzle-wrapper .puzzle-toolbar .toolbar-buttons{order:2}.puzzle-wrapper .preview-block .preview-image{width:150px;height:100px}}@media (max-width: 560px){.panel{padding:1.4rem 1.2rem 1.8rem;border-radius:20px}.selector-panel .image-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.selector-panel .image-grid .thumb img{height:100px}.difficulty-panel .difficulty-btn{flex:1 1 calc(33% - .6rem);justify-content:center;padding:.7rem .5rem}.puzzle-wrapper .puzzle-stage{padding:1rem}.puzzle-wrapper .preview-block .preview-image{width:130px;height:90px}}*{margin:0;padding:0;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100dvh;background:#fff;position:relative}#root{width:100%;min-height:100vh;position:relative}