@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#6a11cb 0,#2575fc 100%);color:#333;min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:center}.container{max-width:800px;width:100%;background-color:rgba(255,255,255,.95);border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,.2);overflow:hidden;padding:30px}header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #eee}h1{color:#2575fc;font-size:2.4rem;margin-bottom:10px}.subtitle{color:#666;font-size:1.2rem}.game-info{display:flex;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;gap:15px}.info-box{background:#f8f9fa;border-radius:10px;padding:15px;text-align:center;flex:1;min-width:150px;box-shadow:0 5px 15px rgba(0,0,0,.05)}.info-title{font-size:.9rem;color:#666;margin-bottom:5px}.info-value{font-size:2rem;font-weight:700;color:#2575fc}.timer{color:#ff6b6b}.progress-bar{width:100%;height:10px;background-color:#eee;border-radius:5px;margin-bottom:30px;overflow:hidden}.progress{height:100%;background:linear-gradient(90deg,#6a11cb,#2575fc);width:0%;transition:width .5s}.card-display{background:linear-gradient(135deg,#6a11cb 0,#2575fc 100%);border-radius:15px;padding:40px 20px;text-align:center;margin-bottom:30px;color:#fff;box-shadow:0 10px 20px rgba(106,17,203,.3)}.card-question{font-size:4rem;font-weight:700;margin-bottom:10px}.answers-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:30px}.answer-btn{background-color:#f8f9fa;border:none;border-radius:10px;padding:20px;font-size:1.8rem;font-weight:700;cursor:pointer;transition:.2s;box-shadow:0 5px 15px rgba(0,0,0,.05)}.answer-btn:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1);background-color:#e9ecef}.answer-btn.correct{background-color:#4cd964;color:#fff}.answer-btn.wrong{background-color:#ff6b6b;color:#fff}.controls{display:flex;justify-content:center;gap:15px;margin-top:20px}.btn{padding:15px 30px;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:.2s}.btn-start{background-color:#4cd964;color:#fff}.btn-start:hover{background-color:#3ac753}.btn-restart{background-color:#2575fc;color:#fff}.btn-restart:hover{background-color:#1a67e8}.game-instructions{background-color:#f8f9fa;border-radius:10px;padding:20px;margin-top:30px;font-size:.95rem;line-height:1.5}.game-instructions h3{color:#2575fc;margin-bottom:10px}.game-instructions ul{padding-left:20px;margin-bottom:15px}.game-instructions li{margin-bottom:5px}.results{text-align:center;padding:30px}.results h2{color:#2575fc;margin-bottom:20px}.final-time{font-size:3rem;color:#ff6b6b;font-weight:700;margin:20px 0}.hidden{display:none}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.settings-btn{background:0 0;border:none;font-size:1.8rem;cursor:pointer;padding:5px 10px;border-radius:50%;transition:.2s}.settings-btn:hover{background-color:#f0f7ff;transform:rotate(30deg)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal.hidden{display:none}.modal-content{background-color:#fff;border-radius:15px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.3)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2{margin:0;color:#2575fc}.close-btn{background:0 0;border:none;font-size:2rem;cursor:pointer;color:#666;line-height:1;padding:0;width:30px;height:30px}.close-btn:hover{color:#ff6b6b}.modal-body{padding:20px}.setting-option{margin-bottom:20px}.setting-option label{display:block;margin-bottom:8px;font-weight:700;color:#333}.setting-option select{width:100%;padding:10px;border-radius:8px;border:2px solid #ddd;font-size:1rem;outline:0}.setting-option select:focus{border-color:#2575fc}@media (max-width:768px){.container{padding:20px}h1{font-size:1.7rem}.card-question{font-size:3rem}.answer-btn{font-size:1.5rem;padding:15px}.info-value{font-size:1.5rem}.game-info{flex-direction:column;align-items:center}.info-box{width:100%}.modal-content{width:95%;margin:10px}.settings-btn{font-size:1.5rem}}@media (max-width:480px){.card-question{font-size:2.5rem}.answers-container{grid-template-columns:1fr}.btn{padding:12px 24px;font-size:1rem}}