.app{min-height:100vh;position:relative;overflow:hidden}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0b0d,#1a1b2e,#16213e,#0f3460,#0a0b0d);z-index:-2}.grid-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:-1;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.container{max-width:900px;margin:0 auto;padding:2rem 1.5rem;position:relative;z-index:1}.header{text-align:center;margin-bottom:3rem}.title{font-family:Orbitron,sans-serif;font-size:clamp(2rem,8vw,4rem);font-weight:900;letter-spacing:.1em;margin-bottom:.5rem;display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.title-crypto{background:linear-gradient(135deg,#00d4ff,#0052ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,212,255,.5)}.title-type{color:#f0f4ff;text-shadow:0 0 20px rgba(240,244,255,.3)}.title-rush{background:linear-gradient(135deg,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(236,72,153,.5)}.subtitle{font-size:clamp(.9rem,2vw,1.1rem);color:#00d4ff;font-weight:500;letter-spacing:.05em}.ready-screen,.game-screen,.finished-screen{background:#0a0b0db3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.2);border-radius:24px;padding:3rem 2rem;box-shadow:0 0 60px #00d4ff1a,inset 0 0 60px #00d4ff08}.ready-content{text-align:center}.icon-container{margin-bottom:2rem}.crypto-icon{font-size:6rem;display:inline-block;background:linear-gradient(135deg,#00d4ff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(0,212,255,.5))}.ready-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;color:#f0f4ff;margin-bottom:1rem;font-weight:700}.ready-content p{font-size:1.2rem;color:#00d4ff;margin-bottom:2rem}.instructions{list-style:none;text-align:left;max-width:400px;margin:2rem auto;background:#00d4ff0d;padding:1.5rem;border-radius:16px;border:1px solid rgba(0,212,255,.1)}.instructions li{color:#f0f4ff;font-size:1rem;margin-bottom:.8rem;padding-left:.5rem}.instructions li:last-child{margin-bottom:0}.start-button,.play-again-button{font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700;padding:1rem 3rem;background:linear-gradient(135deg,#0052ff,#00d4ff);color:#fff;border:none;border-radius:50px;cursor:pointer;letter-spacing:.1em;box-shadow:0 0 30px #0052ff80,0 10px 30px #0000004d;transition:all .3s ease;margin-top:1rem}.start-button:hover,.play-again-button:hover{box-shadow:0 0 50px #00d4ffb3,0 15px 40px #0006;transform:translateY(-2px)}.stats-bar{display:flex;justify-content:space-around;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.stat{text-align:center;flex:1;min-width:100px}.stat-label{display:block;font-size:.75rem;color:#00d4ff;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem}.stat-value{display:block;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:#f0f4ff}.stat-value.time{color:#f59e0b}.stat-value.wpm{color:#00d4ff}.stat-value.accuracy{color:#10b981}.text-display{background:#0006;padding:2rem;border-radius:16px;font-size:1.5rem;line-height:2.2;margin-bottom:2rem;min-height:200px;border:1px solid rgba(0,212,255,.1);letter-spacing:.02em}.char-pending{color:#6b7280}.char-correct{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.5)}.char-incorrect{color:#ef4444;background:#ef444433;text-shadow:0 0 10px rgba(239,68,68,.5)}.typing-input{width:100%;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:1.2rem;background:#0006;border:2px solid rgba(0,212,255,.3);border-radius:12px;color:#f0f4ff;outline:none;transition:all .3s ease;margin-bottom:1rem}.typing-input:focus{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d}.typing-input::placeholder{color:#6b7280}.progress-bar{width:100%;height:8px;background:#0006;border-radius:10px;overflow:hidden;border:1px solid rgba(0,212,255,.1)}.progress-fill{height:100%;background:linear-gradient(90deg,#0052ff,#00d4ff,#8b5cf6);border-radius:10px;box-shadow:0 0 20px #00d4ff80;transition:width .3s ease}.results-content{text-align:center}.trophy{font-size:5rem;margin-bottom:1rem;filter:drop-shadow(0 0 30px rgba(255,215,0,.5))}.results-content h2{font-family:Orbitron,sans-serif;font-size:2.5rem;color:#f0f4ff;margin-bottom:2rem;font-weight:700}.final-stats{display:flex;justify-content:center;gap:3rem;margin:2rem 0;flex-wrap:wrap}.final-stat{text-align:center}.final-stat-value{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#00d4ff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.final-stat-label{font-size:.9rem;color:#00d4ff;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.performance-message{font-size:1.5rem;color:#f0f4ff;margin:2rem 0;font-weight:600}@media (max-width: 768px){.container{padding:1.5rem 1rem}.ready-screen,.game-screen,.finished-screen{padding:2rem 1.5rem}.text-display{font-size:1.2rem;padding:1.5rem;min-height:150px}.typing-input{font-size:1rem;padding:1rem}.final-stats{gap:2rem}.final-stat-value{font-size:2.5rem}}@media (max-width: 480px){.stats-bar{gap:.5rem}.stat-value{font-size:1.5rem}.text-display{font-size:1rem;line-height:1.8}}:root{--base-blue: #0052FF;--base-dark: #0A0B0D;--base-light: #F0F4FF;--neon-cyan: #00D4FF;--neon-purple: #8B5CF6;--neon-pink: #EC4899;--success: #10B981;--error: #EF4444;--warning: #F59E0B}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;width:100%}