.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f4b9b9;height:100vh}#close-button{position:absolute;top:10px;left:10px;cursor:pointer}.timer-container p{font-size:clamp(1.2rem,4vw,1.7rem);color:#fff;margin-bottom:20px}.timer{position:absolute;top:10px;right:10px;width:clamp(100px,30vw,200px)}.quiz-over-container{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.question-container{border-radius:10px;padding:20px;width:clamp(300px,90%,800px);margin:0 15px;max-height:90vh;display:flex;flex-direction:column;justify-content:center}.question-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;position:relative}.question-content img{width:min(200px,70vw);height:min(200px,70vw);object-fit:contain;margin-bottom:20px}.question-number{font-size:clamp(1rem,3vw,1.3rem);color:#ffffffb5;margin-bottom:15px;position:absolute;top:min(220px,80vw);left:clamp(120px,25vw,145px)}.question-content h2{font-size:clamp(1.8rem,4vw,2.5rem);text-align:center;color:#fff;padding:10px 20px;border-radius:10px;width:min(700px,90vw);margin-bottom:15px}.answer-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:15px;width:100%}.next-button{border:none;padding:10px 20px;border-radius:13px;cursor:pointer;width:min(550px,90vw);box-shadow:0 10px 10px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(0);font-size:clamp(1.2rem,4vw,1.7rem);background:linear-gradient(to top,#64b25f,#bbff97)}.next-button:hover{transform:translateY(-5px)}.answer-button{background-color:#fff;border:none;padding:10px 20px;border-radius:13px;font-size:clamp(1rem,4vw,1.5rem);width:100%}.answer-button:hover{background:linear-gradient(to top,#ffc259,#ffd386);color:#fff}.answer-button:focus{background:linear-gradient(to top,#ffc259,#ffd386);color:#fff}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;margin:10px 4%}#lightbulb-icon{font-size:35px;color:#ffffffcd;position:absolute;top:15px;right:15px;margin-top:6px;margin-right:clamp(10px,4vw,90px);z-index:3;cursor:pointer;transition:transform .3s ease-in-out}#lightbulb-icon:hover{transform:scale(1.3)}.app-header{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(40deg,#9bacfa,#fda2ae,#7aecc0,#71dff5,#bf90f3);background-size:500% 500%;animation:gradientAnimation 23s ease infinite;border-radius:20px;padding:15px 0;width:100%;color:#fff}.app-header img{width:200px;margin-bottom:-25px;cursor:pointer}.app-header h2{font-size:clamp(15px,4vw,25px);-webkit-background-clip:text;background-clip:text;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.time-selection{display:flex;align-items:center;justify-content:center;gap:20px}.time-selection h3{font-size:clamp(25px,4vw,35px);-webkit-background-clip:text;background-clip:text;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.time-selection-buttons{display:flex;align-items:center;justify-content:center;gap:20px}.time-selection button{font-size:clamp(15px,4vw,25px);text-shadow:2px 2px 4px rgba(0,0,0,.1);border-radius:10px;padding:10px 20px;background-color:transparent;border:2px solid white;cursor:pointer}.time-selection button:hover{border:2px solid #fda2ae;box-shadow:0 0 10px #fda2ae80}.time-selection-buttons button:focus{background-color:#fda2ae;color:#fff;border:none;box-shadow:0 0 10px #fda2ae80}.pick-categories{display:flex;margin-top:10px;flex-direction:column;align-items:center;justify-content:center;width:100%;font-size:clamp(35px,4vw,40px);-webkit-background-clip:text;background-clip:text;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.categories{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(40px,10vh,60px);min-width:300px;width:100%;max-width:900px;position:relative;padding:30px 70px;border-radius:20px}#brain-icon{font-size:35px;color:#ffffffcd;position:absolute;top:10px;left:10px;z-index:3;cursor:pointer;transition:transform .6s ease-in-out}#brain-icon:hover{transform:rotate(360deg)}.categories img{width:170px;height:150px;object-fit:contain;position:absolute;z-index:2;right:-70px;bottom:10px}.literature-art-container img,.pop-culture-container img,.sports-leisure-container img{bottom:-5px}.categories button{width:100%;height:clamp(70px,10vh,150px);border-radius:20px;border:none;font-size:clamp(24px,4vw,30px);font-weight:700;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 10px #0003;will-change:transform}.science-nature-container,.history-geography-container,.literature-art-container,.sports-leisure-container,.pop-culture-container{position:relative;min-width:300px;width:100%;max-width:550px;transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform}.science-nature-container:hover,.history-geography-container:hover,.literature-art-container:hover,.sports-leisure-container:hover,.pop-culture-container:hover{transform:translateY(-8px)}.science-nature-container button{background:linear-gradient(20deg,#42c492,#8cf0ca);position:relative}.history-geography-container button{background:linear-gradient(20deg,#667eea,#b2bff7);position:relative}.literature-art-container button{background:linear-gradient(20deg,#764ba2,#cda8f5);position:relative}.sports-leisure-container button{background:linear-gradient(20deg,#00b4d8,#93e1f0);position:relative}.pop-culture-container button{background:linear-gradient(20deg,#ff758c,#fcc0c8);position:relative}@media screen and (max-width: 768px){.app-header h2{display:none}.app-header img{width:300px}.time-selection{flex-direction:column}.time-selection-buttons{display:grid;grid-template-columns:1fr 1fr;gap:20px}.categories{gap:30px;padding-top:30px}#brain-icon{top:5px;left:5px;font-size:30px}.categories button{height:clamp(70px,10vh,100px);min-width:280px}.history-geography-container img{height:110px;width:110px;top:-10%;right:-23%}.science-nature-container img{height:110px;width:110px;top:-10%;right:-17%}.literature-art-container img{height:160px;width:120px;top:-35%;right:-20%}.pop-culture-container img{height:150px;width:140px;top:-30%}.sports-leisure-container img{height:140px;width:120px;top:-20%;right:-20%}.science-nature-container,.history-geography-container,.literature-art-container,.sports-leisure-container,.pop-culture-container{min-width:280px;width:90%}}.leaderboard-container{display:flex;flex-direction:column;gap:20px;justify-content:flex-start;align-items:center;min-height:100vh;padding-top:100px;background:linear-gradient(40deg,#9bacfa,#fda2ae,#7aecc0,#71dff5,#bf90f3);background-size:500% 500%;animation:gradientAnimation 23s ease infinite}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.leaderboard-content{border-radius:20px;display:flex;padding:20px;justify-content:center;background-color:#fff;cursor:pointer;transition:transform .2s;border:none;box-shadow:0 4px 12px #0000001a;width:clamp(300px,90%,600px)}.leaderboard-content:hover{transform:scale(1.02)}.leaderboard-content h3{font-size:clamp(1.5rem,4vw,2rem)}.leaderboard-content p{color:#fff;padding:10px 20px;font-size:clamp(1rem,2vw,1.5rem);border-radius:10px}.leaderboard-one{display:flex;gap:20px;align-items:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:3rem;border-radius:20px;width:clamp(300px,90%,900px);max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #0003}.exit-button{position:absolute;top:15px;right:25px;border:none;background:none;font-size:32px;cursor:pointer;transition:transform .2s ease}.exit-button:hover{transform:scale(1.1)}.modal-content h2{font-size:2.5rem;margin-bottom:2rem;text-align:center;font-weight:700}.modal-content-p{color:#4a5568;text-align:center;margin-bottom:2rem;font-size:1.8rem}.modal-content-p span{font-weight:700;font-size:2rem}.wrong-answers-container{margin-top:3rem}.wrong-answers-container h3{font-size:1.8rem;color:#4a5568;margin-bottom:1.5rem}.wrong-answer{background:#f7fafc;border:2px solid #e2e8f0;padding:1.5rem;margin-bottom:1.5rem;border-radius:12px;transition:transform .2s ease}.wrong-answer:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.question-text{font-size:1.4rem;color:#2d3748;margin-bottom:1rem;line-height:1.5}.these-answers{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem;padding:1rem;background:#fff;border-radius:8px}.answer-item{display:flex;flex-direction:column;gap:.5rem}.answer-label{font-size:1.1rem;font-weight:700}.user-answer{color:#e53e3e}.correct-answer{color:#38a169}.answer-text{font-size:1.2rem;padding:.5rem;border-radius:6px;background:#f7fafc}.close-button{display:flex;align-items:center;gap:10px;border:none;font-size:2.2rem;color:#fff;position:absolute;top:15px;left:15px;cursor:pointer;background:none}.leaderboard-header{text-align:center;color:#fff;margin-bottom:2rem;max-width:clamp(300px,90%,1000px)}.leaderboard-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:15px}#brain-icons{font-size:60px;color:#fff;cursor:pointer;transition:transform .6s ease-in-out}#brain-icons:hover{transform:rotate(360deg)}.leaderboard-summary{font-size:clamp(1.5rem,2vw,2rem);line-height:1.6;opacity:.9}.leaderboard-list{display:flex;flex-direction:column;gap:20px;width:100%;align-items:center;padding:0 20px}*{margin:0;padding:0;box-sizing:border-box;font-family:Bubblegum Sans,serif;letter-spacing:.03em}button{font-family:Bubblegum Sans,serif;cursor:pointer}html{background-color:#fff}