*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%}body{color:#2c3e50;background:radial-gradient(125% 125% at 50% -10%,#f87171 0%,#dc2626 55%,#991b1b 100%) fixed;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:16px 10px;font-family:"Baloo 2",Nunito,sans-serif;display:flex}.container{background:#fff;border-radius:20px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 10px 40px #ef444433}.game-screen{text-align:center;padding:20px;animation:.3s ease-out slideIn;display:none}.game-screen.active{display:block}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.start-screen{padding:40px 20px}.dash-character{filter:drop-shadow(0 10px 18px #00000038);width:auto;height:160px;margin:0 auto 18px;animation:2.6s ease-in-out infinite charFloat}@keyframes charFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}h1{color:#ef4444;text-shadow:2px 2px 4px #ef44441a;margin-bottom:10px;font-size:2.5em;font-weight:800}.subtitle{color:#7f8c8d;margin-bottom:30px;font-size:1.1em}.difficulty-selector{flex-direction:column;gap:12px;margin:30px 0;display:flex}.difficulty-label{color:#2c3e50;margin-bottom:10px;font-size:1.1em;font-weight:700}.difficulty-buttons{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.difficulty-btn{cursor:pointer;touch-action:manipulation;background:#fff;border:3px solid #bdc3c7;border-radius:12px;padding:15px 10px;font-family:"Baloo 2",Nunito,sans-serif;font-size:.95em;font-weight:700;transition:all .2s}.difficulty-btn:hover,.difficulty-btn:focus{outline:none;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.difficulty-btn.selected{color:#fff;background:#ef4444;border-color:#b91c1c;box-shadow:0 6px 16px #ef44444d}.difficulty-description{color:#95a5a6;margin-top:8px;font-size:.85em}.race-button{color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:none;border-radius:15px;min-height:50px;margin-top:30px;padding:18px 40px;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.4em;font-weight:800;transition:all .2s;box-shadow:0 6px 20px #ef44444d}.race-button:hover,.race-button:focus{outline:none;transform:translateY(-3px);box-shadow:0 8px 25px #ef444466}.race-button:active{transform:translateY(-1px)}.playing-screen{padding:20px}.game-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.timer-display{width:100px;height:100px;position:relative}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-circle-bg{fill:none;stroke:#ecf0f1;stroke-width:8px}.timer-circle{fill:none;stroke:#ef4444;stroke-width:8px;stroke-linecap:round;stroke-dasharray:282.6;stroke-dashoffset:0;transition:stroke-dashoffset .1s linear}.timer-text{color:#ef4444;font-variant-numeric:tabular-nums;font-size:2em;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-display{text-align:center}.score-label{color:#95a5a6;text-transform:uppercase;letter-spacing:1px;font-size:.9em}.score-value{color:#ef4444;font-size:2.2em;font-weight:800}.streak-display{text-align:center}.streak-fire{font-size:1.5em;animation:.3s ease-out streakPulse;display:inline-block}@keyframes streakPulse{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.streak-count{color:#e74c3c;margin-left:5px;font-size:1.2em;font-weight:700}.question-display{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-radius:15px;justify-content:center;align-items:center;min-height:80px;margin:25px 0;padding:30px 20px;display:flex}.question-text{color:#b91c1c;font-size:2.5em;font-weight:800}.answer-buttons{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.answer-btn{cursor:pointer;touch-action:manipulation;background:#fff;border:3px solid #bdc3c7;border-radius:12px;min-height:60px;padding:20px;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.3em;font-weight:700;transition:all .1s;position:relative;overflow:hidden}.answer-btn:hover:not(:disabled),.answer-btn:focus:not(:disabled){border-color:#ef4444;outline:none;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.answer-btn:disabled{cursor:not-allowed}.answer-btn.correct{animation:.4s ease-out correctFlash}.answer-btn.wrong{animation:.4s ease-out wrongFlash}@keyframes correctFlash{0%{color:#fff;background:#2ecc71;border-color:#27ae60}to{color:#2c3e50;background:#fff;border-color:#bdc3c7}}@keyframes wrongFlash{0%,to{color:#2c3e50;background:#fff;border-color:#bdc3c7}25%,75%{color:#fff;background:#e74c3c;border-color:#c0392b}}.screen-flash{pointer-events:none;z-index:1000;animation:.3s ease-out flash;position:fixed;inset:0}.screen-flash.correct{background:#2ecc714d}.screen-flash.wrong{background:#e74c3c4d}@keyframes flash{0%{opacity:.8}to{opacity:0}}.shake{animation:.3s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.floating-bonus{pointer-events:none;z-index:999;font-size:1.2em;font-weight:800;animation:1.5s ease-out forwards floatUp;position:fixed}.floating-bonus.streak{color:#e74c3c}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-100px)scale(1.2)}}.end-screen{padding:30px 20px}.end-dash{filter:drop-shadow(0 10px 18px #00000038);width:auto;height:178px;margin:0 auto 18px;animation:.6s ease-out celebrateJump}@keyframes celebrateJump{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.end-title{color:#ef4444;margin-bottom:20px;font-size:2em;font-weight:800}.stats-grid{grid-template-columns:1fr 1fr;gap:15px;margin:25px 0;display:grid}.stat-box{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-radius:12px;padding:15px}.stat-label{color:#7f8c8d;text-transform:uppercase;letter-spacing:1px;font-size:.9em}.stat-value{color:#b91c1c;font-size:2em;font-weight:800}.stars-display{text-align:center;margin:30px 0}.star{margin:0 5px;font-size:3em;animation:.4s cubic-bezier(.34,1.56,.64,1) both starPop;display:inline-block}.star:nth-child(2){animation-delay:.1s}.star:nth-child(3){animation-delay:.2s}@keyframes starPop{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.race-again-btn{color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%);border:none;border-radius:12px;min-height:48px;margin-top:25px;padding:16px 35px;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.2em;font-weight:800;transition:all .2s;box-shadow:0 6px 20px #ef44444d}.race-again-btn:hover,.race-again-btn:focus{outline:none;transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.confetti{pointer-events:none;z-index:999;animation:3s ease-out forwards confettiFall;position:fixed}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(500px)rotate(720deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=480px){h1,.question-text{font-size:2em}.game-header{gap:10px}.stats-grid,.difficulty-buttons{grid-template-columns:1fr}}@media (width<=360px){body{padding:5px}.container{border-radius:15px}.start-screen,.end-screen{padding:25px 15px}.playing-screen{padding:15px}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.answer-btn.correct{color:#fff;background:#2ecc71;border-color:#27ae60;animation:none}.answer-btn.wrong{color:#fff;background:#e74c3c;border-color:#c0392b;animation:none}}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 #ff6b35}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}
