*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Exo 2",sans-serif;overflow:hidden;background:#0a0a0a;color:#fff;height:100vh}.container{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.road{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:300px;height:100%;background:linear-gradient(to top,#1a1a1a 0%,#2a2a2a 50%,transparent 100%);perspective:1000px}.road:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:100%;background:repeating-linear-gradient(to top,#ffff00 0px,#ffff00 20px,transparent 20px,transparent 40px);animation:roadMove 2s linear infinite}@keyframes roadMove{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(40px)}}.stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(2px 2px at 160px 30px,#fff,transparent);background-repeat:repeat;background-size:200px 100px;animation:starsMove 20s linear infinite}@keyframes starsMove{0%{transform:translateY(0)}to{transform:translateY(100px)}}.grid-lines{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 10s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.main-content{text-align:center;z-index:10;max-width:800px;padding:2rem}.game-header{margin-bottom:3rem}.game-title{font-family:Orbitron,monospace;font-size:clamp(3rem,8vw,6rem);font-weight:900;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,255,255,.5);animation:titleGlow 3s ease-in-out infinite alternate}.title-3d{color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00ffff}.title-math{color:#ff6b6b;text-shadow:0 0 10px #ff6b6b,0 0 20px #ff6b6b,0 0 30px #ff6b6b}.title-race{color:#4ecdc4;text-shadow:0 0 10px #4ecdc4,0 0 20px #4ecdc4,0 0 30px #4ecdc4}@keyframes titleGlow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.game-subtitle{font-size:1.2rem;color:#ccc;font-weight:300;letter-spacing:2px;animation:subtitleFade 2s ease-in-out infinite alternate}@keyframes subtitleFade{0%{opacity:.7}to{opacity:1}}.game-controls{margin-bottom:3rem}.play-button{position:relative;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:50px;padding:1.5rem 3rem;font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer;margin-bottom:2rem;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 30px #ff6b6b4d,0 0 50px #4ecdc433;margin-top:4rem}.play-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 40px #ff6b6b66,0 0 80px #4ecdc44d}.play-button:active{transform:translateY(-2px) scale(1.02)}.button-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:buttonGlow 2s linear infinite}@keyframes buttonGlow{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.button-icon{margin-right:.5rem;font-size:1.2em}.secondary-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.top-button{position:absolute;top:20px;right:20px;z-index:20}.menu-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:25px;padding:.8rem 1.5rem;color:#fff;font-family:"Exo 2",sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.menu-button .button-icon{margin-right:.5rem}.game-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.feature-card:hover{background:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-family:Orbitron,monospace;font-size:1.1rem;margin-bottom:.5rem;color:#0ff}.feature-card p{font-size:.9rem;color:#ccc;line-height:1.4}.floating-elements{position:absolute;width:100%;height:100%;pointer-events:none;z-index:5}.floating-number{position:absolute;font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:#0ff9;animation:float 8s linear infinite}.floating-number:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-number:nth-child(2){top:60%;right:15%;animation-delay:2s}.floating-number:nth-child(3){top:30%;right:25%;animation-delay:4s}.floating-number:nth-child(4){bottom:30%;left:20%;animation-delay:6s}.floating-number:nth-child(5){top:70%;left:70%;animation-delay:1s}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.car-container{position:absolute;bottom:10%;right:10%;z-index:8}.car{position:relative;width:80px;height:40px;animation:carBounce 2s ease-in-out infinite}.car-body{width:60px;height:25px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border-radius:10px 10px 5px 5px;position:relative;box-shadow:0 5px 15px #0000004d}.car-body:before{content:"";position:absolute;top:-8px;left:15px;width:30px;height:15px;background:#ffffff4d;border-radius:8px;border:2px solid rgba(255,255,255,.5)}.car-wheel{position:absolute;width:12px;height:12px;background:#333;border-radius:50%;bottom:-6px;border:2px solid #666;animation:wheelSpin .5s linear infinite}.wheel-front{right:5px}.wheel-rear{left:5px}.car-exhaust{position:absolute;left:-10px;top:50%;width:15px;height:3px;background:#fff9;border-radius:2px;animation:exhaust 1s ease-in-out infinite}@keyframes carBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes exhaust{0%{opacity:.8;transform:scaleX(1)}50%{opacity:.4;transform:scaleX(1.5)}to{opacity:.8;transform:scaleX(1)}}@media (max-width: 768px){.main-content{padding:1rem}.game-title{font-size:2.5rem}.play-button{padding:1rem 2rem;font-size:1.2rem}.secondary-buttons{flex-direction:column;align-items:center}.menu-button{width:200px}.game-features{grid-template-columns:1fr}.car-container{bottom:5%;right:5%}}@media (max-width: 480px){.game-title{font-size:2rem}.floating-number{font-size:1rem}}.mode-select-buttons{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2rem}.mode-title{margin-top:4rem;margin-bottom:4rem}.mode-title{font-size:1.5rem;font-family:Orbitron,monospace;color:#0ff;text-shadow:0 0 10px #00ffff}.mode-buttons-wrapper{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.mode-button.active{background-color:#f0f0f0;color:#333;border:2px solid #007bff}@media (max-width: 768px){.game-features{display:none}}