@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Orbitron:wght@400..900&family=Oswald:wght@200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;touch-action:manipulation;-webkit-user-select:none;-webkit-touch-callout:none;user-select:none}@font-face{font-family:mario_kart_f2;src:url(/fonts/mario_kart_f2.ttf)}@font-face{src:url(https://assets.codepen.io/4175254/DIN2014-DemiBold.ttf) format("truetype");font-family:"DIN 2014"}.canvas-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.mobile-controls{position:fixed;top:0;left:0;z-index:2;display:flex;justify-content:center;align-items:center;height:100dvh;width:100vw;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mobile-controls .bottom-left{position:absolute;left:7%;bottom:7%}.mobile-controls .bottom-right{position:absolute;right:7%;bottom:7%}.mobile-controls .bottom-right button{all:unset;position:relative;width:100px;height:100px;background:radial-gradient(circle at 30% 30%,#58db84,#37995c);color:#37995c;font-weight:700;font-size:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 6px #1f4c32,0 4px 15px #0000004d;transition:all .15s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;overflow:hidden}.mobile-controls .bottom-right button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.15) 40%,transparent 60%);pointer-events:none;transform:rotate(-20deg);z-index:3}.mobile-controls .bottom-right button:active,.pressed{transform:translateY(4px);box-shadow:0 2px #1f4c32,0 2px 6px #0000004d;background:radial-gradient(circle at 30% 30%,#4fd176,#2e7a4d)}.joystick-base{position:relative;border-radius:50%;background:radial-gradient(circle at center,#c7c7c7 60%,#aaa);box-shadow:inset 0 4px 6px #0003,inset 0 -2px 4px #fff3;touch-action:none}.joystick-knob{position:absolute;top:50%;left:50%;width:40%;height:40%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,#ddd,#999);background-image:repeating-radial-gradient(circle at center,rgba(255,255,255,.3) 0px,rgba(255,255,255,.1) 3px,transparent 6px);box-shadow:0 4px 6px #0000004d;border:2px solid #666;pointer-events:none;transition:transform .05s linear}canvas{filter:saturate(1.4)}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:2;display:flex;justify-content:center;align-items:center;background:#fff}.loading-screen .background{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:-1;object-fit:cover}.loading-screen .loading{font-family:"DIN 2014";font-weight:600;font-size:32px}.loading-screen .mention{position:absolute;bottom:15px;left:50%;transform:translate(-50%);text-align:center justify}.button-text-character{animation:fadeInMoveUp 1s cubic-bezier(.3,.8,.3,2.3) forwards;animation-delay:var(--delay);display:inline-block;transform:skew(-6deg);font-family:"DIN 2014";font-weight:600;text-shadow:#fff 1px 0 10px}.version{position:fixed;bottom:15px;font-family:"DIN 2014";color:#fff;font-weight:300}@keyframes fadeInMoveUp{0%,to{transform:translateY(0) skew(-6deg)}50%{transform:translateY(-5px) skew(-6deg)}}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.countdown-number{font-family:mario_kart_f2,sans-serif;font-size:12rem;color:#fde902;text-shadow:4px 4px 0 #E60012,8px 8px 0 rgba(0,0,0,.5);animation:pulse 1s infinite alternate;display:flex;justify-content:center;align-items:center;width:100%;height:100%;user-select:none;-webkit-user-select:none}.go-text{font-family:mario_kart_f2,sans-serif;font-size:12rem;color:#5ac628;text-shadow:4px 4px 0 #0066B3,8px 8px 0 rgba(0,0,0,.5);animation:goAnimation .6s ease-out;display:flex;justify-content:center;align-items:center;width:100%;height:100%;user-select:none;-webkit-user-select:none}@keyframes pulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.1);opacity:1}}@keyframes goAnimation{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.countdown-number,.go-text{font-size:8rem}}@media (max-width: 480px){.countdown-number,.go-text{font-size:6rem}}:root{--primary-color: #E60012;--primary-hover: #FF1a29;--secondary-color: #0066B3;--secondary-hover: #0080E1;--accent-color: #FDE902;--accent-gradient: linear-gradient(90deg, var(--accent-color), #FF9900, #FDE902);--accent-glow: 0 0 15px rgba(253, 233, 2, .6);--bg-dark: #0a0c17;--bg-darker: #060810;--bg-light: #171a2c;--text-light: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .7);--shadow-small: 0 4px 15px rgba(0, 0, 0, .2);--shadow-medium: 0 10px 30px rgba(0, 0, 0, .3);--shadow-large: 0 20px 40px rgba(0, 0, 0, .4);--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-xl: 50px;--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .5s ease}.home-page{font-family:Montserrat,sans-serif;margin:0;padding:0;background-color:var(--bg-dark);color:#fff;overflow-x:hidden;scroll-behavior:smooth}section{padding:5rem 7%;position:relative;overflow:hidden}.section-title{font-size:2.3rem;text-align:center;margin-bottom:2.5rem;position:relative;font-weight:700;color:var(--text-light)}.section-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--accent-color)}.section-subtitle{text-align:center;font-size:1.1rem;max-width:700px;margin:-1.5rem auto 3rem;color:var(--text-muted)}.home-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 7%;background:#060810e6;position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px #0003}.logo h1{font-family:mario_kart_f2,Montserrat,sans-serif;margin:0;font-size:1.8rem;color:var(--accent-color);text-shadow:2px 2px 0 var(--primary-color);letter-spacing:1px}.header-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:1.5rem}.header-nav li{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding:.5rem 0;position:relative;transition:all var(--transition-fast)}.header-nav li:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:var(--accent-color);transition:width var(--transition-medium)}.header-nav li:hover{color:var(--accent-color)}.header-nav li:hover:after{width:100%}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:5rem;padding-bottom:5rem;background:radial-gradient(ellipse at center,var(--bg-darker) 0%,var(--bg-dark) 80%)}.hero-content{flex:1;max-width:550px}.hero-content h2{font-size:2.8rem;font-weight:800;margin-bottom:1.2rem;line-height:1.2;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:var(--accent-glow)}.hero-subtitle{font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;color:var(--text-muted)}.hero-buttons{display:flex;gap:1rem}.primary-btn{background:linear-gradient(90deg,var(--primary-color),#E3350D);color:#fff;border:none;padding:.9rem 2rem;font-size:1.1rem;font-weight:600;border-radius:var(--border-radius-xl);cursor:pointer;transition:all var(--transition-medium);box-shadow:0 4px 15px #e600124d;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.play-button{position:relative;background:linear-gradient(90deg,var(--primary-color),#E3350D);box-shadow:0 5px 15px #e6001266,0 0 15px #fde90233;border:1px solid rgba(253,233,2,.3)}.play-button:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(253,233,2,.3) 0%,transparent 60%);opacity:0;transition:opacity .5s ease}.primary-btn:hover,.play-button:hover{background:linear-gradient(90deg,var(--primary-hover),#FF3D17);transform:translateY(-3px);box-shadow:0 8px 25px #e6001280,0 0 20px #fde9024d}.play-button:hover:after{opacity:1;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.secondary-btn{background:linear-gradient(90deg,var(--secondary-color),#0099FF);color:#fff;border:none;padding:.9rem 2rem;font-size:1.1rem;font-weight:600;border-radius:var(--border-radius-xl);cursor:pointer;transition:all var(--transition-medium);box-shadow:0 4px 15px #0066b34d;text-transform:uppercase;letter-spacing:1px}.secondary-btn:hover{background:linear-gradient(90deg,var(--secondary-hover),#00AEFF);transform:translateY(-3px);box-shadow:0 8px 25px #0066b366}.hero-image{flex:1;max-width:500px;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-large);transform:perspective(1000px) rotateY(-5deg);transition:all var(--transition-slow);position:relative}.hero-image:hover{transform:perspective(1000px) rotateY(0) translateY(-5px)}.hero-image img{width:100%;height:auto;display:block}.hero-badge{position:absolute;top:20px;right:20px;background:#000000b3;border-radius:var(--border-radius-xl);padding:.5rem 1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent-color)}.controls-modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#000000d9;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls-content{background:linear-gradient(135deg,var(--bg-light),var(--bg-dark));border-radius:var(--border-radius-lg);box-shadow:var(--shadow-large);padding:2rem;max-width:600px;width:90%;position:relative;border:1px solid rgba(255,255,255,.1)}.controls-content h2{text-align:center;color:var(--accent-color);margin-bottom:1.5rem;font-size:1.8rem}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.5rem 0}.control-item{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}.key{background:#ffffffe6;color:#222;border-radius:6px;padding:.4rem .8rem;font-weight:700;min-width:32px;text-align:center;box-shadow:0 2px 4px #0003;font-size:.9rem}.control-info{text-align:center;font-style:italic;color:var(--text-muted);margin-bottom:2rem}.control-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.start-game-btn,.start-trial-btn{padding:.8rem 1.5rem;font-weight:600;border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);font-size:1rem}.start-game-btn{background-color:var(--primary-color);color:#fff}.start-game-btn:hover{background-color:var(--primary-hover)}.start-trial-btn{background-color:var(--secondary-color);color:#fff}.start-trial-btn:hover{background-color:var(--secondary-hover)}.start-countdown{text-align:center;margin:1rem 0;font-size:1.2rem}.countdown-number{display:inline-block;font-size:2.5rem;font-weight:800;color:var(--accent-color);margin:0 .3rem;min-width:60px;background:#0000004d;border-radius:50%;aspect-ratio:1/1;line-height:60px}.features-section{background:linear-gradient(180deg,var(--bg-dark),var(--bg-light));padding-top:6rem;padding-bottom:6rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:#ffffff0d;border-radius:var(--border-radius-md);padding:2rem;transition:all var(--transition-medium);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-small);height:100%;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-5px);background:#ffffff14;border-color:#fff3;box-shadow:var(--shadow-medium)}.feature-icon{font-size:2.2rem;margin-bottom:1.2rem}.feature-card h3{font-size:1.3rem;margin:0 0 .8rem;color:var(--accent-color)}.feature-card p{font-size:.95rem;line-height:1.5;color:var(--text-light);margin-top:auto}.tech-section{background:var(--bg-darker);padding-top:6rem;padding-bottom:6rem;position:relative}.tech-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto 3rem}.tech-card{background:#ffffff0d;border-radius:var(--border-radius-md);padding:1.8rem;transition:all var(--transition-medium);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-small)}.tech-card:hover{background:#ffffff14;border-color:#fff3;box-shadow:var(--shadow-medium)}.tech-card h3{font-size:1.25rem;margin:0 0 1rem;color:var(--accent-color)}.tech-card p{font-size:.95rem;line-height:1.5;color:var(--text-light)}.tech-image{width:100%;max-width:300px;margin:3rem auto 0;display:flex;justify-content:center}.tech-image img{width:100%;height:auto;border-radius:var(--border-radius-md);box-shadow:var(--shadow-medium);transition:all var(--transition-medium);filter:brightness(.9)}.tech-image:hover img{transform:translateY(-5px);box-shadow:var(--shadow-large);filter:brightness(1.1)}.infinity-section{background:linear-gradient(90deg,var(--bg-dark),var(--bg-light));padding-top:6rem;padding-bottom:6rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem}.infinity-content{flex:1;min-width:300px;max-width:600px}.infinity-content h2{font-size:2rem;margin-bottom:.5rem;color:var(--text-light)}.infinity-subtitle{font-size:1.1rem;color:var(--accent-color);margin-bottom:1.5rem}.infinity-content p{line-height:1.6;margin-bottom:1.5rem;color:var(--text-muted)}.infinity-specialties{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.infinity-specialties span{background:#ffffff1a;padding:.5rem 1rem;border-radius:var(--border-radius-xl);font-size:.9rem;font-weight:500;border:1px solid rgba(255,255,255,.05)}.infinity-image{flex:1;min-width:280px;max-width:450px;border-radius:var(--border-radius-lg);overflow:hidden;position:relative;box-shadow:var(--shadow-large)}.infinity-image img{width:100%;height:auto;display:block;transition:transform var(--transition-medium)}.infinity-image:hover img{transform:scale(1.05)}.infinity-overlay{position:absolute;top:20px;left:20px;background:#000000b3;color:var(--accent-color);padding:.5rem 1rem;border-radius:var(--border-radius-md);font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.9rem;letter-spacing:1px;border:1px solid rgba(255,255,255,.2)}.cta-section{background:linear-gradient(135deg,var(--bg-darker),var(--bg-dark));text-align:center;padding:4rem 7%}.cta-section h2{font-size:2.2rem;margin-bottom:1.5rem;color:var(--text-light)}.cta-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}.github-section{background:linear-gradient(135deg,var(--bg-dark),var(--bg-darker));padding:5rem 7%;position:relative;overflow:hidden}.github-section:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(ellipse at center,rgba(253,233,2,.03) 0%,transparent 70%);transform:rotate(-30deg);pointer-events:none}.github-container{display:flex;flex-wrap:wrap;gap:3rem;max-width:1200px;margin:0 auto;position:relative;z-index:2}.github-content{flex:1;min-width:300px}.github-title{font-size:2.2rem;margin-bottom:1.5rem;color:var(--text-light);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.github-description{font-size:1.05rem;line-height:1.7;margin-bottom:2rem;color:var(--text-muted)}.github-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.2rem;margin-bottom:2rem}.github-feature{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;border-radius:var(--border-radius-md);padding:1.2rem;transition:all var(--transition-medium);border:1px solid rgba(255,255,255,.1)}.github-feature:hover{transform:translateY(-5px);background:#ffffff14;border-color:#fff3;box-shadow:var(--shadow-medium)}.feature-icon{font-size:1.8rem;margin-bottom:.8rem}.github-feature span:last-child{font-size:.9rem;text-align:center;color:var(--text-light)}.github-button{display:inline-flex;align-items:center;gap:.8rem;background:#24292e;color:#fff;padding:.9rem 1.8rem;border-radius:var(--border-radius-xl);text-decoration:none;font-weight:600;transition:all var(--transition-medium);box-shadow:var(--shadow-medium);border:1px solid rgba(255,255,255,.1)}.github-button:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d;background:#2f363d}.github-icon{fill:#fff}.github-decoration{flex:1;min-width:300px;background:#1e1e1e;border-radius:var(--border-radius-lg);padding:1.5rem;box-shadow:var(--shadow-large);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.github-decoration:after{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:var(--accent-gradient);opacity:.5;filter:blur(30px);border-radius:50%}.code-block{font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6;color:#d4d4d4;overflow:hidden}.code-line{margin-bottom:.5rem;white-space:nowrap}.indent{padding-left:20px}.indent-2{padding-left:40px}.indent-3{padding-left:60px}.code-keyword{color:#569cd6}.code-string{color:#ce9178}.code-function{color:#dcdcaa}.code-comment{color:#6a9955}@media (max-width: 768px){.github-container{flex-direction:column}.github-features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.github-features{grid-template-columns:1fr}.github-title{font-size:1.8rem}}.home-footer{background:var(--bg-darker);padding:3rem 7% 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.footer-logo h3{font-family:mario_kart_f2,Montserrat,sans-serif;font-size:1.8rem;margin:0 0 .5rem;color:var(--accent-color);text-shadow:1px 1px 0 var(--primary-color)}.footer-logo p{color:var(--text-muted);font-size:.9rem}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.footer-links a{color:var(--text-light);text-decoration:none;font-size:.95rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent-color)}.footer-bottom{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}@media (max-width: 1024px){section{padding:4rem 5%}.home-header{padding:1rem 5%}.hero-content h2{font-size:2.5rem}.feature-card,.tech-card{padding:1.5rem}}@media (max-width: 768px){.hero-section{flex-direction:column;text-align:center;padding-top:7rem;padding-bottom:4rem}.hero-content,.hero-image{max-width:100%}.hero-buttons{justify-content:center}.infinity-section{flex-direction:column;text-align:center}.infinity-content,.infinity-image{max-width:100%}.infinity-specialties{justify-content:center}.header-nav ul{gap:1rem}.header-nav li{font-size:.8rem}.logo h1{font-size:1.5rem}}@media (max-width: 480px){.hero-content h2{font-size:2rem}.section-title{font-size:1.8rem}.hero-buttons,.cta-buttons{flex-direction:column;gap:1rem}.primary-btn,.secondary-btn{width:100%;padding:.8rem 1.5rem;font-size:1rem}.header-nav{display:none}.controls-grid{grid-template-columns:1fr}.footer-links{justify-content:center}}.controls-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls-modal-content{background:linear-gradient(135deg,#1a1c2d,#0d0f1d);border-radius:24px;padding:2.5rem;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;border:2px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0009;position:relative}.close-btn{position:absolute;top:15px;right:20px;background:none;border:none;color:#fff9;font-size:2rem;cursor:pointer;transition:all .2s ease}.close-btn:hover{color:#fff;transform:scale(1.1)}.controls-modal-content h2{font-family:mario_kart_f2,sans-serif;color:#fde902;text-shadow:2px 2px 0 #E60012;text-align:center;margin-bottom:2rem;font-size:2.5rem}.controls-section{margin-bottom:2.5rem}.controls-section h3{color:#09f;margin-bottom:1.5rem;font-size:1.5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.controls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-bottom:1rem}.control-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem}.key-container{display:flex;flex-direction:column;gap:.3rem}.key{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;padding:10px;min-width:60px;font-weight:700;font-size:1.2rem;display:flex;justify-content:center;align-items:center;box-shadow:0 4px #0000004d}.key-inline{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:2px 6px;font-weight:700;font-size:.9rem;display:inline-flex;justify-content:center;align-items:center}.mobile-controls-info{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.mobile-control-item{display:flex;align-items:center;gap:1rem}.mobile-control-icon{width:60px;height:60px;display:flex;justify-content:center;align-items:center}.drift-steps{padding-left:2rem;line-height:1.8}.drift-steps li{margin-bottom:.8rem}.button-container{display:flex;justify-content:center;margin-top:2rem}.got-it-btn{background:linear-gradient(90deg,#e60012,#e3350d);color:#fff;border:none;padding:.8rem 2.5rem;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #e600124d}.got-it-btn:hover{background:linear-gradient(90deg,#ff1a29,#ff3d17);transform:translateY(-2px);box-shadow:0 6px 20px #e6001266}.controls-modal-content::-webkit-scrollbar{width:8px}.controls-modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.controls-modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.controls-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.controls-modal-content{padding:1.5rem;width:95%}.controls-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.key{min-width:50px;padding:8px;font-size:1rem}.controls-modal-content h2{font-size:2rem}.controls-section h3{font-size:1.3rem}}@media (max-width: 480px){.controls-grid{grid-template-columns:1fr}.mobile-control-item{flex-direction:column;text-align:center;gap:.5rem}}.web-evolution-section{padding:6rem 7%;background:linear-gradient(135deg,var(--bg-darker),var(--bg-dark));overflow:hidden;position:relative}.evolution-title{font-size:2.8rem;text-align:center;margin-bottom:3rem;position:relative;background:linear-gradient(90deg,var(--accent-color),#FF9900,#FDE902);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;letter-spacing:-.5px}.evolution-title:after{content:"";position:absolute;width:80px;height:4px;background:linear-gradient(90deg,var(--accent-color),#FF9900);bottom:-15px;left:50%;transform:translate(-50%);border-radius:4px}.timeline{max-width:900px;height:4px;background:#ffffff1a;margin:0 auto 4rem;position:relative;border-radius:4px}.timeline-bar{height:100%;background:linear-gradient(90deg,var(--accent-color),#FF9900,#FDE902);border-radius:4px;position:relative}.timeline-bar:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--accent-color);border-radius:50%;box-shadow:0 0 12px 4px #fde90299;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 12px 4px #fde90299}50%{box-shadow:0 0 20px 8px #fde902cc}to{box-shadow:0 0 12px 4px #fde90299}}.evolution-container{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 4rem;max-width:1200px;margin:0 auto 5rem}.evolution-card{background:#141623b3;border-radius:var(--border-radius-md);padding:2.5rem;box-shadow:0 10px 20px #0003;position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s cubic-bezier(.23,1,.32,1);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateZ(0);z-index:2}.card-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(253,233,2,.3),transparent 70%);opacity:0;transition:opacity .5s ease;z-index:-1}.year{position:absolute;top:1.2rem;right:1.2rem;background:linear-gradient(90deg,var(--primary-color),#FF9900);color:#fff;padding:.3rem 1rem;border-radius:var(--border-radius-xl);font-size:.9rem;font-weight:600;letter-spacing:1px}.evolution-card h3{font-size:1.8rem;margin:.5rem 0 1.2rem;color:var(--text-light);background:linear-gradient(90deg,var(--accent-color),#FF9900);-webkit-background-clip:text;background-clip:text;color:transparent}.evolution-card p{font-size:1rem;line-height:1.6;color:var(--text-muted);margin-bottom:1.5rem}.card-icon{font-size:2.2rem;margin-top:1rem;text-shadow:0 0 15px rgba(253,233,2,.7)}.evolution-image{border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-large);position:relative;height:100%;display:flex;align-items:center;justify-content:center;transform:perspective(1000px) rotateY(-5deg);transition:all .5s cubic-bezier(.23,1,.32,1)}.evolution-image:hover{transform:perspective(1000px) rotateY(0) translateY(-5px)}.evolution-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#fde90233,#0000 50%);z-index:1;pointer-events:none}.evolution-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.23,1,.32,1)}.evolution-image:hover img{transform:scale(1.05)}.future-section{position:relative;padding:3rem;border-radius:var(--border-radius-lg);background:linear-gradient(135deg,#141623cc,#0a0c14cc);box-shadow:var(--shadow-large);margin:4rem auto;max-width:1200px;border:1px solid rgba(253,233,2,.2);overflow:hidden}.future-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(253,233,2,.03) 0%,transparent 60%);animation:rotate 20s linear infinite;z-index:0;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.future-title{font-size:2.2rem;text-align:center;margin-bottom:2.5rem;background:linear-gradient(90deg,var(--accent-color),#FF9900,#FDE902);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:2}.future-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;position:relative;z-index:2}.future-text{color:var(--text-light)}.future-text p{margin-bottom:1.2rem;line-height:1.7;font-size:1.05rem}.future-possibilities{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.possibility-item{background:#ffffff0d;border-radius:var(--border-radius-md);padding:1.8rem;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.possibility-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003;background:#ffffff14}.possibility-icon{font-size:2.2rem;margin-bottom:1rem;display:block}.possibility-item h4{font-size:1.3rem;margin:0 0 .8rem;color:var(--accent-color)}.possibility-item p{font-size:.95rem;color:var(--text-muted)}.cta-banner{background:linear-gradient(90deg,var(--accent-color),#FF9900);padding:3rem;border-radius:var(--border-radius-lg);margin:4rem auto 0;max-width:1200px;box-shadow:var(--shadow-large);position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0 50%);z-index:1;pointer-events:none}.cta-content{text-align:center;color:#121212;position:relative;z-index:2}.cta-content h3{font-size:2rem;margin-bottom:1rem;font-weight:800}.cta-content p{font-size:1.1rem;max-width:700px;margin:0 auto;font-weight:500}@media (max-width: 1024px){.evolution-container{gap:2.5rem 3rem}.future-content{grid-template-columns:1fr}.future-text{margin-bottom:2rem}.evolution-card{padding:2rem}}@media (max-width: 768px){.evolution-container{grid-template-columns:1fr;gap:3rem}.evolution-image{max-height:300px}.future-possibilities{grid-template-columns:1fr}.evolution-title{font-size:2.3rem}.future-title{font-size:1.8rem}}@media (max-width: 480px){.web-evolution-section{padding:4rem 5%}.evolution-title{font-size:1.8rem}.evolution-card h3{font-size:1.5rem}.cta-banner{padding:2rem}.cta-content h3{font-size:1.6rem}}.web-evolution-section:before{content:"";position:absolute;top:10%;left:5%;width:500px;height:500px;background:radial-gradient(circle,rgba(253,233,2,.03) 0%,transparent 70%);border-radius:50%;z-index:0;animation:float 20s ease-in-out infinite}.web-evolution-section:after{content:"";position:absolute;bottom:10%;right:5%;width:400px;height:400px;background:radial-gradient(circle,rgba(230,0,18,.03) 0%,transparent 70%);border-radius:50%;z-index:0;animation:float 15s ease-in-out infinite reverse}.floating-icon{position:absolute;font-size:2rem;filter:drop-shadow(0 0 10px rgba(253,233,2,.5));z-index:1}.floating-icon-1{top:15%;left:10%;font-size:2.5rem}.floating-icon-2{top:20%;right:15%;font-size:2.2rem}.floating-icon-3{top:40%;left:5%;font-size:2.8rem}.floating-icon-4{top:60%;right:10%;font-size:2.4rem}@keyframes float{0%{transform:translate(0) rotate(0)}25%{transform:translate(-30px,30px) rotate(5deg)}50%{transform:translateY(50px) rotate(0)}75%{transform:translate(30px,30px) rotate(-5deg)}to{transform:translate(0) rotate(0)}}.game-ui{position:fixed;top:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;z-index:100;pointer-events:none}.game-ui>*{pointer-events:auto}.time-trial .time-container{background:#0009;border-radius:10px;padding:10px 20px;margin-left:20px;display:flex;gap:20px;align-items:center}.lap-info{display:flex;flex-direction:column;align-items:center;padding-right:20px;border-right:1px solid rgba(255,255,255,.3)}.lap-counter{font-family:mario_kart_f2,sans-serif;font-size:2.5rem;color:#fde902}.time-item{display:flex;flex-direction:column;align-items:flex-start}.time-item span:first-child{font-size:.8rem;opacity:.7}.time{font-family:"DIN 2014",monospace;font-size:1.2rem;color:#fff}.time.best{color:#fde902}.game-controls{display:flex;gap:10px}.game-btn{background:#0009;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.game-btn:hover{background:#000c}.game-btn.reset{background:#e6001299}.game-btn.reset:hover{background:#e60012cc}.regular-mode .game-info{background:#0009;border-radius:10px;padding:10px 20px;margin-left:20px;display:flex;gap:30px;align-items:center}.position{display:flex;flex-direction:column;align-items:center}.position-label{font-size:.8rem;opacity:.7}.position-value{font-family:mario_kart_f2,sans-serif;font-size:2rem;color:#fde902}.total-time{display:flex;flex-direction:column;align-items:flex-start}.game-over-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease}.game-over-content{background:linear-gradient(135deg,#1a1c2d,#0d0f1d);border-radius:20px;padding:40px;width:90%;max-width:500px;text-align:center;animation:bounceIn .6s ease;box-shadow:0 20px 40px #00000080;border:2px solid rgba(255,255,255,.1)}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.game-over-content h2{font-family:mario_kart_f2,sans-serif;font-size:3rem;margin-bottom:30px;color:#e60012;text-shadow:2px 2px 0 #000}.time-trial-results{margin-bottom:30px;font-size:1.2rem}.total-time-result,.best-lap-result{margin:10px 0}.total-time-result span,.best-lap-result span{font-family:"DIN 2014",monospace;color:#fde902;font-size:1.4rem}.game-over-buttons{display:flex;justify-content:center;gap:20px;margin-top:20px}.retry-btn,.home-btn{padding:12px 24px;border-radius:50px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem}.retry-btn{background:#0066b3;color:#fff}.retry-btn:hover{background:#0080e1;transform:translateY(-2px)}.home-btn{background:#e60012;color:#fff}.home-btn:hover{background:#ff1a29;transform:translateY(-2px)}@media (max-width: 768px){.time-trial .time-container{flex-direction:column;align-items:flex-start;gap:10px;padding:10px;margin-left:10px}.lap-info{flex-direction:row;gap:10px;border-right:none;padding-right:0;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px;width:100%}.regular-mode .game-info{flex-direction:column;align-items:flex-start;gap:10px;padding:10px;margin-left:10px}.game-over-content{padding:30px 20px}}@media (max-width: 480px){.game-ui{flex-direction:column;gap:10px;align-items:flex-start}.game-controls{margin-left:20px}}