.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0;transform:translateY(30px)}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.animation-delay-600{animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:-translate-y-2{transform:translateY(-.5rem)}@media (max-width: 768px){.text-5xl{font-size:2.5rem}.text-7xl{font-size:3.5rem}.p-8{padding:1.5rem}.gap-8{gap:1.5rem}}input:focus{box-shadow:0 0 0 3px #3b82f61a}button:active{transform:scale(.98)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.typing-text{font-family:Courier New,monospace;line-height:2.5;word-spacing:.8rem;letter-spacing:.15rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.typing-text span{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.char-correct{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;font-weight:600;box-shadow:0 2px 4px #22c55e33}.char-incorrect{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;font-weight:600;-webkit-text-decoration:underline wavy #dc2626;text-decoration:underline wavy #dc2626;box-shadow:0 2px 4px #dc262633;animation:shake .5s ease-in-out}.char-current,.current-char,.typing-text span.current-char,.typing-text .current-char{background-color:#2563eb!important;color:#fff!important;font-weight:700!important;border:2px solid #1d4ed8!important;box-shadow:0 4px 8px #2563eb4d!important;animation:pulse 1.5s infinite!important}.typing-text span.current-char,.typing-text .current-char,.current-char{color:#fff!important;background-color:#2563eb!important;font-weight:700!important}.typing-text span.current-char *,.typing-text .current-char *{color:#fff!important}.char-pending{color:#9ca3af;text-shadow:none}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes pulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.15)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-sparkle{animation:sparkle .6s ease-in-out}.animate-shine{animation:shine 1s ease-in-out}.animate-bounce-in{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{transform:scale(.3) translateY(-50%);opacity:0}50%{transform:scale(1.05) translateY(-50%);opacity:1}70%{transform:scale(.9) translateY(-50%)}to{transform:scale(1) translateY(-50%);opacity:1}}.space-indicator{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border:2px solid #1e40af!important;box-shadow:0 4px 8px #3b82f64d!important;position:relative}.space-pending{background:#3b82f61a!important;border:1px dashed #3b82f6!important;color:#1d4ed8!important;position:relative}#text-display-card{background:linear-gradient(135deg,#f8fafc,#fff);box-shadow:inset 0 2px 4px #0000001a,0 4px 6px #0000000d}.typing-text-container{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;position:relative;-webkit-overflow-scrolling:touch}.typing-text-container::-webkit-scrollbar{display:none}.typing-text{display:inline-block;padding:0 20px;line-height:2.2;letter-spacing:2px;text-align:left;direction:ltr;white-space:nowrap;min-width:-moz-max-content;min-width:max-content;font-weight:700;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.typing-text span{padding:1px 4px;margin:0 3px;border-radius:8px;transition:all .2s ease;font-weight:700;display:inline-block}.current-char{scroll-margin-left:50%;scroll-margin-right:50%}.typing-text{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}html{scroll-behavior:smooth}body{overflow-x:hidden}#typingInput{position:absolute;left:-9999px;opacity:0;pointer-events:none;outline:none;border:none;background:transparent}#typingInput:focus{outline:none}.typing-container{min-height:100vh;display:flex;flex-direction:column}.typing-content{flex:1;display:flex;flex-direction:column;justify-content:center}.backdrop-blur-sm{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.profile-image-race{position:absolute;top:-3rem;left:50%;transform:translate(-50%);z-index:20;border-radius:50%;box-shadow:0 6px 16px #0000004d;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.profile-image-race:hover{transform:translate(-50%) scale(1.15);box-shadow:0 8px 20px #0006;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.profile-image-race img{border-radius:50%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease}.profile-image-race div{border-radius:50%;transition:all .3s ease}.profile-image-race:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3,#54a0ff);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease;background-size:400% 400%;animation:gradientShift 3s ease infinite}.profile-image-race:hover:before{opacity:1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.profile-image-race.active{animation:profilePulse 2s ease-in-out infinite}@keyframes profilePulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.car-avatar{transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));position:relative;transform:perspective(100px) rotateY(-5deg)}.car-avatar:hover{transform:perspective(100px) rotateY(-5deg) scale(1.05);filter:drop-shadow(0 6px 12px rgba(0,0,0,.3))}.car-avatar:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff9ff3,#54a0ff);border-radius:8px;z-index:-1;opacity:0;transition:opacity .3s ease;background-size:400% 400%;animation:gradientShift 3s ease infinite}.car-avatar:hover:before{opacity:.3}.car-avatar:after{content:"";position:absolute;top:0;left:-8px;width:8px;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s ease}.car-avatar.moving:after{opacity:1;animation:motionBlur .5s ease-in-out infinite}@keyframes motionBlur{0%,to{opacity:0}50%{opacity:1}}.racing-lane{background:linear-gradient(90deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:inset 0 1px 3px #0003;position:relative}.racing-lane:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 20%,rgba(255,255,255,.06) 50%,rgba(255,255,255,.03) 80%,transparent 100%);border-radius:8px}.road-texture{background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 1px);background-size:16px 16px,16px 16px,100% 100%;position:relative}.road-texture:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.1) 100%);border-radius:8px}.finish-line{background:repeating-linear-gradient(90deg,#000 0px 4px,#fff 4px 8px);border-radius:4px;box-shadow:0 2px 4px #0000004d}.seo-content{-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text;position:relative;z-index:20!important;pointer-events:auto!important}.seo-content h1,.seo-content h2,.seo-content h3,.seo-content h4,.seo-content p,.seo-content li,.seo-content span{-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text}.game-button{cursor:pointer;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:30!important;pointer-events:auto!important}.game-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.game-button:active{transform:translateY(0)}button,a,input,select,textarea{pointer-events:auto!important;position:relative;z-index:25!important}.dark .typing-text{color:#e5e7eb}.dark .typing-text span.correct-char{background:linear-gradient(135deg,#166534,#15803d);color:#dcfce7}.dark .typing-text span.incorrect-char{background:linear-gradient(135deg,#991b1b,#dc2626);color:#fecaca}.dark .typing-text span.current-char{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#dbeafe;border:2px solid #60a5fa}.dark .typing-text span.pending-char{color:#6b7280}.dark .racing-lane{background:#4b55634d}.dark .road-texture{background:#374151}.dark .car-avatar,.dark .profile-image-race img{border-color:#4b5563}.dark .profile-image-race .absolute.-top-14{background:#1f2937;color:#e5e7eb}.dark .profile-image-race .absolute.-top-14 .border-t-gray-900{border-top-color:#1f2937}.dark .px-3.py-1.text-xs.font-bold{background:#374151;color:#e5e7eb}.dark #powerUpDisplay{background:linear-gradient(135deg,#1e40af,#7c3aed)}.dark #powerUpPickup .bg-gradient-to-r{background:linear-gradient(135deg,#92400e,#ea580c)}.dark #gameComplete h2{color:#e5e7eb}.dark #raceAgainBtn{background:linear-gradient(135deg,#1e40af,#7c3aed)}.dark #raceAgainBtn:hover{background:linear-gradient(135deg,#1e3a8a,#6d28d9)}.dark .difficulty-card:hover,.dark .group.bg-white.dark\:bg-gray-800:hover{background:#374151;border-color:#4b5563}.dark *{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.race-game-active .during-test-hide,.race-game-active .seo-content{display:none!important}.race-game-active a,.race-game-active [tabindex]{tabindex:-1!important;pointer-events:none!important}.race-game-active button:not(.game-button),.race-game-active input:not(#typingInput):hover,.race-game-active select:hover,.race-game-active textarea:hover,.race-game-active a:hover{pointer-events:none!important}.race-game-active #typingInput,.race-game-active .game-button{pointer-events:auto!important;tabindex:0!important}.during-test-hide{transition:opacity .3s ease,visibility .3s ease}.race-game-active .during-test-hide{opacity:0!important;visibility:hidden!important}.race-game-active #app{max-width:100%!important;padding:1rem!important}.race-game-active header,.race-game-active footer{display:none!important}