:root{font-family:"Press Start 2P",Courier New,monospace;line-height:1.6;font-weight:400;color-scheme:dark;color:#fcee0a;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--cyber-yellow: #fcee0a;--cyber-pink: #ff0080;--cyber-blue: #00d4ff;--cyber-purple: #b300ff;--cyber-dark: #0a0a0a;--cyber-darker: #050505}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;display:flex;place-items:center;background:radial-gradient(circle at 20% 50%,var(--cyber-purple) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--cyber-pink) 0%,transparent 50%),radial-gradient(circle at 40% 80%,var(--cyber-blue) 0%,transparent 50%),linear-gradient(135deg,var(--cyber-dark) 0%,var(--cyber-darker) 100%)}#root{max-width:1200px;margin:0 auto;padding:2rem;text-align:center;width:100%}.app{width:100%;height:100%}.container{background:#0a0a0acc;backdrop-filter:blur(10px);border:2px solid var(--cyber-yellow);border-radius:0;padding:2rem;box-shadow:0 0 20px var(--cyber-yellow),inset 0 0 20px #fcee0a1a,8px 8px #fcee0a4d}.header{margin-bottom:2rem}.title{font-size:2rem;font-weight:400;margin-bottom:1rem;background:linear-gradient(45deg,var(--cyber-yellow),var(--cyber-pink),var(--cyber-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px var(--cyber-yellow),0 0 20px var(--cyber-pink),0 0 30px var(--cyber-blue);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.subtitle{font-size:.8rem;color:var(--cyber-blue);margin-bottom:2rem;line-height:1.4;text-shadow:0 0 5px var(--cyber-blue)}.controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.btn{padding:1rem 1.5rem;border:2px solid var(--cyber-blue);border-radius:0;background:#00d4ff1a;color:var(--cyber-blue);font-size:.7rem;font-family:"Press Start 2P",Courier New,monospace;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px #00d4ff4d,4px 4px #00d4ff33;text-shadow:0 0 5px var(--cyber-blue)}.btn:hover{background:#00d4ff33;transform:translate(2px,2px);box-shadow:0 0 15px var(--cyber-blue),2px 2px #00d4ff66;color:var(--cyber-yellow);border-color:var(--cyber-yellow)}.btn.active{background:linear-gradient(45deg,var(--cyber-pink),var(--cyber-purple));border-color:var(--cyber-pink);color:var(--cyber-yellow);transform:translate(2px,2px);box-shadow:0 0 20px var(--cyber-pink),2px 2px #ff008080}.typing-area{margin:2rem 0;min-height:400px;display:flex;flex-direction:column}.text-display{background:#050505cc;padding:2rem;border:2px solid var(--cyber-purple);border-radius:0;font-size:1.2rem;line-height:1.8;margin-bottom:1rem;font-family:"Press Start 2P",Courier New,monospace;text-align:left;min-height:200px;overflow-wrap:break-word;box-shadow:0 0 15px #b300ff4d,inset 0 0 20px #b300ff1a;color:var(--cyber-yellow);cursor:pointer;transition:box-shadow .2s ease}.text-display:hover{box-shadow:0 0 20px #b300ff80,inset 0 0 25px #b300ff26}.word{margin-right:.5rem;transition:all .2s ease}.word.completed-correct{color:var(--cyber-blue);background-color:#00d4ff33;text-shadow:0 0 5px var(--cyber-blue)}.word.completed-incorrect{color:var(--cyber-pink);background-color:#ff008033;text-shadow:0 0 5px var(--cyber-pink)}.word.current{color:var(--cyber-yellow);background-color:#fcee0a4d;text-shadow:0 0 10px var(--cyber-yellow);animation:currentWordPulse 1.5s ease-in-out infinite alternate}.word.pending{color:#fcee0a99}@keyframes currentWordPulse{0%{box-shadow:0 0 5px var(--cyber-yellow)}to{box-shadow:0 0 15px var(--cyber-yellow)}}.current-word-area{margin:1rem 0;text-align:center;height:80px;display:flex;flex-direction:column;justify-content:center}.current-word-label{font-size:.7rem;color:var(--cyber-blue);margin-bottom:.5rem;text-shadow:0 0 5px var(--cyber-blue);height:20px;display:flex;align-items:center;justify-content:center}.current-word{font-size:1.5rem;color:var(--cyber-yellow);font-family:"Press Start 2P",Courier New,monospace;text-shadow:0 0 10px var(--cyber-yellow);background:#fcee0a1a;padding:.5rem 1rem;border:2px solid var(--cyber-yellow);display:inline-block;min-width:200px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 auto}.word-preview{margin-top:.5rem;text-align:center;font-family:"Press Start 2P",Courier New,monospace;font-size:1rem;height:40px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-height:40px}.word-preview-container{height:50px;display:flex;align-items:center;justify-content:center;margin:.5rem 0}.preview-char{padding:.2rem;margin:.1rem;border-radius:2px}.preview-char.correct{background-color:#00d4ff4d;color:var(--cyber-blue)}.preview-char.incorrect{background-color:#ff00804d;color:var(--cyber-pink)}.preview-char.pending{background-color:#fcee0a33;color:#fcee0a99}.char{position:relative}.char.correct{background-color:#00d4ff33;color:var(--cyber-blue);text-shadow:0 0 5px var(--cyber-blue)}.char.incorrect{background-color:#ff008033;color:var(--cyber-pink);text-shadow:0 0 5px var(--cyber-pink)}.char.current{background-color:#fcee0a4d;color:var(--cyber-yellow);animation:cyberblink 1s infinite;text-shadow:0 0 10px var(--cyber-yellow)}@keyframes cyberblink{0%,50%{opacity:1;box-shadow:0 0 10px var(--cyber-yellow)}51%,to{opacity:.3;box-shadow:0 0 5px var(--cyber-yellow)}}.input-area{width:100%;padding:1rem;font-size:1rem;border:2px solid var(--cyber-blue);border-radius:0;background:#050505cc;color:var(--cyber-yellow);font-family:"Press Start 2P",Courier New,monospace;box-shadow:0 0 10px #00d4ff4d,inset 0 0 10px #00d4ff1a;height:60px;margin:1rem 0}.input-area:focus{outline:none;border-color:var(--cyber-pink);box-shadow:0 0 15px var(--cyber-pink),inset 0 0 15px #ff00801a;color:var(--cyber-blue)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem;min-height:120px}.stat-card{background:#050505cc;padding:1.5rem;border:2px solid var(--cyber-purple);border-radius:0;box-shadow:0 0 15px #b300ff4d,4px 4px #b300ff33;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.stat-value{font-size:1.5rem;font-weight:400;color:var(--cyber-yellow);margin-bottom:.5rem;font-family:"Press Start 2P",Courier New,monospace;text-shadow:0 0 10px var(--cyber-yellow)}.stat-label{font-size:.6rem;color:var(--cyber-blue);text-transform:uppercase;letter-spacing:.1em;font-family:"Press Start 2P",Courier New,monospace;text-shadow:0 0 5px var(--cyber-blue)}.progress-bar{width:100%;height:16px;background:#050505cc;border:2px solid var(--cyber-blue);border-radius:0;margin:1rem 0;overflow:hidden;box-shadow:0 0 10px #00d4ff4d,inset 0 0 10px #00d4ff1a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--cyber-pink),var(--cyber-yellow),var(--cyber-blue));transition:width .3s ease;border-radius:0;box-shadow:0 0 10px #fcee0a80}@media (max-width: 768px){.title{font-size:1.5rem}.subtitle{font-size:.7rem}.text-display{font-size:1rem;padding:1rem}.controls{flex-direction:column;align-items:center}.btn{min-width:200px;font-size:.6rem}.stat-value{font-size:1.2rem}.stat-label{font-size:.5rem}.typing-area{min-height:350px}.current-word{font-size:1.2rem;min-width:150px;height:45px}.current-word-area{height:70px}.input-area{height:50px;font-size:.9rem}.word-preview-container{height:40px}.word-preview{font-size:.8rem;height:35px}.stat-card{height:90px}}