.quiz-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:0 2rem 6rem;background:linear-gradient(135deg,rgba(112,0,255,.03),hsla(0,0%,100%,.5) 50%,hsla(0,100%,71%,.03))}.quiz-content{width:100%;max-width:1000px;background:#1a2c38;border-radius:30px;padding:3rem;box-shadow:0 20px 40px rgba(0,0,0,.2),0 0 30px rgba(112,0,255,.1);border:1px solid rgba(112,0,255,.1)}.quiz-header{text-align:center;margin-bottom:3rem;position:relative}.quiz-header h2{font-size:2.5rem;color:var(--text-color);margin-bottom:1.5rem;font-weight:600;text-shadow:0 0 20px rgba(112,0,255,.3);letter-spacing:.1em}.animated-gradient{background:linear-gradient(90deg,#0a86f4,#0dbdf9,#0a86f4);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:gradient 3s linear infinite}@keyframes gradient{0%{background-position:0}to{background-position:200%}}.quiz-header h2:after{display:none}.quiz-progress{max-width:600px;margin:0 auto}.progress-bar{height:8px;background:rgba(112,0,255,.1);border-radius:10px;margin-bottom:1rem;overflow:hidden}.progress{height:100%;background:linear-gradient(90deg,#7000ff,#ff6b6b);border-radius:10px;transition:width .3s ease}.attempts{display:block;color:var(--text-color-light);font-size:.9rem}.quiz-question{text-align:center}.quiz-question h3{font-size:1.5rem;color:var(--text-color);margin-bottom:2.5rem;line-height:1.4}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem;max-width:800px;margin-left:auto;margin-right:auto}.option{position:relative;cursor:pointer;transition:transform .3s ease}.option:hover{transform:translateY(-5px)}.option-card{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1;width:200px;height:200px;margin:0 auto;box-shadow:0 10px 20px rgba(0,0,0,.1);border:2px solid transparent;transition:all .3s ease}.option-card img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:2rem}.option-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.6));display:flex;align-items:flex-end;justify-content:flex-start;padding:1rem}.option-letter{color:#fff;font-size:1.5rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.error-modal,.game-over-modal,.success-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a1a,#000);padding:2rem;border-radius:20px;text-align:center;animation:modalAppear .3s ease}.modal-content i{font-size:3rem;margin-bottom:1rem}.modal-content p{color:#fff;font-size:1.5rem;margin:0}@keyframes modalAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ready-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px}.start-button{box-shadow:0 4px 15px rgba(112,0,255,.3);transition:all .3s ease}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(112,0,255,.4)}@media (max-width:768px){.quiz-container{align-items:flex-start;padding-top:2rem;padding-bottom:4rem;min-height:auto;justify-content:flex-start}.quiz-content{padding:1.5rem;margin-top:1rem}.options-grid{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:100%;max-width:100%;padding:0 .5rem;margin:0 auto}.option{flex:0 0 30%;max-width:120px;margin:0}.option-card{width:100%;height:auto;aspect-ratio:1}.option-card img{padding:.75rem}.option-letter{display:none}.text-center.mt-2.text-white.text-lg{font-size:.8rem}.quiz-header h2{font-size:1.8rem}.quiz-question h3{font-size:1.2rem;padding:0 1rem;margin-bottom:2rem}.ready-screen .text-xl.text-gray-300.mb-12{font-size:.875rem!important;margin-bottom:1rem!important;margin-top:-.5rem!important}.ready-screen .text-3xl.mb-8{margin-bottom:.5rem!important}}@media (max-width:480px){.quiz-container{padding-top:1rem;padding-bottom:3rem}.quiz-content{padding:1rem;margin-top:.5rem}.options-grid{gap:.75rem;padding:0 .25rem}.option{max-width:100px}.quiz-header h2{font-size:1.5rem}.ready-screen .text-xl.text-gray-300.mb-12{font-size:.75rem!important;margin-bottom:.5rem!important;margin-top:-.5rem!important}.ready-screen .text-3xl.mb-8{margin-bottom:.25rem!important}}@media (max-width:400px){.quiz-container{padding:.5rem 1rem 2.5rem}.quiz-content{margin-top:0;padding:.75rem}.quiz-header,.quiz-question h3{margin-bottom:1.5rem}.quiz-question h3{font-size:1.1rem}.ready-screen{min-height:300px}.ready-screen .text-xl.text-gray-300.mb-12{font-size:.7rem!important;margin-bottom:.25rem!important;margin-top:-.25rem!important}.ready-screen .text-3xl.mb-8{margin-bottom:.125rem!important}}