*{box-sizing:border-box;margin:0;padding:0}:root{--nova-orange:#3b82f6;--nova-light:#60a5fa;--nova-dark:#1d4ed8;--cream:#eff6ff;--gold:gold;--success-green:#4caf50;--error-red:#ff6b6b;--text-dark:#2c3e50;--text-light:#5d6e7f}html,body{background-color:var(--cream);width:100%;color:var(--text-dark);font-family:"Baloo 2",Nunito,sans-serif;overflow-x:hidden}body{background:radial-gradient(125% 125% at 50% -10%,#3b82f6 0%,#1d4ed8 55%,#1e3a8a 100%) fixed;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.25rem 1rem;display:flex}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{background:linear-gradient(135deg, var(--cream) 0%, #dbeafe 100%);border-radius:20px;width:100%;max-width:800px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001a}@media (width<=480px){.container{border-radius:15px;padding:1.5rem}}.screen{animation:.4s ease-in fadeIn;display:none}.screen.active{flex-direction:column;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nova-container{text-align:center;margin-bottom:2rem}.nova-svg{filter:drop-shadow(0 10px 18px #00000038);width:auto;height:160px;margin:0 auto;display:block}.start-screen .nova-svg{height:160px;animation:2.6s ease-in-out infinite charFloat}.end-screen .nova-svg{height:178px}@keyframes charFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (prefers-reduced-motion:no-preference){.nova-svg.bounce{animation:.6s ease-out bounce}.nova-cape{transform-origin:90% 20%;animation:1.5s ease-in-out infinite capeFlutter}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes capeFlutter{0%,to{transform:rotateY(0)rotate(-5deg)}50%{transform:rotateY(10deg)rotate(5deg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes greenFlash{0%,to{background-color:#0000}50%{background-color:#4caf504d}}@keyframes redFlash{0%,to{background-color:#0000}50%{background-color:#ff6b6b4d}}.flash{animation:.6s ease-out greenFlash}.flash.wrong{animation:.6s ease-out redFlash}.start-screen{text-align:center}.welcome-text h1{color:var(--nova-orange);margin-bottom:.5rem;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700}.welcome-text p{color:var(--text-light);margin-bottom:2rem;font-size:clamp(1rem,3vw,1.2rem);line-height:1.6}.difficulty-selector{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;display:grid}@media (width>=600px){.difficulty-selector{grid-template-columns:repeat(3,1fr)}}.difficulty-btn{cursor:pointer;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:120px;padding:1.5rem 1rem;font-family:"Baloo 2",Nunito,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.difficulty-btn.easy{color:#0277bd;background:linear-gradient(135deg,#b3e5fc 0%,#81d4fa 100%)}.difficulty-btn.medium{color:#f57f17;background:linear-gradient(135deg,#ffe082 0%,#ffd54f 100%)}.difficulty-btn.hard{color:#c62828;background:linear-gradient(135deg,#ef9a9a 0%,#ef5350 100%)}.difficulty-btn:hover,.difficulty-btn:focus{outline:none;transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.difficulty-btn span{opacity:.9;font-size:.85rem;font-weight:400;display:block}.begin-btn,.new-quest-btn{background:linear-gradient(135deg, var(--nova-orange) 0%, var(--nova-light) 100%);color:#fff;cursor:pointer;border:none;border-radius:12px;min-width:48px;min-height:48px;padding:1rem 2rem;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(1rem,3vw,1.2rem);font-weight:700;transition:all .3s}.begin-btn:hover,.begin-btn:focus,.new-quest-btn:hover,.new-quest-btn:focus{outline:none;transform:translateY(-4px);box-shadow:0 8px 20px #3b82f64d}.begin-btn:active,.new-quest-btn:active{transform:translateY(-2px)}.gameplay-screen{gap:1.5rem}.header-bar{background:linear-gradient(90deg,#3b82f61a,#60a5fa1a);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.question-counter{color:var(--nova-orange);font-size:1rem;font-weight:600}.xp-bar-container{border:2px solid var(--nova-orange);background:#e0e0e0;border-radius:12px;flex:1;min-width:150px;height:24px;overflow:hidden}.xp-bar{background:linear-gradient(90deg, var(--nova-orange), var(--nova-light));color:#fff;justify-content:flex-end;align-items:center;width:0%;height:100%;padding-right:4px;font-size:.75rem;font-weight:700;transition:width .3s;display:flex}.journey-path{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.3rem;margin-bottom:1.5rem;display:flex}.stepping-stone{border:2px solid var(--text-light);background-color:#d0d0d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;transition:all .3s;display:flex}@media (width<=480px){.stepping-stone{width:24px;height:24px;font-size:.6rem}}.stepping-stone.current{background-color:var(--nova-orange);color:#fff;box-shadow:0 0 15px #3b82f680}.stepping-stone.completed{background-color:var(--gold);color:var(--nova-dark);box-shadow:0 0 10px #ffd70080}.stepping-stone.completed:after{content:"★";font-size:.8rem;position:absolute}.question-display{text-align:center;border-left:4px solid var(--nova-orange);background:linear-gradient(135deg,#3b82f60d,#60a5fa0d);border-radius:15px;margin-bottom:2rem;padding:1.5rem;animation:.5s ease-out slideInUp}.question-problem{color:var(--nova-orange);margin-bottom:1rem;font-family:Nunito,sans-serif;font-size:clamp(1.5rem,6vw,2.5rem);font-weight:700}.question-text{color:var(--text-light);margin-bottom:1.5rem;font-size:1rem}.answers-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width>=500px){.answers-grid{grid-template-columns:repeat(2,1fr)}}.answer-btn{border:2px solid var(--nova-light);cursor:pointer;min-width:48px;min-height:60px;color:var(--text-dark);background-color:#fff;border-radius:12px;padding:1.5rem;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(1rem,3vw,1.2rem);font-weight:600;transition:all .3s;position:relative}.answer-btn:hover:not(:disabled){background-color:var(--cream);border-color:var(--nova-orange);transform:translateY(-2px)}.answer-btn:focus{outline:2px solid var(--nova-orange);outline-offset:2px}.answer-btn:disabled{opacity:.7;cursor:not-allowed}.answer-btn.correct{background-color:var(--success-green);border-color:var(--success-green);color:#fff}.answer-btn.incorrect{background-color:var(--error-red);border-color:var(--error-red);color:#fff}.float-text{pointer-events:none;font-size:1.5rem;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.float-text.positive{color:var(--success-green);animation:1s ease-out forwards floatUp}.feedback-message{text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:40px;margin-bottom:1rem;padding:1rem;font-size:1rem;font-weight:600;animation:.3s ease-out slideInUp;display:flex}.feedback-message.correct{color:var(--success-green);background-color:#4caf5033}.feedback-message.incorrect{color:var(--error-red);background-color:#ff6b6b33}.end-screen{text-align:center;gap:1rem}.score-display{border:2px solid var(--nova-orange);background:linear-gradient(135deg,#3b82f61a,#ffd7001a);border-radius:15px;margin-bottom:1.5rem;padding:2rem}.score-title{color:var(--text-light);margin-bottom:.5rem;font-size:1.2rem}.score-big{color:var(--nova-orange);margin-bottom:1rem;font-size:clamp(2rem,8vw,3.5rem);font-weight:700}.score-metrics{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem;display:grid}.metric{border:1px solid var(--nova-light);background-color:#fff;border-radius:10px;padding:1rem}.metric-label{color:var(--text-light);margin-bottom:.3rem;font-size:.85rem}.metric-value{color:var(--nova-orange);font-size:1.5rem;font-weight:700}.star-rating{letter-spacing:.2rem;margin-bottom:1rem;font-size:2.5rem}.summary-text{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;line-height:1.6}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dotted-line{background:repeating-linear-gradient(90deg, var(--nova-light), var(--nova-light) 4px, transparent 4px, transparent 8px);flex:0 0 20px;height:2px}@media (width<=480px){.dotted-line{flex:0 0 12px}}.hidden{display:none!important}a:focus-visible,button:focus-visible,[role=button]:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;border-radius:4px;outline:3px solid #3b82f6}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}.skip-link{color:#fff;z-index:9999;background:#2d2d44;border-radius:0 0 8px 8px;padding:.8rem 1.5rem;font-weight:700;text-decoration:none;transition:top .3s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:0}