.c-stat span,.game-card h3,.highlight{color:var(--primary)}.game-card,.hud-glass,header{backdrop-filter:blur(10px)}#feedback-msg,#word-display,#word-input,.hud-stat .value,[data-tooltip]:hover::after{font-family:var(--font-code)}#word-display,.c-stat span,.key,.logo{font-weight:700}#word-display,#word-input,.about-content,.key,.modal-content,.result-card,.section-title,footer{text-align:center}.about-content h2,.logo,.section-title,.stat-label{letter-spacing:2px}:root{--bg-dark:#050510;--primary:#00f260;--primary-glow:rgba(0, 242, 96, 0.4);--secondary:#0575E6;--danger:#ff416c;--text:#ffffff;--glass:rgba(255, 255, 255, 0.05);--glass-border:rgba(255, 255, 255, 0.1);--font-head:'Orbitron',sans-serif;--font-body:'Poppins',sans-serif;--font-code:'Roboto Mono',monospace;--mesh-1:rgba(5, 117, 230, 0.15);--mesh-2:rgba(0, 242, 96, 0.1)}.theme-matrix{--bg-dark:#000000;--primary:#0f0;--primary-glow:rgba(0, 255, 0, 0.4);--secondary:#003300;--danger:#ff0000;--text:#0f0;--glass:rgba(0, 50, 0, 0.2);--glass-border:#0f0;--mesh-1:rgba(0, 255, 0, 0.05);--mesh-2:rgba(0, 50, 0, 0.1)}.theme-dracula{--bg-dark:#282a36;--primary:#bd93f9;--primary-glow:rgba(189, 147, 249, 0.4);--secondary:#ff79c6;--danger:#ff5555;--text:#f8f8f2;--glass:rgba(40, 42, 54, 0.6);--glass-border:#6272a4;--mesh-1:rgba(189, 147, 249, 0.1);--mesh-2:rgba(255, 121, 198, 0.1)}.theme-serene{--bg-dark:#f0f2f5;--primary:#0984e3;--primary-glow:rgba(9, 132, 227, 0.2);--secondary:#636e72;--danger:#d63031;--text:#2d3436;--glass:rgba(255, 255, 255, 0.8);--glass-border:rgba(0, 0, 0, 0.1);--mesh-1:rgba(9, 132, 227, 0.05);--mesh-2:rgba(223, 230, 233, 0.5)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text);min-height:100vh;overflow-x:hidden;transition:background-color .5s}.background-mesh{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 50%,var(--mesh-1),transparent 25%),radial-gradient(circle at 85% 30%,var(--mesh-2),transparent 25%);z-index:-1;transition:.5s}.app-container{max-width:1200px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:20px}header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid var(--glass-border);margin-bottom:30px;background:var(--glass);border-radius:12px;height:70px}.logo{font-family:var(--font-head);font-size:2rem}.highlight{text-shadow:0 0 15px var(--primary-glow)}.header-controls{display:flex;align-items:center;gap:15px;height:100%}.toolbar-group{display:flex;align-items:center;gap:10px;height:100%}.divider{width:1px;height:24px;background:var(--glass-border);opacity:.5}.icon-btn,.theme-btn,.volume-box{display:flex;background:rgba(255,255,255,.05)}.icon-btn,.theme-btn{width:38px;height:38px;border-radius:8px;border:1px solid var(--glass-border);color:var(--text);align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:.2s;position:relative}.career-stats,.section-title{color:var(--secondary);font-family:var(--font-head)}.theme-btn{border-radius:50%;width:28px;height:28px;font-size:0;border:none}.icon-btn.active,.icon-btn:hover{background:var(--primary);color:#000;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);transform:translateY(-1px)}.theme-btn:hover{transform:scale(1.2);box-shadow:0 0 10px rgba(255,255,255,.5)}[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;top:115%;left:50%;transform:translateX(-50%);background:var(--glass);backdrop-filter:blur(5px);border:1px solid var(--primary);color:var(--primary);padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;pointer-events:none;box-shadow:0 0 10px var(--primary-glow);animation:.2s forwards fadeInTooltip;z-index:100}@keyframes fadeInTooltip{from{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%,0)}}.volume-box{align-items:center;gap:8px;padding:0 10px;height:38px;border-radius:8px;border:1px solid var(--glass-border)}#race-container,.game-card,.hud-glass{background:var(--glass)}.vol-icon{font-size:1rem}input[type=range]{-webkit-appearance:none;width:60px;height:3px;background:rgba(255,255,255,.2);border-radius:2px;outline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 10px var(--primary-glow)}.screen{display:none;flex:1;flex-direction:column;animation:.4s ease-out fadeIn}.hud-glass,.screen.active{display:flex}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.career-stats{display:flex;justify-content:center;gap:30px;margin-bottom:30px;font-size:.9rem}.c-stat span{margin-left:5px}.section-title{margin-bottom:20px}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding-bottom:20px}.game-card{border:1px solid var(--glass-border);padding:25px;border-radius:15px;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;transform-style:preserve-3d}.game-card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--primary);box-shadow:0 10px 30px -10px var(--primary-glow)}.game-card h3{font-family:var(--font-head);margin-bottom:10px}.game-card span{font-size:.9rem;opacity:.7}.hud-glass{justify-content:space-between;align-items:center;padding:15px 30px;border-radius:20px;border:1px solid var(--glass-border);margin-bottom:40px}.hud-stat,.stat-box{flex-direction:column;display:flex}.hud-stat{align-items:center}.hud-stat .label{font-size:.7rem;opacity:.7;letter-spacing:1px}.hud-stat .value{font-size:1.5rem;font-weight:700}.arena-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}#word-display{font-size:4rem;margin-bottom:40px;text-shadow:0 5px 20px rgba(0,0,0,.5);word-break:break-all;color:var(--text)}.input-wrapper{position:relative;width:100%;max-width:500px}#word-input{width:100%;background:0 0;border:none;color:var(--text);font-size:2.5rem;outline:0;padding:10px}.input-underline{height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--primary),transparent);margin-top:10px;opacity:.5}.stat-label,footer{opacity:.6;font-size:.8rem}#word-input:focus+.input-underline{opacity:1;box-shadow:0 0 15px var(--primary)}#feedback-msg{margin-top:20px;color:var(--danger);font-size:1.2rem;height:30px}#race-container{width:100%;max-width:800px;margin:0 auto 30px;padding:20px;border-radius:15px}.race-lane{display:flex;align-items:center;gap:15px;margin-bottom:10px}.lane-label{width:50px;font-family:var(--font-head);font-size:.8rem}.progress-bar{flex:1;height:10px;background:rgba(255,255,255,.1);border-radius:5px;overflow:hidden}#result-screen,.row{justify-content:center}.fill{height:100%;width:0%;background:var(--primary);transition:width .3s}.fill.bot{background:var(--danger)}#virtual-keyboard{display:none;margin-top:50px;width:100%;max-width:750px;margin-left:auto;margin-right:auto}#virtual-keyboard.show{display:block}.row{display:flex;gap:8px;margin-bottom:8px}.key{background:0 0;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:10px 0;font-family:var(--font-code);width:50px;transition:.1s;color:rgba(255,255,255,.6)}.glass-btn,.result-card h1,.stat-value,.toast{font-family:var(--font-head)}.key.space{width:300px}.key.active{background:var(--primary);color:#000;border-color:var(--primary);box-shadow:0 0 15px var(--primary)}.key.target{border-color:var(--secondary);color:var(--secondary);box-shadow:0 0 10px var(--secondary)}#result-screen{align-items:center}.result-card{background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:30px;border-radius:20px;max-width:700px;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.5)}.about-content,.toast{backdrop-filter:blur(10px)}.result-card h1{font-size:2.5rem;margin-bottom:10px}#result-msg{opacity:.7;margin-bottom:20px}.stats-grid{display:flex;justify-content:center;gap:40px;margin-bottom:20px}.stat-value{font-size:3.5rem;color:var(--primary)}.glass-btn,.toast{color:var(--text)}.chart-container{position:relative;height:200px;width:100%;margin-bottom:20px}.glass-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);padding:12px 30px;border-radius:8px;cursor:pointer;transition:.3s;font-size:.9rem}.glass-btn:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.glass-btn.primary{background:var(--primary);color:#000;border:none;box-shadow:0 5px 15px var(--primary-glow)}.glass-btn.primary:hover{background:#fff;box-shadow:0 8px 25px var(--primary-glow)}.glass-btn.secondary{background:var(--secondary);border:none}.particle{position:absolute;pointer-events:none;background:var(--primary);border-radius:50%;animation:.8s ease-out forwards pop}@keyframes pop{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}#achievement-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{background:var(--glass);border-left:4px solid var(--primary);padding:15px 20px;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.3);animation:.5s slideIn,.5s 2.5s forwards fadeOut;width:300px}@keyframes slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeOut{to{opacity:0;transform:translateX(100%)}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:2000;justify-content:center;align-items:center}.modal-content{background:var(--bg-dark);border:1px solid var(--primary);padding:30px;border-radius:15px;width:90%;max-width:500px}.modal-content textarea{width:100%;height:150px;margin:20px 0;background:rgba(255,255,255,.1);border:1px solid var(--glass-border);color:var(--text);padding:10px;font-family:var(--font-code)}footer{padding:20px;border-top:1px solid var(--glass-border);margin-top:auto}@media (max-width:900px){header{flex-direction:column;height:auto;padding:20px;gap:15px}.divider{display:none}#virtual-keyboard{display:none!important}}.about-content{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:40px;margin:60px auto 20px;max-width:800px;box-shadow:0 20px 40px rgba(0,0,0,.3);transition:transform .3s}.about-content:hover{transform:translateY(-5px);border-color:var(--primary)}.about-content h2{font-family:var(--font-head);color:var(--primary);font-size:1.8rem;margin-bottom:20px;text-transform:uppercase;text-shadow:0 0 10px var(--primary-glow)}.about-content p{font-family:var(--font-body);color:var(--text);opacity:.8;line-height:1.8;margin-bottom:15px;font-size:1rem}