@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Noto+Sans+Devanagari:wght@400;500;600&display=swap');
:root{--bg-primary:#18181b;--bg-elevated:#27272a;--bg-glass:rgba(39, 39, 42, 0.65);--border-subtle:rgba(255, 255, 255, 0.07);--border-focus:rgba(245, 158, 11, 0.45);--text-untyped:#a1a1aa;--text-typed:#f4f4f5;--text-muted:#52525b;--accent-primary:#f59e0b;--accent-glow:rgba(245, 158, 11, 0.22);--char-correct:#f4f4f5;--char-error:#ef4444;--char-error-bg:rgba(239, 68, 68, 0.18);--char-extra:#dc2626;--streak-combo:#10b981;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono','Roboto Mono',monospace,'Noto Sans Devanagari';--typing-font-size:clamp(1.4rem, 2.2vw, 1.85rem);--typing-line-height:1.65;--max-width-arena:1080px;--ease-snappy:cubic-bezier(0.16, 1, 0.3, 1);--caret-speed:65ms}[data-theme="light"]{--bg-primary:#f8fafc;--bg-elevated:#f1f5f9;--bg-glass:rgba(241, 245, 249, 0.8);--border-subtle:rgba(15, 23, 42, 0.08);--text-untyped:#64748b;--text-typed:#0f172a;--text-muted:#94a3b8;--accent-primary:#d97706;--char-correct:#0f172a;--char-error:#dc2626;--char-error-bg:rgba(220, 38, 38, 0.12)}body{background-color:var(--bg-primary);color:var(--text-untyped);font-family:var(--font-sans);overflow-x:hidden;margin:0;padding:0}body.is-typing .chrome-dimmable,body.is-typing header,body.is-typing nav,body.is-typing footer,body.is-typing .language-selector,body.is-typing .lesson-selector,body.is-typing .blog-preview,body.is-typing .seo-content,body.is-typing .info-section{opacity:0.18!important;pointer-events:none!important;filter:blur(0.5px);transition:opacity 0.35s var(--ease-snappy),filter 0.35s var(--ease-snappy)}.config-pill{padding:0.375rem 0.85rem;border-radius:9999px;font-size:0.78rem;font-weight:500;color:var(--text-untyped);background:transparent;border:none;transition:all 0.18s var(--ease-snappy);cursor:pointer}.config-pill:hover{color:var(--text-typed);background:rgba(255, 255, 255, 0.04)}.config-pill.active{color:#18181b;background:var(--accent-primary);font-weight:600;box-shadow:0 0 16px var(--accent-glow)}.word-stream{font-family:var(--font-mono);font-size:var(--typing-font-size);line-height:var(--typing-line-height);letter-spacing:0.015em;max-height:calc(var(--typing-font-size) * var(--typing-line-height) * 3);overflow:hidden;display:flex;flex-wrap:wrap;gap:0.55em;position:relative;user-select:none}.word{display:inline-flex;position:relative;border-bottom:2px solid transparent}.word.has-error{border-bottom-color:rgba(239, 68, 68, 0.5)}.char{color:var(--text-untyped);transition:color 50ms ease,background-color 80ms ease;border-radius:3px}.char.correct{color:var(--char-correct)}.char.incorrect,.char.error{color:var(--char-error);background-color:var(--char-error-bg);animation:keyErrorShake 160ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.typing-caret{position:absolute;width:2.5px;height:calc(var(--typing-font-size) * 1.25);background-color:var(--accent-primary);border-radius:2px;box-shadow:0 0 10px var(--accent-primary);pointer-events:none;z-index:10;transition:transform var(--caret-speed) var(--ease-snappy);animation:caretPulse 1.1s infinite ease-in-out}body.is-typing .typing-caret{animation:none}.sr-only-focusable-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:text;z-index:20}.sound-pill{display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 0.75rem;border-radius:0.5rem;background-color:var(--bg-elevated);border:1px solid var(--border-subtle);cursor:pointer;transition:all 0.2s}.sound-wave-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.sound-wave-bars i{width:2px;height:100%;background-color:var(--accent-primary);border-radius:1px}.kbd-chip{padding:0.15rem 0.45rem;border-radius:0.375rem;background-color:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-typed);font-size:0.7rem;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.4)}@keyframes caretPulse{0%,100%{opacity:1}50%{opacity:0.15}}@keyframes keyErrorShake{10%,90%{transform:translate3d(-1px, 0, 0)}30%,70%{transform:translate3d(2px, 0, 0)}50%{transform:translate3d(-2px, 0, 0)}}
@font-face{font-family:'Kruti Dev 010';src:url('https://cdnjs.cloudflare.com/ajax/libs/font-krutidev-010/1.0.0/krutidev-010.woff2') format('woff2'),url('https://cdn.jsdelivr.net/gh/webfonts/kruti-dev-010@master/fonts/kruti-dev-010.woff') format('woff'),url('https://cdn.jsdelivr.net/gh/webfonts/kruti-dev-010@master/fonts/kruti-dev-010.ttf') format('truetype'),local('Kruti Dev 010'),local('Krutidev010'),local('KrutiDev-010');font-weight:400;font-style:normal;font-display:swap}:root{--bg-color:#050b14;--grid-color:rgba(0, 255, 255, 0.05);--primary:#00ffff;--primary-glow:0 0 15px rgba(0, 255, 255, 0.5);--secondary:#8b9bb4;--accent:#ff0055;--correct:#2ecc71;--correct-glow:0 0 8px rgba(46, 204, 113, 0.5);--glass-bg:rgba(10, 20, 35, 0.6);--glass-border:rgba(0, 255, 255, 0.2);--dropdown-bg:#0b1528;--font-sans:'Inter','Noto Sans Devanagari','Mukta','Hind Siliguri','Noto Sans Bengali','Noto Sans Tamil','Noto Sans Telugu',sans-serif;--font-mono:'JetBrains Mono',monospace;--text-untyped:rgba(255, 255, 255, 0.22);--text-correct:rgba(255, 255, 255, 0.85);--text-active:#ffffff;--z-base:1;--z-sticky:10;--z-header:100;--z-dropdown:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:50px}:root{--font-display:'Outfit','Noto Sans Devanagari','Mukta',sans-serif;--font-ui:'Space Grotesk','Noto Sans Devanagari','Mukta','Inter',sans-serif;--gradient-primary:var(--primary);--gradient-cta:var(--primary);--gradient-text:var(--primary);--gradient-warm:var(--accent);--gradient-gold:#ffd700;--glow-sm:0 0 8px rgba(0,255,255,0.3);--glow-md:0 0 20px rgba(0,255,255,0.35),0 0 40px rgba(0,0,0,0.2);--glow-lg:0 0 30px rgba(0,255,255,0.4),0 0 70px rgba(0,255,255,0.15);--glow-cta:0 0 20px hsla(262,83%,68%,0.5),0 0 50px hsla(262,83%,68%,0.2);--glow-warm:0 0 20px rgba(255,140,0,0.35),0 0 45px rgba(255,140,0,0.12);--glow-donate:0 0 25px hsla(262,83%,68%,0.6),0 0 60px hsla(195,100%,60%,0.2);--glass-premium-bg:hsla(228, 20%, 12%, 0.58);--glass-premium-border:hsla(255, 100%, 100%, 0.09);--glass-premium-shadow:0 8px 32px hsla(0,0%,0%,0.45),inset 0 1px 0 hsla(255,100%,100%,0.07);--t-smooth:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--t-spring:all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);--t-bounce:all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);--t-fast:all 0.18s cubic-bezier(0.4, 0, 0.2, 1)}@keyframes td-gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes td-shimmer-sweep{0%{transform:translateX(-150%) skewX(-12deg)}100%{transform:translateX(350%) skewX(-12deg)}}@keyframes td-btn-shimmer{0%{left:-80%}100%{left:120%}}@keyframes td-pulse-glow{0%,100%{box-shadow:0 0 18px hsla(262,83%,68%,.4),0 0 35px hsla(195,100%,60%,.15)}50%{box-shadow:0 0 32px hsla(262,83%,68%,.75),0 0 65px hsla(195,100%,60%,.35),0 0 100px hsla(262,83%,68%,.1)}}@keyframes td-warm-pulse{0%,100%{box-shadow:0 0 10px rgba(255,140,0,.25)}50%{box-shadow:0 0 20px rgba(255,140,0,.55),0 0 40px rgba(255,140,0,.15)}}@keyframes td-xp-fill{from{width:0%;opacity:0}to{opacity:1}}@keyframes td-rank-spin{to{--td-angle:360deg}}@keyframes td-float{0%,100%{transform:translateY(0) rotate(0)}33%{transform:translateY(-6px) rotate(1deg)}66%{transform:translateY(-3px) rotate(-1deg)}}@keyframes td-slide-in{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes td-urgency-pulse{0%,100%{box-shadow:0 0 8px rgba(255,60,60,.4);border-color:rgba(255,60,60,.5)}50%{box-shadow:0 0 22px rgba(255,60,60,.85),0 0 45px rgba(255,60,60,.2);border-color:rgba(255,60,60,.9)}}@keyframes td-fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}#td-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.cyber-grid::after,.cyber-grid::before{display:none!important}header{margin-top:1.5rem;margin-bottom:1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:90%;max-width:1400px;gap:1rem;flex-wrap:wrap;padding-bottom:1.1rem;border-bottom:1px solid transparent;background-image:none;border-image:linear-gradient(90deg,transparent 0%,hsla(255,100%,100%,0.08) 30%,var(--primary-glow,rgba(0,255,255,0.2)) 50%,hsla(255,100%,100%,0.08) 70%,transparent 100%) 1;position:relative;z-index:9999}.logo{font-family:var(--font-display, 'Outfit', sans-serif);font-size:clamp(2rem, 3.5vw, 2.8rem);font-weight:900;letter-spacing:-1.5px;display:flex;align-items:center;gap:.6rem;line-height:1;color:#eff1f4;position:relative;cursor:default;user-select:none}.logo .dost{color:var(--primary);position:relative;text-shadow:0 0 15px var(--primary-glow)}.brand-logo-img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,255,255,.5)) drop-shadow(0 0 20px rgba(0,255,255,.2));animation:td-float 5s ease-in-out infinite;transition:filter .4s ease}.brand-logo-img:hover{filter:drop-shadow(0 0 16px rgba(0,255,255,.8)) drop-shadow(0 0 30px rgba(162,82,255,.3))}.gamification-header-panel{display:flex;align-items:center;gap:.75rem;background:var(--glass-premium-bg,hsla(228,20%,12%,.55));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-premium-border,hsla(255,100%,100%,.09));border-radius:14px;padding:.45rem 1rem .45rem .7rem;box-shadow:var(--glass-premium-shadow);transition:var(--t-smooth)}.gamification-header-panel:hover{border-color:hsla(255,100%,100%,.15);box-shadow:0 12px 40px hsla(0,0%,0%,.5),inset 0 1px 0 hsla(255,100%,100%,.1)}.header-rank-badge{display:flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:8px;background:hsla(255,100%,100%,.04);border:1px solid hsla(255,100%,100%,.08);transition:var(--t-smooth)}.header-rank-badge:hover{background:hsla(255,100%,100%,.07);border-color:var(--glass-border);box-shadow:var(--glow-sm)}.rank-icon{font-size:1.15rem;filter:drop-shadow(0 0 6px rgba(0,255,255,.5));animation:td-float 4s ease-in-out infinite;animation-delay:-2s}.rank-name-val{font-family:var(--font-display, 'Outfit', sans-serif);font-size:.78rem;font-weight:700;color:#dbdee4;letter-spacing:.5px}.header-level-badge{display:flex;flex-direction:column;align-items:center;gap:.1rem}.level-lbl{font-family:var(--font-ui, 'Space Grotesk', sans-serif);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--primary)}.level-val{font-family:var(--font-display, 'Outfit', sans-serif);font-size:.8rem;font-weight:700;color:#dbdee4}.header-xp-container{display:flex;flex-direction:column;gap:.2rem;min-width:90px}.xp-bar-outer{width:100%;height:5px;background:hsla(255,100%,100%,.07);border-radius:10px;overflow:hidden;position:relative}.xp-bar-inner{height:100%;border-radius:10px;background:var(--primary);box-shadow:0 0 8px var(--primary-glow);transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.xp-ratio-text{font-family:var(--font-ui, 'Space Grotesk', sans-serif);font-size:.6rem;color:var(--secondary);letter-spacing:.3px;opacity:.7}.header-controls{display:flex;flex-direction:row;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.control-group{display:flex;flex-direction:column;gap:.2rem;align-items:center}.control-label{font-family:var(--font-ui, 'Space Grotesk', sans-serif);font-size:.6rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--secondary);font-weight:600;opacity:.45;transition:opacity .2s ease}.control-group:hover .control-label{opacity:.75}#lang-trigger,.sound-trigger,.theme-trigger{background:var(--glass-premium-bg,hsla(228,20%,12%,.55));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-premium-border,hsla(255,100%,100%,.09));color:#a7aebd;padding:.42rem .9rem;border-radius:10px;font-family:var(--font-ui, 'Space Grotesk', sans-serif);font-size:.82rem;font-weight:500;cursor:pointer;transition:var(--t-smooth);outline:0;display:flex;align-items:center;gap:.45rem;min-width:130px;letter-spacing:.2px;position:relative;overflow:hidden;box-shadow:0 4px 14px hsla(0,0%,0%,.25)}#lang-trigger::before,.sound-trigger::before,.theme-trigger::before{content:'';position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,hsla(255,100%,100%,.1),transparent);transform:skewX(-15deg);transition:none}#lang-trigger:hover::before,.sound-trigger:hover::before,.theme-trigger:hover::before{animation:td-btn-shimmer .6s ease forwards}#lang-trigger:hover,.sound-trigger:hover,.theme-trigger:hover{border-color:hsla(255,100%,100%,.2);color:#eff1f4;background:hsla(228,20%,18%,.7);box-shadow:0 6px 22px hsla(0,0%,0%,.35),var(--glow-sm);transform:translateY(-1px)}#lang-trigger:active,.sound-trigger:active,.theme-trigger:active{transform:translateY(0) scale(.98)}.sound-trigger.open,.theme-trigger.open{border-color:var(--glass-border);color:#eff1f4;background:hsla(228,20%,18%,.75);box-shadow:0 6px 22px hsla(0,0%,0%,.35),var(--glow-sm)}.display-mode-btn{background:var(--glass-premium-bg,hsla(228,20%,12%,.55))!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--glass-premium-border,hsla(255,100%,100%,.09))!important;color:#a7aebd!important;padding:.42rem .9rem!important;border-radius:10px!important;font-family:var(--font-ui, 'Space Grotesk', sans-serif);font-size:.82rem!important;font-weight:500;cursor:pointer;transition:var(--t-smooth)!important;outline:0;display:flex!important;align-items:center;justify-content:center;gap:.4rem;letter-spacing:.2px;position:relative;overflow:hidden;box-shadow:0 4px 14px hsla(0,0%,0%,.25)!important}.display-mode-btn:hover{border-color:hsla(195,100%,60%,.35)!important;background:hsla(195,100%,60%,.08)!important;color:#7fdfff!important;box-shadow:0 6px 22px hsla(0,0%,0%,.3),0 0 15px hsla(195,100%,60%,.2)!important;transform:translateY(-1px)!important}.eye-comfort-btn{background:var(--glass-premium-bg,hsla(228,20%,12%,.55));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-premium-border,hsla(255,100%,100%,.09));color:#98a1b3;padding:.42rem .9rem;border-radius:10px;font-family:var(--font-ui, 'Space Grotesk', sans-serif);font-size:.82rem;font-weight:500;cursor:pointer;transition:var(--t-smooth);outline:0;display:flex;align-items:center;justify-content:center;gap:.4rem;letter-spacing:.2px;box-shadow:0 4px 14px hsla(0,0%,0%,.25)}.eye-comfort-btn:hover{border-color:rgba(255,140,0,.45);background:rgba(255,140,0,.08);color:#ffc165;box-shadow:0 6px 22px hsla(0,0%,0%,.3),var(--glow-warm);transform:translateY(-1px)}.eye-comfort-btn.active{background:rgba(255,140,0,.1);border-color:rgba(255,140,0,.5);color:#feb74c;animation:td-warm-pulse 2.5s ease-in-out infinite}#header-about-btn,.header-about-btn{background:rgba(0,240,255,.08);border:1px solid rgba(0,240,255,.3);color:var(--primary,#00f0ff);padding:.5rem 1.1rem;border-radius:12px;font-family:var(--font-ui, 'Space Grotesk', sans-serif);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-decoration:none!important;cursor:pointer;outline:0;display:flex;align-items:center;justify-content:center;gap:.4rem;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.175, .885, .32, 1.275),filter .25s ease,box-shadow .25s ease,background .25s ease;box-shadow:0 4px 15px rgba(0,0,0,.25)}#header-about-btn:hover,.header-about-btn:hover{transform:translateY(-2px) scale(1.03);background:rgba(0,240,255,.2);border-color:var(--primary,#00f0ff);color:#fff;box-shadow:0 0 16px rgba(0,240,255,.45)}#header-about-btn:active,.header-about-btn:active{transform:translateY(0) scale(.97)}#header-donate-btn{background:var(--accent,#f05);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.5rem 1.25rem;border-radius:12px;font-family:var(--font-display, 'Orbitron', sans-serif);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;outline:0;display:flex;align-items:center;justify-content:center;gap:.45rem;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.175, .885, .32, 1.275),filter .25s ease,box-shadow .25s ease;box-shadow:0 4px 15px rgba(0,0,0,.25)}#header-donate-btn:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.15)}#header-donate-btn:active{transform:translateY(0) scale(.97);filter:brightness(.95)}.dropdown-arrow{font-size:.75rem;display:inline-block;transition:transform .3s cubic-bezier(.4, 0, .2, 1);opacity:.6;margin-left:auto}.lesson-selector{position:relative;z-index:100;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem 1.4rem;margin-bottom:1.2rem;background:var(--glass-premium-bg,hsla(228,20%,12%,.55));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-premium-border,hsla(255,100%,100%,.09));border-radius:18px;box-shadow:0 8px 32px hsla(0,0%,0%,.35);transition:border-color .35s ease,box-shadow .35s ease;border-top:1px solid;border-top-color:hsla(195,100%,60%,.25)}.lesson-selector:hover{border-color:hsla(255,100%,100%,.14);border-top-color:hsla(195,100%,60%,.4);box-shadow:0 12px 48px hsla(0,0%,0%,.45),0 0 0 1px hsla(255,100%,100%,.04)}.lesson-tabs{display:flex;flex-wrap:nowrap;justify-content:center;gap:.3rem;overflow:visible}.lesson-btn{background:hsla(255,100%,100%,.03);border:1px solid hsla(255,100%,100%,.06);color:#7e879a;font-family:var(--font-ui, 'Space Grotesk', sans-serif);font-size:.88rem;cursor:pointer;padding:.5rem 1.15rem;border-radius:50px;transition:var(--t-smooth);letter-spacing:.3px;font-weight:500;position:relative;overflow:hidden}.lesson-btn::before{content:'';position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(90deg,transparent,hsla(255,100%,100%,.08),transparent);transform:skewX(-15deg);opacity:0;transition:none}.lesson-btn:hover{color:#e0e3ea;background:hsla(255,100%,100%,.07);border-color:hsla(255,100%,100%,.14);transform:translateY(-2px);box-shadow:0 4px 16px hsla(0,0%,0%,.3)}.lesson-btn:hover::before{opacity:1;animation:td-btn-shimmer .55s ease forwards}.lesson-btn:active{transform:translateY(0) scale(.97)}.lesson-btn.active,.lesson-btn.active-sub{background:var(--primary);border-color:transparent;color:var(--bg-color);font-weight:700;box-shadow:0 4px 18px var(--primary-glow);transform:translateY(-1px)}.practice-trigger{background:rgba(255,255,255,.05)!important;border:1px solid var(--glass-border)!important;color:var(--secondary)!important;font-family:var(--font-ui, 'Space Grotesk', sans-serif)!important;font-weight:600!important;border-radius:50px!important;transition:var(--t-smooth)!important;overflow:hidden;position:relative}.practice-trigger:hover{background:rgba(255,255,255,.1)!important;border-color:var(--primary)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px var(--primary-glow)!important}.practice-trigger.active-sub{background:var(--primary)!important;border-color:transparent!important;color:var(--bg-color)!important;box-shadow:0 4px 18px var(--primary-glow)!important}.config-btn .icon{display:inline-block;transition:transform .5s cubic-bezier(.175, .885, .32, 1.275)}.config-btn:hover .icon{transform:rotate(90deg)}.stats-board{display:flex;gap:clamp(.5rem,2vw,1rem);justify-content:center;flex-wrap:wrap}.stat-box{background:var(--glass-premium-bg,hsla(228,20%,12%,.55));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-premium-border,hsla(255,100%,100%,.09));border-top:2px solid;border-top-color:var(--primary);border-radius:14px;padding:.85rem 1.5rem;text-align:center;min-width:90px;transition:var(--t-smooth);box-shadow:0 6px 24px hsla(0,0%,0%,.3);position:relative;overflow:hidden}.stat-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary)}.stat-box:hover{border-color:var(--glass-border);box-shadow:0 8px 32px hsla(0,0%,0%,.4),var(--glow-sm);transform:translateY(-2px)}.stat-label{font-family:var(--font-ui, 'Space Grotesk', sans-serif);font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--secondary);font-weight:600;opacity:.6;display:block;margin-bottom:.25rem}.stat-value{font-family:var(--font-display, 'Outfit', sans-serif);font-size:clamp(1.6rem, 3vw, 2rem);font-weight:800;color:#eff1f4;letter-spacing:-.5px;line-height:1}.stat-value.timer.urgent{color:#ed5e5e;animation:td-urgency-pulse .8s ease-in-out infinite}.typing-section{position:relative;background:var(--glass-premium-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-premium-border);border-radius:20px;overflow:visible;box-shadow:0 8px 40px hsla(0,0%,0%,.4);transition:border-color .4s ease,box-shadow .4s ease}.typing-section:focus-within{border-color:hsla(195,100%,60%,.3);box-shadow:0 8px 40px hsla(0,0%,0%,.4),0 0 0 1px hsla(195,100%,60%,.1),0 0 40px hsla(195,100%,60%,.05)}.textbox-mute-btn{background:hsla(255,100%,100%,.04);border:1px solid hsla(255,100%,100%,.08);color:#7e879a;border-radius:10px;padding:.45rem .9rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-family:var(--font-ui, 'Space Grotesk', sans-serif);font-size:.8rem;font-weight:500;transition:var(--t-smooth)}.textbox-mute-btn:hover{background:hsla(255,100%,100%,.08);border-color:hsla(255,100%,100%,.16);color:#dadee6;transform:translateY(-1px);box-shadow:var(--glow-sm)}.key{background:hsla(228,20%,16%,.8);border:1px solid hsla(255,100%,100%,.1);border-bottom:3px solid hsla(0,0%,0%,.5);border-right:1px solid hsla(0,0%,0%,.3);border-radius:7px;color:#8c94a5;font-family:var(--font-mono, 'JetBrains Mono', monospace);font-size:.72rem;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .15s ease;box-shadow:0 3px 8px hsla(0,0%,0%,.4);cursor:default;user-select:none}.key:hover{background:hsla(228,20%,22%,.85);border-color:hsla(255,100%,100%,.18);color:#d1d6e0;box-shadow:0 4px 12px hsla(0,0%,0%,.5);transform:translateY(-1px)}.key.active-key{background:hsla(195,100%,60%,.18);border-color:hsla(195,100%,60%,.5);border-bottom-color:hsla(195,100%,60%,.8);color:#99e5ff;box-shadow:0 0 12px hsla(195,100%,60%,.3),0 2px 4px hsla(0,0%,0%,.4);transform:translateY(1px)}.key.correct-key{background:hsla(142,72%,50%,.2);border-color:hsla(142,72%,50%,.55);color:#7be9a3;box-shadow:0 0 14px hsla(142,72%,50%,.35)}.key.wrong-key{background:hsla(0,80%,55%,.2);border-color:hsla(0,80%,55%,.55);color:#ef7575;box-shadow:0 0 14px hsla(0,80%,55%,.35)}.practice-menu{background:var(--glass-premium-bg,hsla(228,20%,10%,.92));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-premium-border,hsla(255,100%,100%,.1));border-radius:16px;box-shadow:0 16px 48px hsla(0,0%,0%,.65),0 0 20px var(--primary-glow)}.practice-item{border-radius:10px;transition:var(--t-smooth)}.practice-item:hover{background:hsla(195,100%,60%,.08);transform:translateX(3px)}.practice-item.selected{background:hsla(195,100%,60%,.12);border-left:2px solid var(--primary)}.sound-menu,.theme-menu{background:var(--glass-premium-bg,hsla(228,20%,10%,.92))!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--glass-premium-border,hsla(255,100%,100%,.1))!important;border-radius:14px!important;box-shadow:0 16px 48px hsla(0,0%,0%,.65),0 0 20px var(--primary-glow)!important}.lang-item:hover,.sound-item:hover,.theme-item:hover{background:hsla(195,100%,60%,.08);color:#eff1f4;transform:translateX(3px)}#result-modal .modal-content{background:var(--glass-premium-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-premium-border);border-top:2px solid;border-top-color:hsla(195,100%,60%,.4);border-radius:22px;box-shadow:0 24px 80px hsla(0,0%,0%,.6),0 0 60px hsla(195,100%,60%,.08);animation:td-fade-up .5s cubic-bezier(.175,.885,.32,1.275) forwards}#result-modal-title{font-family:var(--font-display, 'Outfit', sans-serif);font-weight:900;color:var(--primary);text-shadow:0 0 15px var(--primary-glow)}.cyber-drawer .drawer-glass-content{background:var(--glass-premium-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-premium-border);border-radius:14px;box-shadow:0 8px 32px hsla(0,0%,0%,.4)}[data-theme=matrix]{--bg-color:#000000;--grid-color:rgba(0, 255, 0, 0.05);--primary:#00ff00;--primary-glow:0 0 15px rgba(0, 255, 0, 0.5);--secondary:#338833;--accent:#ff3333;--correct:#00ff00;--correct-glow:0 0 8px rgba(0, 255, 0, 0.5);--glass-bg:rgba(0, 15, 0, 0.6);--glass-border:rgba(0, 255, 0, 0.2);--dropdown-bg:#051405}[data-theme=synthwave]{--bg-color:#1a0b2e;--grid-color:rgba(255, 107, 107, 0.05);--primary:#ff007f;--primary-glow:0 0 15px rgba(255, 0, 127, 0.5);--secondary:#ffb86c;--accent:#00ffff;--correct:#f1fa8c;--correct-glow:0 0 8px rgba(241, 250, 140, 0.5);--glass-bg:rgba(26, 11, 46, 0.6);--glass-border:rgba(255, 0, 127, 0.2);--dropdown-bg:#271442}[data-theme=dracula]{--bg-color:#282a36;--grid-color:rgba(189, 147, 249, 0.05);--primary:#bd93f9;--primary-glow:0 0 15px rgba(189, 147, 249, 0.5);--secondary:#6272a4;--accent:#ff5555;--correct:#50fa7b;--correct-glow:0 0 8px rgba(80, 250, 123, 0.5);--glass-bg:rgba(40, 42, 54, 0.6);--glass-border:rgba(189, 147, 249, 0.2);--dropdown-bg:#343746}[data-theme=tokyonight]{--bg-color:#1a1b26;--grid-color:rgba(122, 162, 247, 0.05);--primary:#7aa2f7;--primary-glow:0 0 15px rgba(122, 162, 247, 0.5);--secondary:#9ab8e5;--accent:#f7768e;--correct:#9ece6a;--correct-glow:0 0 8px rgba(158, 206, 106, 0.5);--glass-bg:rgba(26, 27, 38, 0.6);--glass-border:rgba(122, 162, 247, 0.2);--dropdown-bg:#24283b}[data-theme=rosepine]{--bg-color:#191724;--grid-color:rgba(235, 188, 186, 0.05);--primary:#ebbcba;--primary-glow:0 0 15px rgba(235, 188, 186, 0.5);--secondary:#e0def4;--accent:#31748f;--correct:#9ccfd8;--correct-glow:0 0 8px rgba(156, 207, 216, 0.5);--glass-bg:rgba(25, 23, 36, 0.6);--glass-border:rgba(235, 188, 186, 0.2);--dropdown-bg:#26233a}[data-theme=nord]{--bg-color:#2e3440;--grid-color:rgba(136, 192, 208, 0.05);--primary:#88c0d0;--primary-glow:0 0 15px rgba(136, 192, 208, 0.5);--secondary:#d8dee9;--accent:#bf616a;--correct:#a3be8c;--correct-glow:0 0 8px rgba(163, 190, 140, 0.5);--glass-bg:rgba(46, 52, 64, 0.6);--glass-border:rgba(136, 192, 208, 0.2);--dropdown-bg:#3b4252}[data-theme=gruvbox]{--bg-color:#282828;--grid-color:rgba(250, 189, 47, 0.05);--primary:#fabd2f;--primary-glow:0 0 15px rgba(250, 189, 47, 0.5);--secondary:#ebdbb2;--accent:#fe8019;--correct:#b8bb26;--correct-glow:0 0 8px rgba(184, 187, 38, 0.5);--glass-bg:rgba(40, 40, 40, 0.6);--glass-border:rgba(250, 189, 47, 0.2);--dropdown-bg:#3c3836}[data-theme=monokai]{--bg-color:#272822;--grid-color:rgba(249, 38, 114, 0.05);--primary:#f92672;--primary-glow:0 0 15px rgba(249, 38, 114, 0.5);--secondary:#f8f8f2;--accent:#ae81ff;--correct:#a6e22e;--correct-glow:0 0 8px rgba(166, 226, 46, 0.5);--glass-bg:rgba(39, 40, 34, 0.6);--glass-border:rgba(249, 38, 114, 0.2);--dropdown-bg:#3e3d32}[data-theme=onedark]{--bg-color:#282c34;--grid-color:rgba(97, 175, 239, 0.05);--primary:#61afef;--primary-glow:0 0 15px rgba(97, 175, 239, 0.5);--secondary:#abb2bf;--accent:#e06c75;--correct:#98c379;--correct-glow:0 0 8px rgba(152, 195, 121, 0.5);--glass-bg:rgba(40, 44, 52, 0.6);--glass-border:rgba(97, 175, 239, 0.2);--dropdown-bg:#31353f}[data-theme=forest]{--bg-color:#131b15;--grid-color:rgba(87, 178, 118, 0.05);--primary:#57b276;--primary-glow:0 0 15px rgba(87, 178, 118, 0.5);--secondary:#bcc6be;--accent:#d08770;--correct:#a3be8c;--correct-glow:0 0 8px rgba(163, 190, 140, 0.5);--glass-bg:rgba(19, 27, 21, 0.6);--glass-border:rgba(87, 178, 118, 0.2);--dropdown-bg:#1a261d}[data-theme=solarizedlight]{--bg-color:#fcf9f2;--grid-color:rgba(38, 139, 210, 0.04);--primary:#268bd2;--primary-glow:0 0 15px rgba(38, 139, 210, 0.2);--secondary:#586e75;--accent:#d33682;--correct:#859900;--correct-glow:0 0 8px rgba(133, 153, 0, 0.2);--glass-bg:rgba(252, 249, 242, 0.85);--glass-border:rgba(38, 139, 210, 0.2);--dropdown-bg:#f3edd9;--text-untyped:rgba(88, 110, 117, 0.38);--text-correct:#073642;--text-active:#268bd2}[data-theme=cyberlime]{--bg-color:#020502;--grid-color:rgba(0, 255, 64, 0.05);--primary:#00ff40;--primary-glow:0 0 15px rgba(0, 255, 64, 0.6);--secondary:#8cb892;--accent:#e5ff00;--correct:#00ff40;--correct-glow:0 0 8px rgba(0, 255, 64, 0.6);--glass-bg:rgba(2, 5, 2, 0.7);--glass-border:rgba(0, 255, 64, 0.25);--dropdown-bg:#081408}[data-theme=aurapurple]{--bg-color:#1c122c;--grid-color:rgba(162, 82, 255, 0.05);--primary:#a252ff;--primary-glow:0 0 15px rgba(162, 82, 255, 0.5);--secondary:#cac4db;--accent:#00e5ff;--correct:#f81ce5;--correct-glow:0 0 8px rgba(248, 28, 229, 0.5);--glass-bg:rgba(28, 18, 44, 0.6);--glass-border:rgba(162, 82, 255, 0.2);--dropdown-bg:#281b3e}[data-theme=retrowave]{--bg-color:#0d0221;--grid-color:rgba(255, 0, 127, 0.05);--primary:#ff007f;--primary-glow:0 0 15px rgba(255, 0, 127, 0.5);--secondary:#9ef8fc;--accent:#00f0ff;--correct:#00ffcc;--correct-glow:0 0 8px rgba(0, 255, 204, 0.5);--glass-bg:rgba(13, 2, 33, 0.6);--glass-border:rgba(255, 0, 127, 0.2);--dropdown-bg:#19053c}[data-theme=cyberdust]{--bg-color:#121214;--grid-color:rgba(212, 175, 55, 0.04);--primary:#dfb15b;--primary-glow:0 0 15px rgba(223, 177, 91, 0.4);--secondary:#a6a6b8;--accent:#c5834c;--correct:#e0ab5b;--correct-glow:0 0 8px rgba(224, 171, 91, 0.4);--glass-bg:rgba(18, 18, 20, 0.7);--glass-border:rgba(223, 177, 91, 0.2);--dropdown-bg:#1e1e24}[data-theme=sunsetneon]{--bg-color:#0f081d;--grid-color:rgba(255, 87, 34, 0.05);--primary:#ff5722;--primary-glow:0 0 15px rgba(255, 87, 34, 0.5);--secondary:#fcd7b6;--accent:#ff007f;--correct:#ffea00;--correct-glow:0 0 8px rgba(255, 234, 0, 0.5);--glass-bg:rgba(15, 8, 29, 0.65);--glass-border:rgba(255, 87, 34, 0.2);--dropdown-bg:#24113a}[data-theme=lavender]{--bg-color:#171424;--grid-color:rgba(180, 150, 240, 0.05);--primary:#b39ddb;--primary-glow:0 0 15px rgba(179, 157, 219, 0.4);--secondary:#ede7f6;--accent:#f48fb1;--correct:#80deea;--correct-glow:0 0 8px rgba(128, 222, 234, 0.4);--glass-bg:rgba(23, 20, 36, 0.65);--glass-border:rgba(179, 157, 219, 0.2);--dropdown-bg:#231f33}[data-theme=sakura]{--bg-color:#1a1625;--grid-color:rgba(255, 182, 193, 0.05);--primary:#ffb6c1;--primary-glow:0 0 15px rgba(255, 182, 193, 0.5);--secondary:#e1bee7;--accent:#f48fb1;--correct:#a5d6a7;--correct-glow:0 0 8px rgba(165, 214, 167, 0.5);--glass-bg:rgba(26, 22, 37, 0.7);--glass-border:rgba(255, 182, 193, 0.2);--dropdown-bg:#282035}[data-theme=oceanic]{--bg-color:#030f26;--grid-color:rgba(0, 180, 216, 0.05);--primary:#00b4d8;--primary-glow:0 0 15px rgba(0, 180, 216, 0.5);--secondary:#caf0f8;--accent:#0077b6;--correct:#90e0ef;--correct-glow:0 0 8px rgba(144, 224, 239, 0.5);--glass-bg:rgba(3, 15, 38, 0.65);--glass-border:rgba(0, 180, 216, 0.2);--dropdown-bg:#0b2246}[data-theme=laserlemon]{--bg-color:#080b02;--grid-color:rgba(200, 255, 0, 0.05);--primary:#d4ff00;--primary-glow:0 0 15px rgba(212, 255, 0, 0.5);--secondary:#b8c599;--accent:#80ff00;--correct:#d4ff00;--correct-glow:0 0 8px rgba(212, 255, 0, 0.5);--glass-bg:rgba(8, 11, 2, 0.75);--glass-border:rgba(212, 255, 0, 0.2);--dropdown-bg:#121a05}[data-theme=vintage]{--bg-color:#f7f1e1;--grid-color:rgba(184, 150, 110, 0.08);--primary:#503a27;--primary-glow:0 0 5px rgba(80, 58, 39, 0.05);--secondary:#7b6046;--accent:#a87c53;--correct:#5b8046;--correct-glow:0 0 5px rgba(91, 128, 70, 0.05);--glass-bg:rgba(247, 241, 225, 0.85);--glass-border:rgba(184, 150, 110, 0.25);--dropdown-bg:#ebdcb9;--text-untyped:rgba(123, 96, 70, 0.38);--text-correct:#322214;--text-active:#503a27}[data-theme=cyberpunk2077]{--bg-color:#fcee0a;--grid-color:rgba(0, 0, 0, 0.08);--primary:#000000;--primary-glow:0 0 8px rgba(0,0,0,0.15);--secondary:#333333;--accent:#00f0ff;--correct:#000000;--correct-glow:0 0 5px rgba(0,0,0,0.15);--glass-bg:rgba(252, 238, 10, 0.85);--glass-border:rgba(0, 0, 0, 0.25);--dropdown-bg:#dfd208;--text-untyped:rgba(0, 0, 0, 0.35);--text-correct:#000000;--text-active:#ff0055}[data-theme=hackergreen]{--bg-color:#000000;--grid-color:rgba(0, 255, 0, 0.03);--primary:#39ff14;--primary-glow:0 0 15px rgba(57, 255, 20, 0.6);--secondary:#88ff88;--accent:#ffffff;--correct:#39ff14;--correct-glow:0 0 8px rgba(57, 255, 20, 0.6);--glass-bg:rgba(0, 0, 0, 0.8);--glass-border:rgba(57, 255, 20, 0.3);--dropdown-bg:#092205}[data-theme=velvet]{--bg-color:#100518;--grid-color:rgba(212, 175, 55, 0.04);--primary:#d4af37;--primary-glow:0 0 15px rgba(212, 175, 55, 0.5);--secondary:#bba8cd;--accent:#ff003c;--correct:#d4af37;--correct-glow:0 0 8px rgba(212, 175, 55, 0.5);--glass-bg:rgba(16, 5, 24, 0.75);--glass-border:rgba(212, 175, 55, 0.2);--dropdown-bg:#220e32}[data-theme=frozen]{--bg-color:#e1f5fe;--grid-color:rgba(3, 169, 244, 0.05);--primary:#03a9f4;--primary-glow:0 0 15px rgba(3, 169, 244, 0.3);--secondary:#546e7a;--accent:#01579b;--correct:#2e7d32;--correct-glow:0 0 8px rgba(46, 125, 50, 0.3);--glass-bg:rgba(225, 245, 254, 0.8);--glass-border:rgba(3, 169, 244, 0.25);--dropdown-bg:#cfd8dc;--text-untyped:rgba(84, 110, 122, 0.38);--text-correct:#01579b;--text-active:#03a9f4}[data-theme=crimsonneon]{--bg-color:#0c0204;--grid-color:rgba(255, 0, 60, 0.05);--primary:#ff003c;--primary-glow:0 0 15px rgba(255, 0, 60, 0.6);--secondary:#cfa0a8;--accent:#ff8800;--correct:#ff003c;--correct-glow:0 0 8px rgba(255, 0, 60, 0.6);--glass-bg:rgba(12, 2, 4, 0.75);--glass-border:rgba(255, 0, 60, 0.25);--dropdown-bg:#22050b}[data-theme=pumpkin]{--bg-color:#1b0f0b;--grid-color:rgba(255, 110, 0, 0.05);--primary:#ff6e00;--primary-glow:0 0 15px rgba(255, 110, 0, 0.5);--secondary:#d7ccc8;--accent:#ffd54f;--correct:#a1887f;--correct-glow:0 0 8px rgba(161, 136, 127, 0.5);--glass-bg:rgba(27, 15, 11, 0.7);--glass-border:rgba(255, 110, 0, 0.2);--dropdown-bg:#2d1a13}[data-theme=electricblue]{--bg-color:#05051a;--grid-color:rgba(0, 102, 255, 0.06);--primary:#0066ff;--primary-glow:0 0 15px rgba(0, 102, 255, 0.6);--secondary:#9ebcff;--accent:#ff00aa;--correct:#00e5ff;--correct-glow:0 0 8px rgba(0, 229, 255, 0.6);--glass-bg:rgba(5, 5, 26, 0.7);--glass-border:rgba(0, 102, 255, 0.3);--dropdown-bg:#0c0d3a}[data-theme=pastelindigo]{--bg-color:#e8eaf6;--grid-color:rgba(63, 81, 181, 0.04);--primary:#3f51b5;--primary-glow:0 0 10px rgba(63, 81, 181, 0.2);--secondary:#5c6bc0;--accent:#ff4081;--correct:#4caf50;--correct-glow:0 0 5px rgba(76, 175, 80, 0.2);--glass-bg:rgba(232, 234, 246, 0.8);--glass-border:rgba(63, 81, 181, 0.2);--dropdown-bg:#c5cae9;--text-untyped:rgba(92, 107, 192, 0.38);--text-correct:#1a237e;--text-active:#3f51b5}[data-theme=olive]{--bg-color:#1a1c14;--grid-color:rgba(139, 150, 110, 0.05);--primary:#8b966e;--primary-glow:0 0 12px rgba(139, 150, 110, 0.4);--secondary:#bcc6a8;--accent:#d6b67b;--correct:#a8bd86;--correct-glow:0 0 8px rgba(168, 189, 134, 0.4);--glass-bg:rgba(26, 28, 20, 0.7);--glass-border:rgba(139, 150, 110, 0.2);--dropdown-bg:#25291d}[data-theme=coffee]{--bg-color:#18110b;--grid-color:rgba(215, 170, 130, 0.04);--primary:#d7aa82;--primary-glow:0 0 12px rgba(215, 170, 130, 0.4);--secondary:#a68d77;--accent:#8e5b3c;--correct:#d7aa82;--correct-glow:0 0 8px rgba(215, 170, 130, 0.4);--glass-bg:rgba(24, 17, 11, 0.7);--glass-border:rgba(215, 170, 130, 0.2);--dropdown-bg:#2a1e14}[data-theme=cybermint]{--bg-color:#020a07;--grid-color:rgba(0, 255, 170, 0.05);--primary:#00ffa2;--primary-glow:0 0 15px rgba(0, 255, 162, 0.6);--secondary:#8ac7b1;--accent:#ffffff;--correct:#00ffa2;--correct-glow:0 0 8px rgba(0, 255, 162, 0.6);--glass-bg:rgba(2, 10, 7, 0.75);--glass-border:rgba(0, 255, 162, 0.25);--dropdown-bg:#051f15}[data-theme=candyfloss]{--bg-color:#100926;--grid-color:rgba(255, 92, 170, 0.05);--primary:#ff5caa;--primary-glow:0 0 15px rgba(255, 92, 170, 0.5);--secondary:#cac0e8;--accent:#00f0ff;--correct:#00ffa2;--correct-glow:0 0 8px rgba(0, 255, 162, 0.5);--glass-bg:rgba(16, 9, 38, 0.65);--glass-border:rgba(255, 92, 170, 0.2);--dropdown-bg:#24154c}[data-theme=stealth]{--bg-color:#000000;--grid-color:rgba(255, 255, 255, 0.01);--primary:#555555;--primary-glow:0 0 5px rgba(255,255,255,0.05);--secondary:#888888;--accent:#ff003c;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.4);--glass-bg:rgba(0, 0, 0, 0.85);--glass-border:rgba(255, 255, 255, 0.05);--dropdown-bg:#111111}[data-theme=rust]{--bg-color:#140d0a;--grid-color:rgba(216, 90, 40, 0.05);--primary:#d85a28;--primary-glow:0 0 15px rgba(216, 90, 40, 0.5);--secondary:#c8ac9c;--accent:#8d7a72;--correct:#e28a63;--correct-glow:0 0 8px rgba(226, 138, 99, 0.5);--glass-bg:rgba(20, 13, 10, 0.75);--glass-border:rgba(216, 90, 40, 0.25);--dropdown-bg:#261a14}[data-theme=nebula]{--bg-color:#0b061d;--grid-color:rgba(162, 82, 255, 0.05);--primary:#e05cff;--primary-glow:0 0 15px rgba(224, 92, 255, 0.5);--secondary:#d0c3eb;--accent:#ffd700;--correct:#00f0ff;--correct-glow:0 0 8px rgba(0, 240, 255, 0.5);--glass-bg:rgba(11, 6, 29, 0.7);--glass-border:rgba(224, 92, 255, 0.2);--dropdown-bg:#200f40}[data-theme=mirage]{--bg-color:#2b201a;--grid-color:rgba(229, 168, 126, 0.04);--primary:#e5a87e;--primary-glow:0 0 12px rgba(229, 168, 126, 0.4);--secondary:#c7bba8;--accent:#a3b2a4;--correct:#dfc7aa;--correct-glow:0 0 8px rgba(223, 199, 170, 0.4);--glass-bg:rgba(43, 32, 26, 0.7);--glass-border:rgba(229, 168, 126, 0.2);--dropdown-bg:#3d2f26}[data-theme=cyberamber]{--bg-color:#0a0802;--grid-color:rgba(255, 170, 0, 0.05);--primary:#ffaa00;--primary-glow:0 0 15px rgba(255, 170, 0, 0.6);--secondary:#ccbc9e;--accent:#ffffff;--correct:#ffaa00;--correct-glow:0 0 8px rgba(255, 170, 0, 0.6);--glass-bg:rgba(10, 8, 2, 0.75);--glass-border:rgba(255, 170, 0, 0.25);--dropdown-bg:#201402}[data-theme=moonlight]{--bg-color:#101424;--grid-color:rgba(178, 190, 217, 0.04);--primary:#b2bed9;--primary-glow:0 0 12px rgba(178, 190, 217, 0.4);--secondary:#d8e2dc;--accent:#ffe57f;--correct:#eaf4f4;--correct-glow:0 0 8px rgba(234, 244, 244, 0.4);--glass-bg:rgba(16, 20, 36, 0.75);--glass-border:rgba(178, 190, 217, 0.2);--dropdown-bg:#1c213a}[data-theme=retroslate]{--bg-color:#1e222b;--grid-color:rgba(255, 110, 64, 0.05);--primary:#ff6e40;--primary-glow:0 0 15px rgba(255, 110, 64, 0.5);--secondary:#b0bec5;--accent:#2979ff;--correct:#00e676;--correct-glow:0 0 8px rgba(0, 230, 118, 0.5);--glass-bg:rgba(30, 34, 43, 0.7);--glass-border:rgba(255, 110, 64, 0.2);--dropdown-bg:#2a2f3a}[data-theme=neongrape]{--bg-color:#12021c;--grid-color:rgba(181, 0, 255, 0.05);--primary:#b500ff;--primary-glow:0 0 15px rgba(181, 0, 255, 0.5);--secondary:#dfbbf2;--accent:#00ff40;--correct:#f81ce5;--correct-glow:0 0 8px rgba(248, 28, 229, 0.5);--glass-bg:rgba(18, 2, 28, 0.75);--glass-border:rgba(181, 0, 255, 0.25);--dropdown-bg:#240436}[data-theme=cybergold]{--bg-color:#050505;--grid-color:rgba(255, 215, 0, 0.04);--primary:#ffd700;--primary-glow:0 0 15px rgba(255, 215, 0, 0.5);--secondary:#dedede;--accent:#00f0ff;--correct:#ffd700;--correct-glow:0 0 8px rgba(255, 215, 0, 0.5);--glass-bg:rgba(5, 5, 5, 0.75);--glass-border:rgba(255, 215, 0, 0.2);--dropdown-bg:#1a1a1a}[data-theme=eclipse]{--bg-color:#000000;--grid-color:rgba(255, 60, 0, 0.03);--primary:#ff3c00;--primary-glow:0 0 15px rgba(255, 60, 0, 0.6);--secondary:#a6a6a6;--accent:#ffffff;--correct:#ff3c00;--correct-glow:0 0 8px rgba(255, 60, 0, 0.6);--glass-bg:rgba(0, 0, 0, 0.85);--glass-border:rgba(255, 60, 0, 0.25);--dropdown-bg:#120400}[data-theme=midnightforest]{--bg-color:#050f08;--grid-color:rgba(0, 255, 100, 0.04);--primary:#00e676;--primary-glow:0 0 15px rgba(0, 230, 118, 0.5);--secondary:#aed581;--accent:#ffd740;--correct:#00e676;--correct-glow:0 0 8px rgba(0, 230, 118, 0.5);--glass-bg:rgba(5, 15, 8, 0.75);--glass-border:rgba(0, 230, 118, 0.2);--dropdown-bg:#0e2616}[data-theme=cozywood]{--bg-color:#27140f;--grid-color:rgba(245, 124, 0, 0.04);--primary:#f57c00;--primary-glow:0 0 12px rgba(245, 124, 0, 0.4);--secondary:#e0a98f;--accent:#ffeb3b;--correct:#e0a98f;--correct-glow:0 0 8px rgba(224, 169, 143, 0.4);--glass-bg:rgba(39, 20, 15, 0.75);--glass-border:rgba(245, 124, 0, 0.2);--dropdown-bg:#3d221b}[data-theme=neonaqua]{--bg-color:#030f1a;--grid-color:rgba(0, 229, 255, 0.05);--primary:#00e5ff;--primary-glow:0 0 15px rgba(0, 229, 255, 0.5);--secondary:#9bdbeb;--accent:#ff8a80;--correct:#00ffa2;--correct-glow:0 0 8px rgba(0, 255, 162, 0.5);--glass-bg:rgba(3, 15, 26, 0.7);--glass-border:rgba(0, 229, 255, 0.2);--dropdown-bg:#082238}[data-theme=cybersalmon]{--bg-color:#1c1518;--grid-color:rgba(255, 138, 128, 0.05);--primary:#ff8a80;--primary-glow:0 0 15px rgba(255, 138, 128, 0.5);--secondary:#cfb3b9;--accent:#3f51b5;--correct:#ff8a80;--correct-glow:0 0 8px rgba(255, 138, 128, 0.5);--glass-bg:rgba(28, 21, 24, 0.75);--glass-border:rgba(255, 138, 128, 0.2);--dropdown-bg:#2c2126}[data-theme=velvetrose]{--bg-color:#1e0813;--grid-color:rgba(244, 67, 54, 0.04);--primary:#e91e63;--primary-glow:0 0 15px rgba(233, 30, 99, 0.5);--secondary:#dcb2c8;--accent:#8e24aa;--correct:#f48fb1;--correct-glow:0 0 8px rgba(244, 143, 177, 0.5);--glass-bg:rgba(30, 8, 19, 0.75);--glass-border:rgba(233, 30, 99, 0.2);--dropdown-bg:#2e1021}[data-theme=cyberstorm]{--bg-color:#0d0f12;--grid-color:rgba(41, 121, 255, 0.05);--primary:#2979ff;--primary-glow:0 0 15px rgba(41, 121, 255, 0.6);--secondary:#b0bec5;--accent:#d500f9;--correct:#00e5ff;--correct-glow:0 0 8px rgba(0, 229, 255, 0.6);--glass-bg:rgba(13, 15, 18, 0.75);--glass-border:rgba(41, 121, 255, 0.25);--dropdown-bg:#191e24}[data-theme=india]{--bg-color:#031207;--grid-color:rgba(255, 153, 51, 0.05);--primary:#ff9933;--primary-glow:0 0 15px rgba(255, 153, 51, 0.5);--secondary:#138808;--accent:#138808;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(3, 18, 7, 0.65);--glass-border:rgba(255, 153, 51, 0.25);--dropdown-bg:#071f0d;--text-untyped:rgba(168, 191, 174, 0.4);--text-active:#ff9933}[data-theme=usa]{--bg-color:#020612;--grid-color:rgba(255, 0, 60, 0.05);--primary:#ff003c;--primary-glow:0 0 15px rgba(255, 0, 60, 0.5);--secondary:#4d6cfa;--accent:#ffffff;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(2, 6, 18, 0.65);--glass-border:rgba(77, 108, 250, 0.25);--dropdown-bg:#050f26;--text-untyped:rgba(77, 108, 250, 0.4);--text-active:#ff003c}[data-theme=uk]{--bg-color:#01040f;--grid-color:rgba(0, 36, 125, 0.05);--primary:#cf142b;--primary-glow:0 0 15px rgba(207, 20, 43, 0.5);--secondary:#ffffff;--accent:#00247d;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(1, 4, 15, 0.65);--glass-border:rgba(207, 20, 43, 0.25);--dropdown-bg:#030a24;--text-untyped:rgba(163, 178, 230, 0.4);--text-active:#cf142b}[data-theme=japan]{--bg-color:#080808;--grid-color:rgba(188, 0, 45, 0.05);--primary:#bc002d;--primary-glow:0 0 15px rgba(188, 0, 45, 0.5);--secondary:#8c8c8c;--accent:#ffffff;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(8, 8, 8, 0.65);--glass-border:rgba(188, 0, 45, 0.25);--dropdown-bg:#141414;--text-untyped:rgba(140, 140, 140, 0.4);--text-active:#bc002d}[data-theme=brazil]{--bg-color:#010c05;--grid-color:rgba(254, 221, 0, 0.05);--primary:#fedd00;--primary-glow:0 0 15px rgba(254, 221, 0, 0.5);--secondary:#009739;--accent:#012169;--correct:#fedd00;--correct-glow:0 0 8px rgba(254, 221, 0, 0.5);--glass-bg:rgba(1, 12, 5, 0.65);--glass-border:rgba(254, 221, 0, 0.25);--dropdown-bg:#03200e;--text-untyped:rgba(128, 205, 160, 0.4);--text-active:#009739}[data-theme=canada]{--bg-color:#120202;--grid-color:rgba(255, 0, 0, 0.05);--primary:#ff0000;--primary-glow:0 0 15px rgba(255, 0, 0, 0.5);--secondary:#e6a8a8;--accent:#ffffff;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(18, 2, 2, 0.65);--glass-border:rgba(255, 0, 0, 0.25);--dropdown-bg:#210707;--text-untyped:rgba(230, 168, 168, 0.4);--text-active:#ff0000}[data-theme=germany]{--bg-color:#050505;--grid-color:rgba(255, 204, 0, 0.05);--primary:#ffcc00;--primary-glow:0 0 15px rgba(255, 204, 0, 0.5);--secondary:#d9a3a3;--accent:#dd0000;--correct:#ffcc00;--correct-glow:0 0 8px rgba(255, 204, 0, 0.5);--glass-bg:rgba(5, 5, 5, 0.65);--glass-border:rgba(255, 204, 0, 0.25);--dropdown-bg:#141414;--text-untyped:rgba(140, 140, 140, 0.4);--text-active:#dd0000}[data-theme=france]{--bg-color:#02050d;--grid-color:rgba(0, 80, 161, 0.05);--primary:#0050a1;--primary-glow:0 0 15px rgba(0, 80, 161, 0.5);--secondary:#d99d9d;--accent:#ef4135;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(2, 5, 13, 0.65);--glass-border:rgba(0, 80, 161, 0.25);--dropdown-bg:#050f24;--text-untyped:rgba(163, 178, 230, 0.4);--text-active:#ef4135}[data-theme=italy]{--bg-color:#031206;--grid-color:rgba(0, 146, 70, 0.05);--primary:#009246;--primary-glow:0 0 15px rgba(0, 146, 70, 0.5);--secondary:#a3d9b5;--accent:#ce2b37;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(3, 18, 6, 0.65);--glass-border:rgba(0, 146, 70, 0.25);--dropdown-bg:#05240c;--text-untyped:rgba(163, 217, 181, 0.4);--text-active:#ce2b37}[data-theme=spain]{--bg-color:#120902;--grid-color:rgba(250, 189, 0, 0.05);--primary:#fabd00;--primary-glow:0 0 15px rgba(250, 189, 0, 0.5);--secondary:#d9a3a3;--accent:#ad1519;--correct:#fabd00;--correct-glow:0 0 8px rgba(250, 189, 0, 0.5);--glass-bg:rgba(18, 9, 2, 0.65);--glass-border:rgba(250, 189, 0, 0.25);--dropdown-bg:#261505;--text-untyped:rgba(217, 163, 163, 0.4);--text-active:#ad1519}[data-theme=argentina]{--bg-color:#030d17;--grid-color:rgba(116, 172, 223, 0.05);--primary:#74acdf;--primary-glow:0 0 15px rgba(116, 172, 223, 0.5);--secondary:#ffffff;--accent:#f6b426;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(3, 13, 23, 0.65);--glass-border:rgba(116, 172, 223, 0.25);--dropdown-bg:#06192d;--text-untyped:rgba(116, 172, 223, 0.4);--text-active:#f6b426}[data-theme=australia]{--bg-color:#010412;--grid-color:rgba(0, 0, 139, 0.05);--primary:#00008b;--primary-glow:0 0 15px rgba(0, 0, 139, 0.5);--secondary:#ffffff;--accent:#ff0000;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(1, 4, 18, 0.65);--glass-border:rgba(0, 0, 139, 0.25);--dropdown-bg:#030e33;--text-untyped:rgba(77, 77, 230, 0.4);--text-active:#ff0000}[data-theme=mexico]{--bg-color:#010d06;--grid-color:rgba(0, 104, 71, 0.05);--primary:#006847;--primary-glow:0 0 15px rgba(0, 104, 71, 0.5);--secondary:#ffffff;--accent:#c8102e;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(1, 13, 6, 0.65);--glass-border:rgba(0, 104, 71, 0.25);--dropdown-bg:#032410;--text-untyped:rgba(163, 214, 196, 0.4);--text-active:#c8102e}[data-theme=southkorea]{--bg-color:#080808;--grid-color:rgba(205, 46, 58, 0.05);--primary:#cd2e3a;--primary-glow:0 0 15px rgba(205, 46, 58, 0.5);--secondary:#ffffff;--accent:#0a5bc2;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(8, 8, 8, 0.65);--glass-border:rgba(205, 46, 58, 0.25);--dropdown-bg:#141414;--text-untyped:rgba(140, 140, 140, 0.4);--text-active:#0a5bc2}[data-theme=southafrica]{--bg-color:#020b06;--grid-color:rgba(0, 122, 61, 0.05);--primary:#ffb81c;--primary-glow:0 0 15px rgba(255, 184, 28, 0.5);--secondary:#ffffff;--accent:#e21836;--correct:#007a3d;--correct-glow:0 0 8px rgba(0, 122, 61, 0.5);--glass-bg:rgba(2, 11, 6, 0.65);--glass-border:rgba(0, 122, 61, 0.25);--dropdown-bg:#052410;--text-untyped:rgba(163, 204, 181, 0.4);--text-active:#ffb81c}[data-theme=netherlands]{--bg-color:#0d0102;--grid-color:rgba(174, 28, 40, 0.05);--primary:#ae1c28;--primary-glow:0 0 15px rgba(174, 28, 40, 0.5);--secondary:#ffffff;--accent:#21468b;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(13, 1, 2, 0.65);--glass-border:rgba(174, 28, 40, 0.25);--dropdown-bg:#210508;--text-untyped:rgba(191, 168, 170, 0.4);--text-active:#21468b}[data-theme=russia]{--bg-color:#02050f;--grid-color:rgba(0, 57, 166, 0.05);--primary:#0039a6;--primary-glow:0 0 15px rgba(0, 57, 166, 0.5);--secondary:#ffffff;--accent:#d52b1e;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(2, 5, 15, 0.65);--glass-border:rgba(0, 57, 166, 0.25);--dropdown-bg:#050f2b;--text-untyped:rgba(163, 178, 217, 0.4);--text-active:#d52b1e}[data-theme=switzerland]{--bg-color:#120202;--grid-color:rgba(213, 43, 30, 0.05);--primary:#d52b1e;--primary-glow:0 0 15px rgba(213, 43, 30, 0.5);--secondary:#ffffff;--accent:#ffffff;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(18, 2, 2, 0.65);--glass-border:rgba(213, 43, 30, 0.25);--dropdown-bg:#240505;--text-untyped:rgba(217, 163, 163, 0.4);--text-active:#ffffff}[data-theme=sweden]{--bg-color:#020a12;--grid-color:rgba(254, 204, 0, 0.05);--primary:#fecc00;--primary-glow:0 0 15px rgba(254, 204, 0, 0.5);--secondary:#ffffff;--accent:#006aa7;--correct:#fecc00;--correct-glow:0 0 8px rgba(254, 204, 0, 0.5);--glass-bg:rgba(2, 10, 18, 0.65);--glass-border:rgba(0, 106, 167, 0.25);--dropdown-bg:#051a2e;--text-untyped:rgba(163, 196, 217, 0.4);--text-active:#fecc00}[data-theme=portugal]{--bg-color:#021207;--grid-color:rgba(4, 131, 67, 0.05);--primary:#048343;--primary-glow:0 0 15px rgba(4, 131, 67, 0.5);--secondary:#ffffff;--accent:#ff0000;--correct:#fedd00;--correct-glow:0 0 8px rgba(254, 221, 0, 0.5);--glass-bg:rgba(2, 18, 7, 0.65);--glass-border:rgba(4, 131, 67, 0.25);--dropdown-bg:#042610;--text-untyped:rgba(163, 209, 184, 0.4);--text-active:#ff0000}[data-theme=turkey]{--bg-color:#120102;--grid-color:rgba(227, 10, 23, 0.05);--primary:#e30a17;--primary-glow:0 0 15px rgba(227, 10, 23, 0.5);--secondary:#ffffff;--accent:#ffffff;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(18, 1, 2, 0.65);--glass-border:rgba(227, 10, 23, 0.25);--dropdown-bg:#260507;--text-untyped:rgba(217, 163, 166, 0.4);--text-active:#ffffff}[data-theme=saudiarabia]{--bg-color:#000f07;--grid-color:rgba(0, 108, 53, 0.05);--primary:#006C35;--primary-glow:0 0 15px rgba(0, 108, 53, 0.5);--secondary:#ffffff;--accent:#ffffff;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(0, 15, 7, 0.65);--glass-border:rgba(0, 108, 53, 0.25);--dropdown-bg:#022613;--text-untyped:rgba(163, 204, 181, 0.4);--text-active:#006C35}[data-theme=singapore]{--bg-color:#120102;--grid-color:rgba(239, 51, 64, 0.05);--primary:#ef3340;--primary-glow:0 0 15px rgba(239, 51, 64, 0.5);--secondary:#ffffff;--accent:#ffffff;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(18, 1, 2, 0.65);--glass-border:rgba(239, 51, 64, 0.25);--dropdown-bg:#240508;--text-untyped:rgba(217, 163, 166, 0.4);--text-active:#ffffff}[data-theme=newzealand]{--bg-color:#010412;--grid-color:rgba(0, 36, 125, 0.05);--primary:#00247d;--primary-glow:0 0 15px rgba(0, 36, 125, 0.5);--secondary:#ffffff;--accent:#cf142b;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(1, 4, 18, 0.65);--glass-border:rgba(0, 36, 125, 0.25);--dropdown-bg:#030e33;--text-untyped:rgba(77, 77, 230, 0.4);--text-active:#cf142b}[data-theme=greece]{--bg-color:#010a14;--grid-color:rgba(13, 94, 175, 0.05);--primary:#0d5eaf;--primary-glow:0 0 15px rgba(13, 94, 175, 0.5);--secondary:#ffffff;--accent:#ffffff;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(1, 10, 20, 0.65);--glass-border:rgba(13, 94, 175, 0.25);--dropdown-bg:#03172d;--text-untyped:rgba(163, 191, 217, 0.4);--text-active:#0d5eaf}[data-theme=egypt]{--bg-color:#0a0501;--grid-color:rgba(192, 147, 0, 0.05);--primary:#c09300;--primary-glow:0 0 15px rgba(192, 147, 0, 0.5);--secondary:#ffffff;--accent:#c8102e;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(10, 5, 1, 0.65);--glass-border:rgba(192, 147, 0, 0.25);--dropdown-bg:#1f1003;--text-untyped:rgba(191, 179, 168, 0.4);--text-active:#c8102e}[data-theme=ireland]{--bg-color:#010f05;--grid-color:rgba(22, 155, 98, 0.05);--primary:#169b62;--primary-glow:0 0 15px rgba(22, 155, 98, 0.5);--secondary:#ffffff;--accent:#ff883e;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(1, 15, 5, 0.65);--glass-border:rgba(22, 155, 98, 0.25);--dropdown-bg:#03240e;--text-untyped:rgba(163, 209, 184, 0.4);--text-active:#ff883e}[data-theme=uae]{--bg-color:#080102;--grid-color:rgba(0, 115, 47, 0.05);--primary:#00732f;--primary-glow:0 0 15px rgba(0, 115, 47, 0.5);--secondary:#ffffff;--accent:#ff0000;--correct:#ffffff;--correct-glow:0 0 8px rgba(255, 255, 255, 0.5);--glass-bg:rgba(8, 1, 2, 0.65);--glass-border:rgba(0, 115, 47, 0.25);--dropdown-bg:#140306;--text-untyped:rgba(163, 204, 181, 0.4);--text-active:#ff0000}[data-theme=aurapurple],[data-theme=crimsonneon],[data-theme=cyberamber],[data-theme=cyberdust],[data-theme=cybergold],[data-theme=cyberlime],[data-theme=cybermint],[data-theme=cyberpunk2077],[data-theme=cyberpunk],[data-theme=cyberstorm],[data-theme=dracula],[data-theme=eclipse],[data-theme=electricblue],[data-theme=hackergreen],[data-theme=laserlemon],[data-theme=matrix],[data-theme=monokai],[data-theme=moonlight],[data-theme=nebula],[data-theme=neongrape],[data-theme=oceanic],[data-theme=onedark],[data-theme=retrowave],[data-theme=stealth],[data-theme=sunsetneon],[data-theme=synthwave],[data-theme=tokyonight]{--font-sans:'Orbitron',sans-serif;--font-mono:'JetBrains Mono',monospace}[data-theme=candyfloss],[data-theme=cybersalmon],[data-theme=forest],[data-theme=frozen],[data-theme=lavender],[data-theme=neonaqua],[data-theme=nord],[data-theme=olive],[data-theme=pastelindigo],[data-theme=rosepine],[data-theme=sakura],[data-theme=solarizedlight]{--font-sans:system-ui,-apple-system,sans-serif;--font-mono:'JetBrains Mono',monospace}[data-theme=coffee],[data-theme=cozywood],[data-theme=gruvbox],[data-theme=midnightforest],[data-theme=mirage],[data-theme=pumpkin],[data-theme=retroslate],[data-theme=rust],[data-theme=vintage]{--font-sans:'Courier New',Courier,monospace;--font-mono:'Courier New',Courier,monospace}[data-theme=velvet],[data-theme=velvetrose]{--font-sans:Georgia,serif;--font-mono:Georgia,serif}.container,.practice-menu,.practice-trigger,.sound-btn,.theme-menu,.theme-trigger,body,button,footer,header,main,span{transition:background-color .4s ease,color .4s ease,border-color .4s ease,box-shadow .4s ease}@keyframes themeFade{0%{opacity:.85;transform:scale(.99)}100%{opacity:1;transform:scale(1)}}.theme-switching .container{animation:themeFade .4s cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}body{background-color:var(--bg-color);color:var(--secondary);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}#cursor-trail-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:99999}.cyber-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--bg-color)}.cyber-grid::after,.cyber-grid::before{display:none!important}header{margin-top:1.5rem;margin-bottom:1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:90%;max-width:1400px;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:9999}.header-controls{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.control-group{display:flex;flex-direction:column;gap:.25rem;align-items:center}.control-label{font-size:.65rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--secondary);font-weight:600;opacity:.5}.sound-selector{display:flex;gap:.5rem;background:var(--glass-bg);padding:.5rem;border-radius:30px;border:1px solid var(--glass-border);backdrop-filter:blur(5px)}.sound-btn{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);font-size:1.1rem;cursor:pointer;border-radius:50%;width:38px;height:38px;display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4, 0, .2, 1);opacity:.6;color:var(--secondary)}.sound-btn:hover{transform:translateY(-2px);opacity:1;border-color:rgba(0,255,255,.3);background:rgba(0,255,255,.05);color:var(--primary);box-shadow:0 0 10px rgba(0,255,255,.15)}.sound-btn.active{opacity:1;background:rgba(0,255,255,.12);color:var(--primary);border-color:var(--primary);box-shadow:0 0 15px rgba(0,255,255,.3)}.theme-dropdown{position:relative;display:inline-flex}.theme-trigger{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55);padding:.4rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:0;display:flex;align-items:center;gap:.45rem;min-width:140px;letter-spacing:.2px}.theme-trigger:hover{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.07)}.theme-trigger.open{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.08)}.theme-menu{position:absolute;top:calc(100% + 8px);right:0;width:180px;max-height:250px;overflow-y:auto;background:var(--dropdown-bg);border:1px solid var(--glass-border);border-radius:12px;padding:.4rem;z-index:200;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 15px rgba(0,255,255,.1);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.4, 0, .2, 1),opacity .3s cubic-bezier(.4, 0, .2, 1);transform:translateY(-10px)}.theme-menu:not(.hidden){transform:translateY(0);opacity:1;pointer-events:auto}.theme-menu::-webkit-scrollbar{width:4px}.theme-menu::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.theme-menu::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.lang-item,.theme-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;background:0 0;border:none;border-radius:6px;cursor:pointer;text-align:left;width:100%;color:var(--secondary);font-family:var(--font-sans);font-size:.82rem;font-weight:500;transition:all .2s ease}.lang-item:hover,.theme-item:hover{background:rgba(0,255,255,.08);color:#fff;transform:translateX(2px)}.lang-item.active,.theme-item.active{background:rgba(0,255,255,.12);color:var(--primary);font-weight:700;border-left:2px solid var(--primary)}.lang-item-icon,.theme-item-icon{font-size:1rem}.sound-dropdown{position:relative;display:inline-flex}.sound-trigger{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.55);padding:.4rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:0;display:flex;align-items:center;gap:.45rem;min-width:160px;letter-spacing:.2px}.sound-trigger:hover{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.07)}.sound-trigger.open{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.08)}.sound-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;max-height:250px;overflow-y:auto;background:var(--dropdown-bg);border:1px solid var(--glass-border);border-radius:12px;padding:.4rem;z-index:200;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 15px var(--primary-glow);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.4, 0, .2, 1),opacity .3s cubic-bezier(.4, 0, .2, 1);transform:translateY(-10px)}.sound-menu:not(.hidden){transform:translateY(0);opacity:1;pointer-events:auto}.sound-menu::-webkit-scrollbar{width:4px}.sound-menu::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.sound-menu::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.sound-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;background:0 0;border:none;border-radius:6px;cursor:pointer;text-align:left;width:100%;color:var(--secondary);font-family:var(--font-sans);font-size:.82rem;font-weight:500;transition:all .2s ease}.sound-item:hover{background:rgba(0,255,255,.08);color:#fff;transform:translateX(2px)}.sound-item.active{background:rgba(0,255,255,.12);color:var(--primary);font-weight:700;border-left:2px solid var(--primary)}.sound-item-icon{font-size:1rem}.sound-item-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.3rem;padding-right:.4rem}.sound-item-row .sound-item{flex-grow:1;width:auto}.sound-preview-btn{background:0 0;border:none;cursor:pointer;font-size:.9rem;padding:.4rem;border-radius:4px;color:var(--text-sub);transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sound-preview-btn:hover{background:rgba(0,255,255,.15);color:var(--primary);transform:scale(1.1)}.eye-comfort-btn{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.45);padding:.4rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;outline:0;display:flex;align-items:center;justify-content:center;gap:.4rem;letter-spacing:.2px}.eye-comfort-btn:hover{border-color:rgba(255,140,0,.35);background:rgba(255,140,0,.07);color:#ff8c00}.eye-comfort-btn.active{background:rgba(255,140,0,.1);border-color:rgba(255,140,0,.4);color:#ff8c00}body::after{content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(255,140,0,.08);pointer-events:none;z-index:99999;opacity:0;transition:opacity .5s ease}body.eye-comfort-active::after{opacity:1}[data-theme=grayminimal],body.gray-mode{--bg-color:#14171a;--grid-color:rgba(255, 255, 255, 0.03);--primary:#94a3b8;--primary-glow:0 0 12px rgba(148, 163, 184, 0.35);--secondary:#64748b;--accent:#cbd5e1;--correct:#94a3b8;--correct-glow:0 0 8px rgba(148, 163, 184, 0.4);--wrong:#f87171;--wrong-glow:0 0 8px rgba(248, 113, 113, 0.4);--glass-bg:rgba(20, 23, 26, 0.85);--glass-border:rgba(148, 163, 184, 0.2);--dropdown-bg:#1e2227;--text-main:#f8fafc;--text-sub:#94a3b8;--text-untyped:rgba(148, 163, 184, 0.4);--surface-card:rgba(30, 34, 40, 0.7);--card-border:rgba(148, 163, 184, 0.15);--btn-bg:rgba(148, 163, 184, 0.1);--btn-border:rgba(148, 163, 184, 0.3);--key-bg:#1e2227;--key-border:#334155;--key-active:#475569;--caret-color:#cbd5e1;background-color:#14171a;color:#f8fafc}.control-group .display-mode-btn{background:rgba(148,163,184,.05)!important;border:1px solid rgba(148,163,184,.25)!important;box-shadow:0 0 5px rgba(148,163,184,.05)!important;padding:0 .8rem!important;height:28px!important;border-radius:30px!important;color:#e2e8f0!important;margin:0!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important;cursor:pointer;font-family:'Space Grotesk',sans-serif!important;font-size:.78rem!important;font-weight:500;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.35rem;letter-spacing:.2px}.control-group .display-mode-btn:hover{background:rgba(148,163,184,.15)!important;border-color:rgba(148,163,184,.6)!important;box-shadow:0 0 12px rgba(148,163,184,.3),inset 0 0 6px rgba(148,163,184,.1)!important;transform:translateY(-1px)}.control-group .display-mode-btn.active{background:rgba(148,163,184,.25)!important;border-color:rgba(203,213,225,.8)!important;box-shadow:0 0 12px rgba(148,163,184,.45),inset 0 0 8px rgba(148,163,184,.2)!important;color:#fff!important}.gears-sheet-btn{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);color:var(--primary,#00f0ff);padding:.4rem .9rem;border-radius:20px;font-size:.8rem;text-decoration:none;font-family:'Space Grotesk',sans-serif;font-weight:600;transition:all .2s ease;margin-top:.5rem}.gears-sheet-btn:hover{background:rgba(0,240,255,.12);border-color:var(--primary,#00f0ff);box-shadow:0 0 10px rgba(0,240,255,.25);transform:translateY(-1px)}.logo{font-size:2.6rem;font-weight:800;color:#fff;letter-spacing:-1px;display:flex;align-items:center;gap:.65rem;line-height:1}.brand-logo-img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,255,255,.4));animation:mascotBounce 4s ease-in-out infinite alternate}.logo .dost{background:linear-gradient(120deg,var(--primary) 0,#a252ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:90%;max-width:1400px;display:flex;flex-direction:column;gap:1rem;padding-bottom:3rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}.lesson-selector{position:relative;z-index:100;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.9rem 1.2rem;margin-bottom:1.2rem;background:rgba(8,14,26,.7);border:1px solid rgba(255,255,255,.07);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:border-color .3s ease}.lesson-selector:hover{border-color:rgba(255,255,255,.12)}.lesson-tabs{display:flex;flex-wrap:nowrap;justify-content:center;gap:.25rem;overflow:visible}.lesson-btn{background:0 0;border:none;color:rgba(255,255,255,.45);font-size:.9rem;cursor:pointer;padding:.55rem 1.1rem;border-radius:8px;transition:all .2s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-sans);letter-spacing:.3px;font-weight:500;position:relative}.lesson-btn:hover{color:#fff;background:rgba(255,255,255,.06)}.lesson-btn.game-mode-btn:hover{background:rgba(255,255,255,.06);color:var(--primary)}.modifiers{display:flex;gap:.5rem;margin-top:.25rem;justify-content:center;flex-wrap:wrap}.toggle-label{background:0 0;border:none;color:rgba(255,255,255,.35);font-size:.8rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;padding:.35rem .8rem;border-radius:6px;transition:all .2s ease;font-weight:500}.toggle-label:hover{color:rgba(255,255,255,.8);background:rgba(255,255,255,.05)}.toggle-label:has(input:checked){color:var(--primary);background:rgba(0,255,255,.08)}.toggle-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:14px;height:14px}.warning-glow{animation:warningPulse 1.8s ease-in-out infinite;border:1px solid var(--accent)!important;color:var(--accent)!important}@keyframes warningPulse{0%,100%{box-shadow:0 0 8px rgba(255,0,85,.4)}50%{box-shadow:0 0 18px rgba(255,0,85,.9)}}.custom-text-tab-btn{border:1px solid #a855f7!important;color:#c084fc!important;background:rgba(168,85,247,.08)!important;animation:customTextPulse 2.2s ease-in-out infinite}.custom-text-tab-btn:hover{background:rgba(168,85,247,.2)!important;color:#e9d5ff!important;box-shadow:0 0 18px rgba(168,85,247,.6)!important;transform:translateY(-1px)}.custom-text-tab-btn.active,.custom-text-tab-btn.active-sub{background:rgba(168,85,247,.25)!important;color:#f3e8ff!important;box-shadow:0 0 22px rgba(168,85,247,.8)!important}@keyframes customTextPulse{0%,100%{box-shadow:0 0 6px rgba(168,85,247,.3)}50%{box-shadow:0 0 16px rgba(168,85,247,.75)}}.info-glow{animation:infoPulse 1.8s ease-in-out infinite;border:1px solid var(--primary)!important;color:var(--primary)!important}@keyframes infoPulse{0%,100%{box-shadow:0 0 8px rgba(0,255,255,.4)}50%{box-shadow:0 0 18px rgba(0,255,255,.9)}}.practice-dropdown{position:relative;display:inline-flex}.practice-trigger{display:flex;align-items:center;gap:.5rem;background:rgba(0,255,255,.08)!important;border:1px solid var(--glass-border)!important;color:var(--primary)!important;font-weight:600}.practice-trigger.active-sub{background:var(--primary)!important;color:var(--bg-color)!important;box-shadow:0 0 15px rgba(0,255,255,.5)}.dropdown-arrow{font-size:.8rem;display:inline-block;transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.practice-trigger.open .dropdown-arrow{transform:rotate(180deg)}.practice-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-10px);width:320px;max-height:420px;overflow-y:auto;scrollbar-width:thin;background:var(--dropdown-bg);border:1px solid var(--glass-border);border-radius:16px;padding:.6rem;z-index:200;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 25px rgba(0,255,255,.15);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.4, 0, .2, 1),opacity .3s cubic-bezier(.4, 0, .2, 1)}.practice-menu::before{content:'';position:absolute;top:-7px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:var(--dropdown-bg);border-left:1px solid var(--glass-border);border-top:1px solid var(--glass-border)}.practice-menu:not(.hidden){transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.practice-item{display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;background:rgba(255,255,255,.02);border:1px solid transparent;border-radius:10px;cursor:pointer;text-align:left;width:100%;transition:all .2s cubic-bezier(.4, 0, .2, 1);color:var(--secondary)}.practice-item:hover{background:rgba(0,255,255,.08);border-color:rgba(0,255,255,.15);color:#fff;transform:translateX(4px)}.practice-item.selected{background:rgba(0,255,255,.12);color:var(--primary);border:1px solid var(--primary);box-shadow:0 0 10px rgba(0,255,255,.2)}.practice-icon{font-size:1.3rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.practice-item-title{font-size:.95rem;font-weight:600;color:inherit;font-family:var(--font-sans);line-height:1.2}.practice-item-sub{font-size:.72rem;font-family:var(--font-mono);opacity:.6;margin-top:3px;letter-spacing:.3px;white-space:normal;line-height:1.3}.lesson-btn.active{color:var(--primary);background:rgba(0,255,255,.1);font-weight:700;position:relative}.lesson-btn.active::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:60%;height:2px;border-radius:2px;background:var(--primary);box-shadow:0 0 6px var(--primary)}.stats-board{display:flex;justify-content:space-between;padding:0;gap:1rem;width:100%}.stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:1.2rem .8rem;flex:1;background:rgba(8,14,26,.6);transition:transform .3s ease,border-color .3s ease,background-color .3s ease,box-shadow .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);gap:.3rem;transform:translateZ(0);backface-visibility:hidden;will-change:transform,border-color}.stat-box:hover{border-color:rgba(255,255,255,.14);background:rgba(12,20,36,.8)}.stat-box.active{border-color:rgba(0,255,255,.3);background:rgba(0,255,255,.04)}.stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.3);font-weight:600}.stat-value{font-size:2.5rem;font-weight:800;color:#fff;letter-spacing:-1px;line-height:1;transition:color .3s ease;font-family:var(--font-mono);font-variant-numeric:tabular-nums;display:inline-block;backface-visibility:hidden}.stat-box.active .stat-value{color:var(--primary);text-shadow:0 0 20px rgba(0,255,255,.4)}#caps-lock-warning{text-align:center;color:var(--accent);font-weight:600;font-size:.9rem;letter-spacing:1px;text-shadow:0 0 8px rgba(255,0,85,.6);transition:opacity .3s ease}#caps-lock-warning.hidden{opacity:0;pointer-events:none}.typing-section{position:relative;min-height:200px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:2.2rem 2.5rem;background:rgba(8,14,26,.45);backdrop-filter:blur(12px);transition:border-color .3s ease;box-shadow:0 30px 60px rgba(0,0,0,.4)}.typing-section:focus-within{border-color:rgba(255,255,255,.18);background:rgba(8,14,26,.75)}.text-display{font-size:1.6rem;line-height:1.8;letter-spacing:1.5px;margin-bottom:1rem;user-select:none;color:var(--text-untyped);font-family:var(--font-mono);position:relative;word-break:normal;overflow-wrap:normal;white-space:normal;height:calc(1.8em * 3);overflow:hidden;display:block;scroll-behavior:smooth;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 88%,transparent 100%)}#caret{position:absolute;width:2.5px;height:1.2em;background:var(--primary);box-shadow:0 0 4px var(--primary);border-radius:2px;transition:transform 80ms cubic-bezier(.1, .9, .2, 1),width 90ms ease,height 90ms ease,opacity 150ms ease,background-color .3s ease,box-shadow .3s ease;z-index:10;top:.15em;left:0;pointer-events:none;will-change:transform}#caret.caret-smooth-off,#caret.no-transition{transition:none!important}#caret.caret-smooth-snappy{transition:transform 80ms cubic-bezier(.1, .9, .2, 1),width 90ms ease,height 90ms ease,opacity 150ms ease,background-color .3s ease,box-shadow .3s ease}#caret.caret-smooth-extra{transition:transform 135ms cubic-bezier(.16, 1, .3, 1),width 120ms ease,height 120ms ease,opacity 150ms ease,background-color .3s ease,box-shadow .3s ease}#caret.caret-style-line{width:2.5px;height:1.2em;background:var(--primary);box-shadow:0 0 5px var(--primary);border-radius:2px}#caret.caret-style-block{height:1.25em;background:color-mix(in srgb,var(--primary) 28%,transparent);border-bottom:2.5px solid var(--primary);border-radius:3px;box-shadow:inset 0 0 6px color-mix(in srgb,var(--primary) 30%,transparent),0 0 8px color-mix(in srgb,var(--primary) 20%,transparent)}#caret.caret-style-outline{height:1.25em;background:0 0;border:1.5px solid var(--primary);border-radius:3px;box-shadow:0 0 6px color-mix(in srgb,var(--primary) 35%,transparent),inset 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}#caret.caret-style-underline{height:3px;top:1.18em!important;background:var(--primary);box-shadow:0 0 6px var(--primary);border-radius:2px}#caret.caret-style-hidden{opacity:0!important;pointer-events:none!important;display:none!important}#caret.streak-1{background:#00f0ff;box-shadow:0 0 4px #00f0ff}#caret.streak-2{background:#39ff14;box-shadow:0 0 4px #39ff14}#caret.streak-3{background:#b55fe6;box-shadow:0 0 4px #b55fe6}#caret.streak-4{background:#fc0;box-shadow:0 0 4px #fc0}#caret.streak-5{background:#ff2a6d;box-shadow:0 0 4px #ff2a6d}#caret.streak-max{background:linear-gradient(180deg,#00f0ff,#ff2a6d);box-shadow:0 0 5px #00f0ff,0 0 5px #ff2a6d;animation:caretRainbow 1.2s linear infinite}@keyframes caretRainbow{0%{box-shadow:0 0 4px #00f0ff}25%{box-shadow:0 0 4px #b55fe6}50%{box-shadow:0 0 4px #ff2a6d}75%{box-shadow:0 0 4px #fc0}100%{box-shadow:0 0 4px #00f0ff}}#caret.hidden{opacity:0;pointer-events:none}@keyframes blinkCaret{0%,100%{opacity:1}50%{opacity:0}}#caret.blinking{animation:blinkCaret 1.1s cubic-bezier(.4,0,.6,1) infinite}.text-display span{position:relative;border-radius:2px;display:inline-block;vertical-align:baseline;white-space:pre;transition:color 70ms cubic-bezier(.1, .9, .2, 1),text-shadow 70ms ease,opacity 70ms ease;will-change:color,text-shadow,transform}.text-display .word-group{display:inline-block;white-space:nowrap;border-radius:3px;transition:text-shadow .3s ease}.text-display .word-space{display:inline-block;vertical-align:baseline;white-space:pre;transition:color 120ms ease}.text-display span.correct{color:var(--text-correct);text-shadow:0 0 4px rgba(255,255,255,.3),0 0 8px color-mix(in srgb,var(--primary) 40%,transparent)}.text-display span.letter-pop{display:inline-block!important;vertical-align:baseline!important;animation:letterPop .1s cubic-bezier(.2,.9,.3,1.2) forwards!important;will-change:transform}@keyframes letterPop{0%{transform:scale(.9);color:#fff}40%{transform:scale(1.22);filter:brightness(1.35);text-shadow:0 0 10px var(--primary,#00f0ff)}100%{transform:scale(1);filter:brightness(1)}}.text-display span.letter-fade{display:inline-block!important;vertical-align:baseline!important;animation:letterFade 90ms ease-out forwards!important}@keyframes letterFade{0%{opacity:.3;filter:brightness(1.5)}100%{opacity:1;filter:brightness(1)}}.text-display span.wrong{color:#ff4757;text-decoration:underline;text-underline-offset:4px;text-decoration-style:wavy;text-decoration-color:#ff475799;text-shadow:0 0 6px #ff475780,0 0 14px #ff475740}.text-display span.error-shake{display:inline-block!important;vertical-align:baseline!important;animation:errorShake 130ms ease-in-out forwards!important;will-change:transform}@keyframes errorShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-3px)}40%{transform:translateX(3px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}.text-display span.active{color:var(--text-active);text-shadow:0 0 8px rgba(255,255,255,.9),0 0 16px color-mix(in srgb,var(--primary) 70%,transparent),0 0 30px color-mix(in srgb,var(--primary) 40%,transparent);animation:none!important}.text-display .word-group.word-done{animation:none!important}.text-display.stop-error-flash{animation:stopErrorFlash 150ms ease both}@keyframes stopErrorFlash{0%{background:rgba(255,71,87,0)}40%{background:rgba(255,71,87,.08)}100%{background:rgba(255,71,87,0)}}.typing-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;cursor:default}.controls{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.timer-options{display:flex;gap:1rem;align-items:center}.custom-time-wrapper{display:inline-flex;align-items:center;gap:.5rem}#custom-time-input-container{display:flex;gap:.5rem;transition:all .3s ease;overflow:hidden}#custom-time-input-container.hidden{max-width:0;opacity:0;pointer-events:none;padding:0;margin:0}#custom-time-input-container:not(.hidden){max-width:200px;opacity:1}.cyber-input{background:rgba(0,0,0,.5);border:1px solid var(--primary);color:var(--primary);padding:.3rem .5rem;font-size:.9rem;border-radius:4px;width:60px;outline:0;font-family:var(--font-mono)}.small-btn{padding:.3rem .6rem;font-size:.8rem}.time-btn{background:0 0;border:none;color:rgba(255,255,255,.3);font-size:.85rem;font-weight:500;cursor:pointer;padding:.35rem .75rem;border-radius:6px;transition:all .2s ease;font-family:var(--font-sans)}.time-btn:hover{color:rgba(255,255,255,.8);background:rgba(255,255,255,.05)}.time-btn.active{color:var(--primary);background:rgba(0,255,255,.08);font-weight:700}.action-btns{display:flex;gap:1rem}.cyber-btn{background:0 0;border:2px solid var(--primary);color:#fff;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;border-radius:20px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px rgba(0,255,255,.1)}.cyber-btn:hover{background:var(--primary);color:var(--bg-color);box-shadow:0 0 15px var(--primary)}.high-score-container{text-align:center;padding:1rem;margin-top:1rem;font-size:1.2rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999999!important;opacity:1;transition:opacity .4s ease}.modal.hidden{opacity:0;pointer-events:none}.modal-content{text-align:center;padding:2rem 2.5rem;width:90%;max-width:750px;max-height:90vh;overflow-y:auto;transform:perspective(800px) rotateX(0) translateY(0) scale(1);opacity:1;filter:blur(0);transition:transform .6s cubic-bezier(.165, .84, .44, 1),opacity .6s cubic-bezier(.165, .84, .44, 1),filter .6s cubic-bezier(.165, .84, .44, 1)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px;box-shadow:var(--primary-glow)}.modal-content::-webkit-scrollbar-thumb:hover{background:#fff;box-shadow:0 0 15px #fff}.final-stats-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem;margin-bottom:1.5rem;padding:1rem;background:rgba(0,0,0,.25);border:1px dashed var(--glass-border);border-radius:12px;width:100%}.f-stat-detail{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid rgba(255,255,255,.03);font-size:.9rem;color:var(--secondary);font-family:var(--font-mono);text-align:center}.f-stat-detail .f-detail-label{font-size:.7rem;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.f-stat-detail .f-detail-val{font-size:1rem;font-weight:700}.modal.hidden .modal-content{transform:perspective(800px) rotateX(15deg) translateY(40px) scale(.95);opacity:0;filter:blur(8px)}.modal-content h2{font-size:2.5rem;margin-bottom:1.5rem;color:#fff}.final-stats{display:flex;justify-content:space-around;margin-bottom:2rem}.f-stat{font-size:1.2rem;color:var(--secondary)}.f-stat span{display:block;font-size:3rem;font-weight:800;color:var(--primary);text-shadow:var(--primary-glow)}.encouragement{font-size:1.2rem;margin-bottom:2rem;line-height:1.5;font-style:italic;color:#a252ff}@media (max-width:768px){.logo{font-size:2.5rem}.stats-board{flex-wrap:wrap;gap:1rem}.text-display{font-size:1.2rem}}.game-mode-btn{color:gold!important;text-shadow:0 0 5px rgba(255,215,0,.5);animation:pulseBtnGlow 2s infinite alternate}.game-mode-btn:hover{background:rgba(255,215,0,.1)!important}.game-mode-btn.active{background:gold!important;color:var(--bg-color)!important;box-shadow:0 0 20px rgba(255,215,0,.6)!important;animation:none}@keyframes pulseBtnGlow{0%{box-shadow:0 0 0 rgba(255,215,0,0)}100%{box-shadow:0 0 15px rgba(255,215,0,.4)}}#standard-mode-container{display:flex;flex-direction:column;gap:1.5rem;width:100%}#game-mode-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:fadeIn .5s ease}#game-mode-container.hidden,#standard-mode-container.hidden{display:none}#game-play-screen{display:flex;flex-direction:column;gap:1rem;width:100%;flex:1}.game-area{display:flex;flex-direction:column;gap:1rem;width:100%}#game-canvas{position:relative;width:100%;height:450px;border:2px solid var(--primary);border-radius:12px;background:rgba(10,20,35,.6);box-shadow:0 0 25px rgba(0,255,255,.15),inset 0 0 15px rgba(0,255,255,.05);overflow:hidden}.danger-zone{position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--accent);box-shadow:0 0 15px var(--accent),0 0 30px var(--accent);animation:laserPulse 2s infinite alternate;z-index:5}.falling-word{position:absolute;font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:#fff;padding:5px 15px;border:1px solid var(--primary);border-radius:8px;background:rgba(0,255,255,.1);box-shadow:0 0 10px rgba(0,255,255,.4);white-space:nowrap;z-index:10;will-change:top,transform}.falling-word span.typed{color:var(--correct);text-shadow:var(--correct-glow)}.falling-word.target{border-color:gold;box-shadow:0 0 15px rgba(255,215,0,.6);background:rgba(255,215,0,.15)}.falling-word.exploding{animation:explode .3s forwards}.hacker-word{position:absolute;font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:#39ff14;padding:5px 15px;border:1px solid #39ff14;border-radius:8px;background:rgba(4,20,8,.92);box-shadow:0 0 10px rgba(57,255,20,.4),0 4px 10px rgba(0,0,0,.5);white-space:nowrap;z-index:10;will-change:top,transform;text-shadow:0 0 5px rgba(57,255,20,.5);letter-spacing:.5px}.hacker-word span.typed{color:#fff;text-shadow:0 0 8px #fff,0 0 15px #39ff14}.hacker-word.target{border-color:gold;box-shadow:0 0 18px rgba(255,215,0,.8),0 0 8px #39ff14;background:rgba(255,215,0,.15);color:#fff}.hacker-word.exploding{animation:explode .3s forwards}.game-input-container{width:100%;display:flex;justify-content:center}#game-input{width:80%;max-width:600px;padding:1rem 2rem;font-size:1.5rem;font-family:var(--font-mono);color:var(--primary);background:rgba(10,20,35,.8);border:2px solid var(--primary);border-radius:30px;outline:0;text-align:center;box-shadow:0 0 20px rgba(0,255,255,.2);transition:all .2s ease}#game-input:focus{box-shadow:0 0 30px rgba(0,255,255,.4)}.shake{animation:screenShake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes laserPulse{0%{opacity:.7;box-shadow:0 0 10px var(--accent)}100%{opacity:1;box-shadow:0 0 20px var(--accent),0 0 40px var(--accent)}}@keyframes explode{0%{transform:scale(1);opacity:1;filter:brightness(1)}50%{transform:scale(1.5);filter:brightness(2)}100%{transform:scale(2);opacity:0}}@keyframes screenShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0);border-color:var(--accent);box-shadow:inset 0 0 50px rgba(255,0,85,.3)}40%,60%{transform:translate3d(4px,0,0)}}.keyboard-modal-content{max-width:750px;width:90%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(12px);box-shadow:0 8px 32px 0 rgba(0,0,0,.5)}.keyboard-container{background:rgba(0,0,0,.4);border:2px solid var(--primary);border-radius:12px;padding:2rem;box-shadow:inset 0 0 20px rgba(0,255,255,.1);margin-top:1.5rem;overflow-x:auto}.keyboard{display:flex;flex-direction:column;gap:.5rem;align-items:center;min-width:500px}.key-row{display:flex;gap:.5rem}#row-top{margin-left:1.5rem}#row-home{margin-left:2.5rem}#row-bottom{margin-left:3.5rem}.key{width:48px;height:48px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:8px;display:flex;justify-content:center;align-items:center;font-family:var(--font-mono);font-weight:700;color:var(--secondary);transition:all .3s ease;box-shadow:0 4px 0 rgba(0,0,0,.5);font-size:1.2rem}.key.highlight{background:rgba(0,255,255,.2);color:#fff;border-color:var(--primary);box-shadow:0 4px 0 rgba(0,255,255,.3),0 0 15px rgba(0,255,255,.4);text-shadow:0 0 5px #fff;transform:translateY(-2px)}.key.spacebar{width:300px;margin-top:.5rem}@keyframes slideUpHands{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.hands-container{display:flex;justify-content:center;gap:5rem;margin-top:1.5rem;opacity:0}.hands-container.animate{animation:slideUpHands .6s cubic-bezier(.175,.885,.32,1.275) forwards}.css-hand{position:relative;width:130px;height:120px}.finger{position:absolute;width:22px;border-radius:12px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.palm{position:absolute;top:70px;width:100px;height:50px;background:rgba(255,255,255,.05);border-radius:25px;border:2px solid rgba(255,255,255,.2)}.left-hand .pinky{height:50px;left:10px;top:30px}.left-hand .ring{height:65px;left:35px;top:10px}.left-hand .middle{height:75px;left:60px;top:0}.left-hand .index{height:65px;left:85px;top:10px}.left-hand .thumb{height:50px;left:100px;top:60px;transform:rotate(45deg)}.left-hand .palm{left:10px}.right-hand .index{height:65px;left:20px;top:10px}.right-hand .middle{height:75px;left:45px;top:0}.right-hand .ring{height:65px;left:70px;top:10px}.right-hand .pinky{height:50px;left:95px;top:30px}.right-hand .thumb{height:50px;left:0;top:60px;transform:rotate(-45deg)}.right-hand .palm{left:15px}.c-red{background:#ff4757!important;border-color:#ff4757!important;box-shadow:0 0 15px #ff4757!important;color:#fff}.c-orange{background:#ffa502!important;border-color:#ffa502!important;box-shadow:0 0 15px #ffa502!important;color:#fff}.c-yellow{background:#eccc68!important;border-color:#eccc68!important;box-shadow:0 0 15px #eccc68!important;color:#111}.c-green{background:#2ed573!important;border-color:#2ed573!important;box-shadow:0 0 15px #2ed573!important;color:#111}.c-cyan{background:#1e90ff!important;border-color:#1e90ff!important;box-shadow:0 0 15px #1e90ff!important;color:#fff}.c-blue{background:#5352ed!important;border-color:#5352ed!important;box-shadow:0 0 15px #5352ed!important;color:#fff}.c-purple{background:#9c88ff!important;border-color:#9c88ff!important;box-shadow:0 0 15px #9c88ff!important;color:#fff}.c-pink{background:#ff6b81!important;border-color:#ff6b81!important;box-shadow:0 0 15px #ff6b81!important;color:#fff}#toast-notification{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(20px);background:var(--glass-bg);border:1px solid var(--primary);color:#fff;padding:1rem 2rem;border-radius:50px;font-size:.95rem;z-index:9999;opacity:0;backdrop-filter:blur(12px);box-shadow:0 0 20px var(--primary-glow),0 8px 32px rgba(0,0,0,.4);transition:all .4s cubic-bezier(.175, .885, .32, 1.275);max-width:90vw;text-align:center;white-space:nowrap}#toast-notification.show{opacity:1;transform:translateX(-50%) translateY(0)}.weakspot-display{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.weakspot-key{padding:.4rem .8rem;border-radius:8px;font-family:var(--font-mono);font-weight:700;font-size:1rem;background:rgba(255,0,85,.2);border:1px solid var(--accent);color:var(--accent);box-shadow:0 0 8px rgba(255,0,85,.3)}.game-selector-screen{display:flex;flex-direction:column;align-items:center;width:100%;padding:1.5rem 0}.game-main-title{font-size:1.6rem;font-weight:800;color:var(--primary);letter-spacing:2px;text-shadow:var(--primary-glow);text-align:center;margin-bottom:2rem}.game-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.25rem;width:100%;max-width:900px;padding:0 1rem}.game-card{background:rgba(10,20,35,.45);border:1px solid rgba(0,255,255,.15);border-radius:16px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;transition:all .3s cubic-bezier(.4, 0, .2, 1);cursor:pointer;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px rgba(0,255,255,.18),0 0 15px rgba(0,255,255,.08);background:rgba(10,20,35,.75)}.game-card-icon{font-size:2.2rem;text-shadow:0 0 10px rgba(255,255,255,.2)}.game-card-title{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.5px;text-transform:uppercase}.game-card-desc{font-size:.72rem;color:var(--secondary);line-height:1.4;opacity:.8}.game-header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;padding:0 .5rem}.active-game-title{font-family:var(--font-mono);font-size:1.05rem;color:var(--primary);text-transform:uppercase;font-weight:700;letter-spacing:1px;text-shadow:var(--primary-glow)}.bomb-word,.falling-word,.ghost-word,.hacker-word,.laser-word{position:absolute;font-family:var(--font-mono);font-size:1.05rem;font-weight:700;color:#fff;border:1px solid rgba(255,255,255,.12);background:rgba(10,20,35,.88);border-radius:6px;padding:.25rem .55rem;pointer-events:none;transition:opacity .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:15;white-space:nowrap}.bomb-word.target,.falling-word.target,.ghost-word.target,.hacker-word.target,.laser-word.target{border-color:var(--primary);box-shadow:0 0 10px rgba(0,255,255,.5);background:rgba(0,255,255,.08)}#game-effects-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:12}.center-mainframe{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:2px solid var(--accent);background:rgba(255,0,85,.15);color:var(--accent);border-radius:50%;box-shadow:0 0 20px rgba(255,0,85,.5),inset 0 0 10px rgba(255,0,85,.3);z-index:10}.mainframe-icon{font-size:1.8rem;line-height:1}.shield-ring{position:absolute;width:140px;height:140px;border:1px dashed rgba(255,0,85,.4);border-radius:50%;animation:rotateShield 15s linear infinite;pointer-events:none}@keyframes rotateShield{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.bomb-timer{background:var(--accent);color:#fff;font-size:.7rem;padding:.05rem .25rem;border-radius:4px;font-weight:700;margin-right:4px;display:inline-block}.bomb-word.urgent{border-color:var(--accent)!important;color:var(--accent)!important;animation:bombPulse .4s infinite alternate;box-shadow:0 0 12px rgba(255,0,85,.4)!important}@keyframes bombPulse{0%{transform:scale(1)}100%{transform:scale(1.08)}}.game-start-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(5,11,20,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100;transition:opacity .3s ease}.game-start-screen.hidden{opacity:0;pointer-events:none}.start-screen-content{text-align:center;max-width:480px;width:90%;padding:1.4rem 1.8rem;display:flex;flex-direction:column;align-items:center;gap:.65rem;background:rgba(10,20,35,.92);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.8),0 0 20px rgba(0,255,255,.15);animation:startScreenZoom .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes startScreenZoom{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.start-game-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(0, 255, 255, .4));animation:startIconFloat 3s ease-in-out infinite}@keyframes startIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.start-game-title{font-family:var(--font-sans);font-size:1.6rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 15px rgba(0,255,255,.4);margin-bottom:.1rem}.start-game-desc{font-size:.85rem;color:var(--secondary);line-height:1.4;margin-bottom:.2rem}.game-start-btn{font-size:.95rem;padding:.6rem 2.2rem;border-radius:30px;background:0 0;border:2px solid var(--primary);color:#fff;cursor:pointer;box-shadow:0 0 15px rgba(0,255,255,.15);text-shadow:0 0 5px rgba(255,255,255,.5);animation:startBtnPulse 2s infinite alternate;transition:all .3s cubic-bezier(.4, 0, .2, 1)}.game-start-btn:hover{background:var(--primary);color:var(--bg-color);box-shadow:0 0 25px var(--primary);transform:scale(1.05)}@keyframes startBtnPulse{0%{box-shadow:0 0 10px rgba(0,255,255,.15)}100%{box-shadow:0 0 20px rgba(0,255,255,.5)}}.mode-divider{width:1px;height:22px;background:var(--glass-border);margin:0 4px;align-self:center}body.zen-mode #caps-lock-warning,body.zen-mode .controls,body.zen-mode .cyber-footer,body.zen-mode .high-score-container,body.zen-mode .lesson-selector,body.zen-mode .stats-board,body.zen-mode header{opacity:0;pointer-events:none;transition:opacity .6s ease}body.zen-mode .typing-section{margin-top:20vh;transition:margin .6s ease}.zen-btn{border-color:#7c5cd6!important;color:#b39ddb!important}.zen-btn:hover{background:#7c5cd6!important;color:#fff!important}body.zen-mode .zen-btn{opacity:1!important;pointer-events:all!important}.achievement-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:.5rem}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.5px;background:rgba(0,255,255,.08);border:1px solid rgba(0,255,255,.3);color:var(--primary);animation:badgePop .4s cubic-bezier(.34,1.56,.64,1);text-shadow:0 0 6px rgba(0,255,255,.5)}@keyframes badgePop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.modal-achievements{display:flex;flex-wrap:wrap;gap:6px;margin:.5rem 0;justify-content:center}.modal-achievements .badge{font-size:.8rem;padding:5px 12px}.history-list{display:flex;flex-direction:column;gap:.5rem;max-height:350px;overflow-y:auto;padding-right:4px}.history-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;background:rgba(0,255,255,.04);border:1px solid rgba(0,255,255,.1);border-radius:8px;font-size:.82rem;color:#fff}.history-row .h-wpm{color:var(--primary);font-weight:700;font-size:1rem;min-width:55px}.history-row .h-acc{color:var(--correct);font-weight:600;min-width:50px}.history-row .h-mode{color:var(--secondary);font-size:.75rem;margin-right:auto}.history-row .h-date{color:var(--secondary);font-size:.7rem;text-align:right}.history-empty{text-align:center;color:var(--secondary);padding:2rem;opacity:.7}.result-heatmap-section{margin:.75rem 0;padding:.75rem;background:rgba(0,0,0,.3);border-radius:10px;border:1px solid rgba(0,255,255,.08)}.heatmap-label{font-size:.78rem;color:var(--secondary);margin-bottom:.6rem;text-align:center;letter-spacing:1px}.result-keyboard-heatmap{display:flex;flex-direction:column;align-items:center;gap:4px}.heatmap-row{display:flex;gap:4px}.heatmap-key{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-family:var(--font-mono);font-weight:700;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:default;position:relative}.heatmap-key.heat-0{background:rgba(46,204,113,.15);color:var(--correct);border-color:rgba(46,204,113,.3)}.heatmap-key.heat-1{background:rgba(255,193,7,.2);color:#ffc107;border-color:rgba(255,193,7,.4)}.heatmap-key.heat-2{background:rgba(255,120,0,.25);color:#ff7800;border-color:rgba(255,120,0,.5)}.heatmap-key.heat-3{background:rgba(255,0,85,.3);color:var(--accent);border-color:rgba(255,0,85,.6);box-shadow:0 0 8px rgba(255,0,85,.3)}.heatmap-key.heat-wide{width:48px}.heatmap-key.heat-space{width:120px}#final-consistency-wrap{font-size:.85rem}.modifiers{flex-wrap:wrap}.time-btn[data-mode=words].active{border-color:#b39ddb;color:#b39ddb;box-shadow:0 0 8px rgba(124,92,214,.4)}.stop-error-flash span.active{animation:stopFlash .15s ease}@keyframes stopFlash{0%{background:rgba(255,0,85,.5)}100%{background:0 0}}body.zen-mode::after{content:'Press ESC to exit Zen Mode';position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);font-size:.7rem;color:rgba(255,255,255,.2);letter-spacing:2px;pointer-events:none}.mascot-modal-card{max-width:680px;width:90%;padding:2.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 25px rgba(0,255,255,.15)}.mascot-layout{display:flex;flex-direction:row;gap:2rem;align-items:center;justify-content:center}.mascot-avatar-container{flex-shrink:0;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.mascot-popup-img{width:100%;height:100%;object-fit:contain;background:0 0;mix-blend-mode:screen;filter:drop-shadow(0 0 15px var(--primary-glow));animation:mascotEntrance .6s cubic-bezier(.175,.885,.32,1.275) forwards}.mascot-content-container{display:flex;flex-direction:column;gap:1.5rem;flex-grow:1}.mascot-bubble{position:relative;background:rgba(10,20,35,.9);border:2px solid var(--primary);border-radius:16px;padding:1.2rem 1.5rem;box-shadow:0 0 15px rgba(0,255,255,.1),inset 0 0 10px rgba(0,255,255,.05);color:#fff;font-size:1.05rem;line-height:1.5;animation:bubblePop .5s cubic-bezier(.34,1.56,.64,1) .2s forwards;transform:scale(0);transform-origin:left center}.mascot-bubble::before{content:'';position:absolute;left:-10px;top:50%;transform:translateY(-50%) rotate(45deg);width:16px;height:16px;background:rgba(10,20,35,.9);border-left:2px solid var(--primary);border-bottom:2px solid var(--primary)}#mascot-bubble-text{margin:0;font-weight:600;text-shadow:0 0 3px rgba(255,255,255,.3)}.mascot-stats-summary{display:flex;gap:1.5rem;justify-content:flex-start}.mascot-stat{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem 1.25rem;min-width:100px;text-align:center;font-family:var(--font-mono);font-size:1.8rem;font-weight:800;color:var(--primary);text-shadow:var(--primary-glow);box-shadow:inset 0 0 8px rgba(0,255,255,.05)}.mascot-stat-label{display:block;font-size:.75rem;color:var(--secondary);margin-top:.2rem;text-transform:uppercase;font-family:var(--font-sans);font-weight:600;text-shadow:none}#mascot-accuracy-wrap{color:var(--correct);text-shadow:0 0 10px rgba(46,204,113,.3)}.mascot-actions{display:flex;gap:.8rem;margin-top:1.5rem;width:100%}.mascot-actions .cyber-btn{flex:1;font-size:.9rem;padding:.75rem .5rem;font-weight:700;border-radius:10px}.mascot-actions .dynamic-cert-btn{background:linear-gradient(135deg,var(--primary),#0af);color:#000;border:none;box-shadow:0 0 12px var(--primary-glow)}.mascot-actions .dynamic-cert-btn:hover{box-shadow:0 0 22px var(--primary);transform:translateY(-2px)}.neon-glow-btn{border-color:var(--accent)!important;color:#fff!important;background:rgba(255,0,85,.1)!important;box-shadow:0 0 12px rgba(255,0,85,.3)!important}.neon-glow-btn:hover{background:var(--accent)!important;color:#fff!important;box-shadow:0 0 25px var(--accent)!important}@keyframes mascotEntrance{0%{transform:scale(.6) rotate(-10deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}@keyframes mascotBounce{0%{transform:translateY(0)}100%{transform:translateY(-8px)}}.mascot-ani-sleeping{will-change:transform,opacity;animation:mascotSleeping 3.5s cubic-bezier(.4,0,.2,1) infinite alternate}@keyframes mascotSleeping{0%{transform:translateY(6px) scale(.97) rotate(-2.5deg);opacity:.85;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}100%{transform:translateY(-6px) scale(1.03) rotate(2.5deg);opacity:1;filter:drop-shadow(0 12px 25px rgba(0,0,0,.25))}}.mascot-ani-happy{will-change:transform;animation:mascotHappy .8s cubic-bezier(.175,.885,.32,1.275) infinite alternate}@keyframes mascotHappy{0%{transform:translateY(0) scaleY(.95) scaleX(1.05)}100%{transform:translateY(-18px) scaleY(1.04) scaleX(.96);filter:drop-shadow(0 15px 15px rgba(255,0,85,.25))}}.mascot-ani-cool{will-change:transform,filter;animation:mascotCool 2.8s cubic-bezier(.445,.05,.55,.95) infinite alternate}@keyframes mascotCool{0%{transform:rotate(-6deg) translateY(0) scale(1);filter:drop-shadow(0 4px 8px rgba(0,255,255,.15))}100%{transform:rotate(6deg) translateY(-10px) scale(1.02);filter:drop-shadow(0 15px 25px rgba(0,255,255,.35))}}.mascot-ani-determined{will-change:transform;animation:mascotDetermined .25s linear infinite alternate}@keyframes mascotDetermined{0%{transform:translate(-1.5px,-1.5px) rotate(-.8deg) scale(.99)}100%{transform:translate(1.5px,1.5px) rotate(.8deg) scale(1.01)}}.mascot-ani-mindblown{will-change:transform,filter;animation:mascotMindblown 1.8s cubic-bezier(.25,.8,.25,1) infinite}@keyframes mascotMindblown{0%,100%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 10px rgba(0, 255, 255, .2))}50%{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 0 30px rgba(255, 0, 85, .55))}}.mascot-ani-zen{will-change:transform,filter;animation:mascotZen 4.5s cubic-bezier(.37,0,.63,1) infinite}@keyframes mascotZen{0%,100%{transform:translateY(0) rotate(0) scale(.98);filter:drop-shadow(0 0 10px rgba(0, 240, 255, .2))}50%{transform:translateY(-12px) rotate(1deg) scale(1.02);filter:drop-shadow(0 0 25px rgba(0, 240, 255, .5))}}.mascot-ani-ninja{will-change:transform,opacity,filter;animation:mascotNinja 2.2s cubic-bezier(.19,1,.22,1) infinite}@keyframes mascotNinja{0%,100%{transform:scale(1) translate3d(0,0,0) rotate(0);opacity:1;filter:drop-shadow(0 0 8px rgba(57, 255, 20, .3))}25%{transform:scale(1.05) translate3d(-15px,-5px,0) rotate(-2deg);opacity:.9;filter:drop-shadow(0 0 20px rgba(57, 255, 20, .55))}50%{transform:scale(.95) translate3d(15px,-10px,0) rotate(3deg);opacity:.2;filter:drop-shadow(0 0 5px rgba(57, 255, 20, .1))}75%{transform:scale(1.02) translate3d(5px,5px,0) rotate(-1deg);opacity:.95;filter:drop-shadow(0 0 15px rgba(57, 255, 20, .4))}}.mascot-ani-hacker{will-change:transform,filter;animation:mascotHacker 1.4s steps(4,end) infinite}@keyframes mascotHacker{0%,100%{transform:translate(0,0) skewX(0);filter:drop-shadow(0 0 8px rgba(0, 255, 100, .25))}20%{transform:translate(-3px,2px) skewX(4deg);filter:drop-shadow(0 0 20px rgba(255, 0, 85, .5))}40%{transform:translate(2px,-3px) skewX(-4deg);filter:drop-shadow(0 0 15px rgba(0, 255, 255, .5))}60%{transform:translate(-2px,1px) skewX(2deg);filter:drop-shadow(0 0 25px rgba(0, 255, 100, .6))}80%{transform:translate(3px,-2px) skewX(-2deg);filter:drop-shadow(0 0 10px rgba(255, 255, 255, .3))}}.mascot-ani-genius{will-change:transform,filter;animation:mascotGenius 3.2s cubic-bezier(.4,0,.2,1) infinite}@keyframes mascotGenius{0%,100%{transform:translateY(0) scale(1) rotate(-1deg);filter:drop-shadow(0 0 10px rgba(0, 200, 255, .2))}50%{transform:translateY(-10px) scale(1.05) rotate(1deg);filter:drop-shadow(0 0 25px rgba(0, 200, 255, .55))}}.mascot-ani-gamer{will-change:transform,filter;animation:mascotGamer .75s cubic-bezier(.25,.46,.45,.94) infinite alternate}@keyframes mascotGamer{0%{transform:translateY(0) rotate(-2.5deg) scale(.98);filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}100%{transform:translateY(-12px) rotate(2.5deg) scale(1.02);filter:drop-shadow(0 12px 20px rgba(255,0,85,.4))}}.mascot-ani-coffee{will-change:transform,filter;animation:mascotCoffee .12s linear infinite}@keyframes mascotCoffee{0%,100%{transform:translate(0,0) scale(1);filter:drop-shadow(0 0 8px rgba(139,69,19,.3))}25%{transform:translate(-2px,2px) scale(1.02)}50%{transform:translate(2px,-2px) scale(.98)}75%{transform:translate(-1px,-1px) scale(1.01)}}.mascot-ani-rage{will-change:transform,filter;animation:mascotRage 80ms linear infinite alternate}@keyframes mascotRage{0%{transform:translate(-3px,-3px) scale(1.08);filter:drop-shadow(0 0 12px rgba(255, 0, 0, .7))}100%{transform:translate(3px,3px) scale(1.08);filter:drop-shadow(0 0 35px rgba(255, 0, 0, .95))}}.mascot-ani-noob{will-change:transform;animation:mascotNoob 3.4s cubic-bezier(.68,-.6,.32,1.6) infinite alternate}@keyframes mascotNoob{0%{transform:rotate(-7deg) translateY(0) scale(.96)}100%{transform:rotate(7deg) translateY(-6px) scale(1.02)}}.mascot-ani-racer{will-change:transform,filter;animation:mascotRacer 1.2s cubic-bezier(.25,1,.5,1) infinite alternate}@keyframes mascotRacer{0%{transform:translateX(-15px) skewY(-1deg) scaleX(.97);filter:drop-shadow(5px 0 10px rgba(0, 255, 255, .3))}100%{transform:translateX(15px) skewY(1deg) scaleX(1.03);filter:drop-shadow(-5px 0 10px rgba(0, 255, 255, .3))}}.mascot-ani-cosmic{will-change:transform,filter;animation:mascotCosmic 6s cubic-bezier(.445,.05,.55,.95) infinite}@keyframes mascotCosmic{0%,100%{transform:translateY(0) rotate(0) scale(1);filter:drop-shadow(0 0 12px rgba(147, 51, 234, .25))}50%{transform:translateY(-16px) rotate(6deg) scale(1.04);filter:drop-shadow(0 0 28px rgba(147, 51, 234, .55))}}.mascot-ani-monk{will-change:transform,opacity,filter;animation:mascotMonk 5s cubic-bezier(.4,0,.2,1) infinite}@keyframes mascotMonk{0%,100%{transform:scale(.96);opacity:.85;filter:drop-shadow(0 0 5px rgba(234, 179, 8, .2))}50%{transform:scale(1.03);opacity:1;filter:drop-shadow(0 0 25px rgba(234, 179, 8, .55))}}.mascot-ani-glitch{will-change:transform,filter;animation:mascotGlitch 2.2s steps(4) infinite}@keyframes mascotGlitch{0%,100%{transform:translate(0,0) skew(0);filter:contrast(1.1) brightness(1)}25%{transform:translate(-4px,3px) skew(4deg);filter:hue-rotate(60deg) invert(.05)}50%{transform:translate(3px,-2px) skew(-3deg);filter:contrast(1.4) brightness(1.1)}75%{transform:translate(-2px,-3px) skew(2deg);filter:hue-rotate(180deg) invert(.1)}}@keyframes bubblePop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@media (max-width:600px){.mascot-layout{flex-direction:column;gap:1.5rem}.mascot-avatar-container{width:140px;height:140px}.mascot-bubble::before{left:50%;top:-9px;transform:translateX(-50%) rotate(45deg);border-left:2px solid var(--primary);border-bottom:none;border-top:2px solid var(--primary)}.mascot-bubble{transform-origin:center top;font-size:.95rem}.mascot-stats-summary{justify-content:center}.mascot-actions{flex-direction:column;gap:.75rem}}.race-track-container{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 30%,#150f30 0,#060515 100%);overflow:hidden;z-index:2;pointer-events:none}.race-road{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:320px;height:100%;background:#0d0c1b;border-left:3px solid rgba(0,255,255,.4);border-right:3px solid rgba(0,255,255,.4);box-shadow:0 0 25px rgba(0,255,255,.15),inset 0 0 35px rgba(0,255,255,.08);overflow:hidden}.road-side-glow{position:absolute;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(0,255,255,.05) 0,transparent 10%,transparent 90%,rgba(0,255,255,.05) 100%);pointer-events:none}.road-line{position:absolute;width:4px;height:60px;background:rgba(255,255,255,.15);box-shadow:0 0 6px rgba(255,255,255,.1);border-radius:2px}.road-line.left-lane-bound{left:33%}.road-line.right-lane-bound{left:66%}.speed-line{position:absolute;width:1.5px;height:100px;background:linear-gradient(to bottom,transparent,rgba(0,255,255,.35),transparent);opacity:0;pointer-events:none;will-change:transform,opacity}.player-car{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);width:60px;height:94px;z-index:20;transition:left .16s cubic-bezier(.25, .8, .25, 1);will-change:left,transform}.car-body{position:relative;width:100%;height:100%;background:linear-gradient(180deg,#f05 0,#903 100%);border-radius:10px 10px 14px 14px;box-shadow:0 8px 24px rgba(255,0,85,.4),0 0 15px rgba(255,0,85,.2);border:1.5px solid #f48}.car-body::before{content:'';position:absolute;top:-5px;left:5%;width:90%;height:8px;background:#f05;border-radius:4px;box-shadow:0 0 8px rgba(255,0,85,.5);border:1px solid #f48}.car-wheel{position:absolute;width:10px;height:20px;background:#08090d;border-radius:3px;border:1px solid rgba(0,255,255,.5);box-shadow:0 0 8px rgba(0,255,255,.3)}.car-wheel.tl{top:14px;left:-8px}.car-wheel.tr{top:14px;right:-8px}.car-wheel.bl{bottom:14px;left:-8px}.car-wheel.br{bottom:14px;right:-8px}.car-cabin{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:rgba(0,255,255,.18);border:1.5px solid rgba(0,255,255,.6);border-radius:50%;box-shadow:0 0 12px rgba(0,255,255,.3);overflow:hidden;display:flex;align-items:center;justify-content:center}.driver-mascot{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 0 4px rgba(0, 255, 255, .4))}.car-exhaust{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:14px;height:20px;background:linear-gradient(to top,transparent,#f90,#f05);border-radius:50%;filter:blur(.5px);opacity:.85;animation:exhaustWiggle 80ms infinite alternate}.car-exhaust.nitro{background:linear-gradient(to top,transparent,#0ff,#72f);height:52px;width:24px;bottom:-44px;box-shadow:0 0 25px #0ff,0 0 10px #72f;animation:nitroWiggle 40ms infinite alternate}@keyframes exhaustWiggle{0%{height:16px;transform:translateX(-50%) scaleX(.8)}100%{height:24px;transform:translateX(-50%) scaleX(1.2)}}@keyframes nitroWiggle{0%{height:42px;transform:translateX(-50%) scaleX(.85)}100%{height:56px;transform:translateX(-50%) scaleX(1.25)}}.bot-car{position:absolute;bottom:120px;left:calc(50% - 108px);transform:translateX(-50%);width:60px;height:94px;z-index:19;transition:left .3s cubic-bezier(.25, .8, .25, 1),bottom .3s cubic-bezier(.25, .8, .25, 1);will-change:left,bottom,transform}.bot-car-body{position:relative;width:100%;height:100%;background:linear-gradient(180deg,gold 0,#f80 100%);border-radius:10px 10px 14px 14px;box-shadow:0 8px 24px rgba(255,136,0,.4),0 0 15px rgba(255,136,0,.2);border:1.5px solid #fa0}.bot-car-body::before{content:'';position:absolute;top:-5px;left:5%;width:90%;height:8px;background:#f80;border-radius:4px;box-shadow:0 0 8px rgba(255,136,0,.5);border:1px solid #fa0}.bot-name-badge{position:absolute;top:-28px;left:50%;transform:translateX(-50%);background:rgba(10,20,35,.8);border:1px solid #f80;color:#f80;padding:2px 8px;border-radius:4px;font-family:var(--font-sans);font-size:.7rem;font-weight:700;white-space:nowrap;box-shadow:0 0 10px rgba(255,136,0,.3);text-shadow:0 0 4px rgba(255,136,0,.5);z-index:25}.bot-car.bot-left .bot-car-body{background:linear-gradient(180deg,gold 0,#f80 100%);box-shadow:0 8px 24px rgba(255,136,0,.4),0 0 15px rgba(255,136,0,.2);border-color:#fa0}.bot-car.bot-left .bot-car-body::before{background:#f80;box-shadow:0 0 8px rgba(255,136,0,.5);border-color:#fa0}.bot-car.bot-left .bot-name-badge{border-color:#f80;color:#f80;box-shadow:0 0 10px rgba(255,136,0,.3);text-shadow:0 0 4px rgba(255,136,0,.5)}.bot-car.bot-right .bot-car-body{background:linear-gradient(180deg,#a020f0 0,orchid 100%);box-shadow:0 8px 24px rgba(160,32,240,.4),0 0 15px rgba(160,32,240,.2);border-color:#ba55d3}.bot-car.bot-right .bot-car-body::before{background:#a020f0;box-shadow:0 0 8px rgba(160,32,240,.5);border-color:#ba55d3}.bot-car.bot-right .bot-name-badge{border-color:#a020f0;color:orchid;box-shadow:0 0 10px rgba(160,32,240,.3);text-shadow:0 0 4px rgba(160,32,240,.5)}.enemy-car{position:absolute;width:54px;height:84px;z-index:18;will-change:top,left,transform}.enemy-body{position:relative;width:100%;height:100%;background:linear-gradient(180deg,#00f0ff 0,#047 100%);border-radius:10px 10px 12px 12px;border:1.5px solid #00f0ff;box-shadow:0 0 14px rgba(0,240,255,.3)}.enemy-car.cyan .enemy-body{background:linear-gradient(180deg,#00f0ff 0,#047 100%);border-color:#00f0ff;box-shadow:0 0 14px rgba(0,240,255,.3)}.enemy-car.gold .enemy-body{background:linear-gradient(180deg,gold 0,#750 100%);border-color:gold;box-shadow:0 0 14px rgba(255,215,0,.3)}.enemy-car.purple .enemy-body{background:linear-gradient(180deg,#b55fe6 0,#417 100%);border-color:#b55fe6;box-shadow:0 0 14px rgba(181,95,230,.3)}.word-plate{position:absolute;top:-34px;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:#fff;background:rgba(8,12,24,.92);border:1px solid rgba(255,255,255,.15);padding:.18rem .5rem;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.5);white-space:nowrap;z-index:22}.enemy-car.target .word-plate{border-color:gold;box-shadow:0 0 14px rgba(255,215,0,.7);background:rgba(255,215,0,.14)}.word-plate span.typed{color:#39ff14;text-shadow:0 0 8px rgba(57,255,20,.6)}.racing-scenery-left,.racing-scenery-right{position:absolute;top:0;width:calc(50% - 160px);height:100%;z-index:3;pointer-events:none;overflow:hidden}.racing-scenery-left{left:0;border-right:2px dashed rgba(0,255,255,.15)}.racing-scenery-right{right:0;border-left:2px dashed rgba(0,255,255,.15)}.scenery-grid{position:absolute;width:200%;height:200%;top:-50%;background-image:linear-gradient(0deg,transparent 24%,rgba(0,255,255,.03) 25%,rgba(0,255,255,.03) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.03) 75%,rgba(0,255,255,.03) 76%,transparent 77%),linear-gradient(90deg,transparent 24%,rgba(0,255,255,.03) 25%,rgba(0,255,255,.03) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.03) 75%,rgba(0,255,255,.03) 76%,transparent 77%);background-size:40px 40px;animation:sceneryGridScroll 3s linear infinite}.racing-scenery-left .scenery-grid{left:-50%;transform:perspective(100px) rotateX(60deg) rotateY(15deg)}.racing-scenery-right .scenery-grid{right:-50%;transform:perspective(100px) rotateX(60deg) rotateY(-15deg)}@keyframes sceneryGridScroll{0%{background-position:0 0}100%{background-position:0 160px}}.scenery-building{position:absolute;bottom:-150px;width:60px;background:linear-gradient(180deg,#100b26 0,#05030f 100%);border:1px solid rgba(255,0,85,.25);box-shadow:0 0 15px rgba(255,0,85,.08);border-radius:4px 4px 0 0;will-change:bottom,opacity}.scenery-building::before{content:'';position:absolute;top:5px;left:10%;width:80%;height:90%;background-image:radial-gradient(rgba(0,255,255,.35) 1.5px,transparent 1.5px);background-size:8px 12px}.scenery-building.neon-blue{border-color:rgba(0,255,255,.3);box-shadow:0 0 15px rgba(0,255,255,.1)}.scenery-building.neon-blue::before{background-image:radial-gradient(rgba(0,255,255,.4) 1.5px,transparent 1.5px)}.scenery-building.neon-purple{border-color:rgba(181,95,230,.3);box-shadow:0 0 15px rgba(181,95,230,.1)}.scenery-building.neon-purple::before{background-image:radial-gradient(rgba(181,95,230,.4) 1.5px,transparent 1.5px)}.arcade-hud-left{position:absolute;left:15px;top:15px;width:130px;background:rgba(8,7,20,.85);border:1.5px solid rgba(0,255,255,.3);border-radius:12px;padding:10px;box-shadow:0 8px 32px rgba(0,0,0,.6),inset 0 0 10px rgba(0,255,255,.05);backdrop-filter:blur(8px);z-index:10;pointer-events:none;display:flex;flex-direction:column;gap:8px;font-family:'Space Grotesk',sans-serif;animation:fadeIn .4s ease}.hud-speedometer{position:relative;width:100%;height:70px;display:flex;align-items:center;justify-content:center;flex-direction:column}.speed-dial-svg{position:absolute;width:70px;height:70px;transform:rotate(-90deg)}.speed-dial-track{fill:none;stroke:rgba(255,255,255,0.06);stroke-width:6}.speed-dial-fill{fill:none;stroke:url(#speedGrad);stroke-width:6;stroke-dasharray:188;stroke-dashoffset:188;stroke-linecap:round;transition:stroke-dashoffset .15s ease-out}.speed-text-container{z-index:2;text-align:center;margin-top:2px}.speed-num{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:900;color:#fff;text-shadow:0 0 8px var(--primary-glow);line-height:1}.speed-unit{font-size:.55rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.hud-stat-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.08);padding-top:5px}.hud-stat-label{font-size:.65rem;color:rgba(255,255,255,.5);font-weight:600}.hud-stat-val{font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700;color:#0ff;text-shadow:0 0 6px rgba(0,255,255,.3)}.hud-boost-container{display:flex;flex-direction:column;gap:3px;border-top:1px solid rgba(255,255,255,.08);padding-top:5px}.boost-header{display:flex;justify-content:space-between;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.boost-label{color:#f90}.boost-ready-text{color:#0ff;animation:flash .8s infinite alternate;opacity:0}.boost-ready-text.active{opacity:1}.hud-boost-bg{width:100%;height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;position:relative;border:.5px solid rgba(255,255,255,.05)}.hud-boost-fill{width:0%;height:100%;background:linear-gradient(90deg,#f50 0,#fc0 100%);border-radius:3px;box-shadow:0 0 8px #fc0;transition:width .2s ease-out}.hud-boost-fill.charged{background:linear-gradient(90deg,#0ff 0,#72f 100%);box-shadow:0 0 10px #0ff}.arcade-mascot-right{position:absolute;right:15px;bottom:15px;width:220px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:10;pointer-events:none;font-family:'Space Grotesk',sans-serif;animation:fadeIn .4s ease}.hud-mascot-bubble{background:rgba(12,10,24,.92);border:1.5px solid rgba(0,255,255,.35);color:#fff;border-radius:10px 10px 0 10px;padding:8px 12px;font-size:.82rem;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.5),0 0 10px rgba(0,255,255,.1);max-width:200px;text-align:right;position:relative;line-height:1.35;animation:bubblePop .35s cubic-bezier(.175,.885,.32,1.275) forwards}.hud-mascot-bubble::after{content:'';position:absolute;bottom:-8px;right:15px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(12,10,24,.92)}.hud-mascot-img-wrap{width:76px;height:76px;background:rgba(0,255,255,.05);border:1.5px solid rgba(0,255,255,.25);border-radius:50%;padding:6px;box-shadow:0 4px 15px rgba(0,255,255,.15);display:flex;align-items:center;justify-content:center;animation:hoverFloat 2.6s ease-in-out infinite}.hud-mascot-img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 5px rgba(0, 255, 255, .3));transition:transform .2s ease,filter .2s ease}.car-headlights{position:absolute;top:-160px;left:50%;transform:translateX(-50%);width:160px;height:160px;background:linear-gradient(to top,rgba(0,255,255,.25) 0,transparent 100%);clip-path:polygon(25% 100%,75% 100%,100% 0%,0% 0%);pointer-events:none;z-index:1;animation:headlightFlicker .12s infinite alternate}.car-body::after{content:'';position:absolute;bottom:-6px;left:10%;width:80%;height:8px;background:rgba(0,255,255,.25);filter:blur(4px);border-radius:4px}.car-spoiler{position:absolute;bottom:-4px;left:-4px;width:68px;height:6px;background:#f05;border-radius:2px;border:1.5px solid #f48;box-shadow:0 2px 6px rgba(255,0,85,.4);z-index:5}.enemy-body::before{content:'';position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:30px;height:25px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:5px}.enemy-taillight{position:absolute;bottom:-2px;width:8px;height:4px;background:#f03;box-shadow:0 0 6px #f03,0 0 12px #f03;border-radius:1px}.enemy-taillight.left{left:4px}.enemy-taillight.right{right:4px}@keyframes headlightFlicker{0%{opacity:.85;filter:brightness(.95)}100%{opacity:1;filter:brightness(1.05)}}@keyframes hoverFloat{0%{transform:translateY(0)}50%{transform:translateY(-5px)}100%{transform:translateY(0)}}@keyframes flash{0%{opacity:.3}100%{opacity:1}}.boost-shake{animation:boostShake 60ms infinite alternate}@keyframes boostShake{0%{transform:translate(.5px,.5px) rotate(.1deg)}100%{transform:translate(-.5px,-.5px) rotate(-.1deg)}}.cyber-footer{width:100%;max-width:1400px;margin:4rem auto 2rem auto;padding:2.5rem;background:rgba(15,22,38,.6);border:1px solid rgba(0,255,255,.15);border-radius:16px;backdrop-filter:blur(15px);box-shadow:0 10px 30px rgba(0,0,0,.4),0 0 20px rgba(0,255,255,.05);z-index:10;transition:all .3s ease;box-sizing:border-box}.cyber-footer .footer-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:3rem;margin-bottom:2rem}.cyber-footer .footer-left{flex:1 1 320px;max-width:380px;display:flex;flex-direction:column;gap:1.2rem}.cyber-footer .footer-actions{display:flex;gap:.8rem;align-items:center;margin-top:.5rem;flex-wrap:wrap}.cyber-footer .footer-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.65rem!important;margin-top:.8rem!important;width:100%!important;max-width:380px!important}.cyber-footer .footer-action-btn{flex:1 1 0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;height:40px!important;padding:0 .5rem!important;font-size:.78rem!important;font-family:Orbitron,Outfit,sans-serif!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;border-radius:8px!important;cursor:pointer!important;box-sizing:border-box!important;transition:all .25s cubic-bezier(.25, .8, .25, 1)!important;gap:.45rem!important;text-decoration:none!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important}.cyber-footer .action-btn-icon,.cyber-footer .donate-icon,.cyber-footer .gears-cart-icon{width:16px!important;height:16px!important;flex-shrink:0!important}.cyber-footer .footer-action-btn.blog-btn{background:linear-gradient(135deg,rgba(0,240,255,.18) 0,rgba(112,0,255,.25) 100%)!important;border:1px solid rgba(0,240,255,.45)!important;color:#00f0ff!important;box-shadow:0 2px 10px rgba(0,240,255,.15)!important;backdrop-filter:blur(8px)!important}.cyber-footer .footer-action-btn.blog-btn:hover{background:linear-gradient(135deg,rgba(0,240,255,.4) 0,rgba(112,0,255,.5) 100%)!important;border-color:#00f0ff!important;color:#fff!important;box-shadow:0 0 20px rgba(0,240,255,.4)!important;transform:translateY(-2px)!important}.cyber-footer .footer-action-btn.donate-btn{background:linear-gradient(135deg,rgba(255,0,85,.18) 0,rgba(255,0,170,.25) 100%)!important;border:1px solid rgba(255,0,170,.45)!important;color:#f39!important;box-shadow:0 2px 10px rgba(255,0,170,.15)!important;backdrop-filter:blur(8px)!important}.cyber-footer .footer-action-btn.donate-btn:hover{background:linear-gradient(135deg,rgba(255,0,85,.4) 0,rgba(255,0,170,.5) 100%)!important;border-color:#f0a!important;color:#fff!important;box-shadow:0 0 20px rgba(255,0,170,.4)!important;transform:translateY(-2px)!important}.cyber-footer .footer-action-btn.typing-gears-btn{background:linear-gradient(135deg,rgba(178,0,255,.18) 0,rgba(0,240,255,.18) 100%)!important;border:1px solid rgba(178,0,255,.45)!important;color:#d175ff!important;box-shadow:0 2px 10px rgba(178,0,255,.15)!important;backdrop-filter:blur(8px)!important}.cyber-footer .footer-action-btn.typing-gears-btn:hover{background:linear-gradient(135deg,rgba(178,0,255,.4) 0,rgba(0,240,255,.3) 100%)!important;border-color:#d175ff!important;color:#fff!important;box-shadow:0 0 20px rgba(178,0,255,.4)!important;transform:translateY(-2px)!important}@media (max-width:480px){.cyber-footer .footer-actions{display:flex!important;flex-direction:row!important;gap:.4rem!important;width:100%!important}.cyber-footer .footer-action-btn{padding:0 .25rem!important;font-size:.7rem!important;height:38px!important;letter-spacing:0!important}}.cyber-footer .footer-grid-seo{flex:2 1 600px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem}.cyber-footer .footer-col-title{font-family:Orbitron,sans-serif;font-weight:700;color:var(--text-active,rgba(255,255,255,.75));font-size:.85rem;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(0,255,255,.15);padding-bottom:.4rem}.cyber-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.cyber-footer ul li a{color:var(--text-sub,#8a9fc4);text-decoration:none;transition:all .2s ease;font-size:.82rem;display:inline-block}.cyber-footer ul li a:hover{color:var(--primary);transform:translateX(3px);text-shadow:0 0 8px var(--primary-glow)}.footer-logo{font-family:Orbitron,sans-serif;font-weight:900;font-size:1.5rem;color:#fff;letter-spacing:1px}.footer-logo span{color:var(--primary);text-shadow:0 0 8px var(--primary-glow)}.footer-text{font-size:.9rem;color:var(--text-sub);max-width:320px;line-height:1.4}.footer-right{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap}.social-links{display:flex;align-items:center;gap:1rem}.social-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:rgba(255,255,255,.05);border:1px solid rgba(0,255,255,.15);border-radius:50%;color:var(--text-sub);cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);text-decoration:none}.social-btn svg{width:20px;height:20px;transition:transform .3s ease}.social-btn:hover{color:var(--primary);background:rgba(0,255,255,.1);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow);transform:translateY(-3px)}.social-btn:hover svg{transform:scale(1.1)}.cyber-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}.cyber-footer .footer-bottom-info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;font-size:.82rem;color:var(--text-sub)}.cyber-footer .footer-brand-text strong{color:var(--primary);text-shadow:0 0 8px var(--primary-glow)}.cyber-footer .footer-quick-tags{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.cyber-footer .footer-quick-tags span{opacity:.8}.cyber-footer .footer-copyright{font-size:.78rem;color:var(--text-sub);opacity:.6}@media (max-width:768px){.cyber-footer{margin:2.5rem 1rem 1.5rem 1rem;padding:1.5rem}.cyber-footer .footer-content{flex-direction:column;align-items:stretch;gap:2.5rem}.cyber-footer .footer-left{max-width:100%;align-items:center;text-align:center}.cyber-footer .footer-actions{justify-content:center}.cyber-footer .footer-grid-seo{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:480px){.cyber-footer .footer-grid-seo{grid-template-columns:1fr;text-align:center}.cyber-footer .footer-col-title{display:inline-block;width:100%}.cyber-footer ul li a:hover{transform:none}}.textbox-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.8rem;gap:1.5rem;position:relative;z-index:25!important;transition:opacity .3s cubic-bezier(.25, .8, .25, 1),transform .3s cubic-bezier(.25, .8, .25, 1)}body.focused-typing .textbox-header{opacity:0!important;pointer-events:none!important;transform:translateY(-10px)!important;max-height:0!important;margin-bottom:0!important;overflow:hidden!important}.textbox-controls-container{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.textbox-style-container{position:relative}.textbox-mute-btn,.textbox-style-btn{background:rgba(8,14,26,.55)!important;border:1px solid rgba(0,240,255,.15)!important;outline:0;color:rgba(0,240,255,.85)!important;font-family:var(--font-mono)!important;font-size:.72rem!important;font-weight:600!important;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;padding:.35rem .95rem!important;border-radius:24px!important;transition:all .25s cubic-bezier(.25, .8, .25, 1)!important;backdrop-filter:blur(12px)!important;box-shadow:0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.05)!important;letter-spacing:.6px;text-transform:uppercase;user-select:none}.textbox-mute-btn:hover,.textbox-style-btn:hover{color:#fff!important;border-color:var(--primary)!important;box-shadow:0 0 15px rgba(0,255,255,.45),inset 0 1px 0 rgba(255,255,255,.1)!important;background:rgba(0,255,255,.08)!important;transform:translateY(-1px)}.textbox-mute-btn .mute-icon{width:14px;height:14px;transition:transform .25s ease}.textbox-mute-btn:hover .mute-icon{transform:scale(1.15)}.textbox-mute-btn.muted{color:var(--accent)!important;background:rgba(255,0,85,.06)!important;border-color:rgba(255,0,85,.4)!important;box-shadow:0 0 10px rgba(255,0,85,.25)!important;text-shadow:0 0 8px rgba(255,0,85,.25)}.textbox-style-btn .style-icon{width:14px;height:14px;transition:transform .25s ease}.textbox-style-btn .chevron-icon{width:12px;height:12px;transition:transform .25s ease;opacity:.6}.textbox-style-btn:hover .style-icon{transform:rotate(15deg) scale(1.1)}.textbox-style-btn.active,.textbox-style-container:focus-within .textbox-style-btn{color:var(--primary)!important;background:rgba(0,240,255,.06)!important;border-color:rgba(0,240,255,.4)!important;box-shadow:0 0 12px rgba(0,240,255,.25)!important}@media (max-width:768px){.textbox-controls-container{position:relative!important;top:0!important;right:0!important;margin:.5rem auto 1rem auto!important;justify-content:center!important;width:100%!important;z-index:10}}.textbox-style-dropdown{position:absolute;top:calc(100% + 5px);right:0;background:rgba(8,14,26,.95);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.4rem;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 15px rgba(0,255,255,.05);min-width:160px;backdrop-filter:blur(20px);transition:all .25s cubic-bezier(.175, .885, .32, 1.275);transform-origin:top right;opacity:1;transform:scale(1)}.textbox-style-dropdown.hidden{display:none!important;opacity:0;transform:scale(.9) translateY(-10px);pointer-events:none}.style-option{padding:.5rem .8rem;font-size:.8rem;color:rgba(255,255,255,.6);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.style-option:hover{background:rgba(255,255,255,.05);color:#fff}.style-option.active{background:rgba(0,255,255,.1);color:var(--primary);font-weight:600;box-shadow:inset 0 0 8px rgba(0,255,255,.05)}.textbox-fx-container{position:relative}.textbox-fx-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:rgba(8,14,26,.96);border:1px solid rgba(0,240,255,.25);border-radius:14px;padding:.85rem;box-shadow:0 14px 40px rgba(0,0,0,.65),0 0 20px rgba(0,240,255,.12);min-width:260px;max-width:300px;backdrop-filter:blur(24px);transition:all .25s cubic-bezier(.175, .885, .32, 1.275);transform-origin:top right;opacity:1;transform:scale(1);z-index:100;text-transform:none;letter-spacing:normal}.textbox-fx-dropdown.hidden{display:none!important;opacity:0;transform:scale(.9) translateY(-10px);pointer-events:none}.fx-dropdown-header{font-size:.68rem;text-transform:uppercase;font-family:var(--font-mono);color:var(--primary);letter-spacing:.8px;margin-bottom:.4rem;font-weight:700;display:flex;align-items:center;gap:.3rem}.fx-option-group{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.55rem}.fx-option{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:7px;color:rgba(255,255,255,.75);font-size:.74rem;font-family:var(--font-ui);padding:.3rem .55rem;cursor:pointer;transition:all .18s ease;outline:0;display:inline-flex;align-items:center;gap:.25rem;user-select:none}.fx-option:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(0,240,255,.35);transform:translateY(-1px)}.fx-option.active{background:rgba(0,240,255,.16);border-color:var(--primary);color:var(--primary);font-weight:600;box-shadow:0 0 10px rgba(0,240,255,.22)}.fx-dropdown-divider{height:1px;background:rgba(255,255,255,.08);margin:.5rem 0}.fx-toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:.74rem;color:rgba(255,255,255,.85);font-family:var(--font-ui);padding:.2rem 0;user-select:none}.fx-switch{position:relative;display:inline-block;width:34px;height:18px;flex-shrink:0}.fx-switch input{opacity:0;width:0;height:0}.fx-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.15);transition:.25s cubic-bezier(.4, 0, .2, 1);border-radius:20px}.fx-slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:#fff;transition:.25s cubic-bezier(.4, 0, .2, 1);border-radius:50%}.fx-switch input:checked+.fx-slider{background-color:var(--primary);box-shadow:0 0 8px rgba(0,240,255,.4)}.fx-switch input:checked+.fx-slider:before{transform:translateX(16px)}.text-display.style-normal{font-size:1.6rem;line-height:1.8;height:calc(1.6rem * 1.8 * 3)}.text-display.style-medium{font-size:2.2rem;line-height:1.7;letter-spacing:1.5px;height:calc(2.2rem * 1.7 * 3)}.text-display.style-large{font-size:3.2rem;line-height:1.6;letter-spacing:2px;height:calc(3.2rem * 1.6 * 3)}.text-display.style-meganitro{font-size:50px!important;line-height:1.4!important;letter-spacing:2px;font-weight:500;height:calc(50px * 1.4 * 3)!important}.text-display.style-meganitro span.active{color:#fff!important;text-shadow:0 0 8px rgba(0,255,255,.9),0 0 20px rgba(0,255,255,.5),0 0 15px rgba(255,0,128,.6)!important;animation:neonMegaPulse 1s infinite alternate!important;font-weight:700}.text-display.style-meganitro span.correct{text-shadow:0 0 6px rgba(0,255,255,.5),0 0 12px rgba(0,255,255,.25)!important}.text-display.style-meganitro span.wrong{text-shadow:0 0 8px rgba(255,71,84,.7),0 0 16px rgba(255,71,84,.4)!important}@keyframes neonMegaPulse{0%{text-shadow:0 0 8px rgba(0,255,255,.7),0 0 16px rgba(255,0,128,.4)}100%{text-shadow:0 0 16px #0ff,0 0 32px rgba(255,0,128,.8),0 0 48px rgba(0,255,255,.3)}}.crypto-modal-card{max-width:520px;width:94%;background:linear-gradient(145deg,rgba(8,14,26,.98),rgba(12,20,38,.98));border:1px solid rgba(0,255,255,.2);border-radius:24px;padding:2.2rem 2rem;position:relative;box-shadow:0 0 60px rgba(0,255,255,.08),0 20px 60px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(20px);animation:cryptoModalIn .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes cryptoModalIn{from{transform:scale(.88) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.crypto-modal-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.5);transition:all .2s ease;z-index:100!important;pointer-events:auto!important}.crypto-modal-close:hover{background:rgba(255,0,85,.15);border-color:var(--accent);color:var(--accent);transform:rotate(90deg)}.crypto-modal-close svg{width:16px;height:16px}.crypto-header{text-align:center;margin-bottom:1.8rem}.crypto-heart-icon{font-size:2.8rem;margin-bottom:.5rem;animation:heartBeat 1.5s ease-in-out infinite;display:block}@keyframes heartBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}.crypto-title{font-family:Orbitron,sans-serif;font-size:1.6rem;font-weight:900;color:#fff;margin:0 0 .6rem 0;text-shadow:0 0 20px rgba(0,255,255,.4);letter-spacing:1px}.crypto-subtitle{font-size:.9rem;color:rgba(255,255,255,.6);line-height:1.65;margin:0}.crypto-highlight{color:var(--primary);font-weight:600;text-shadow:0 0 8px rgba(0,255,255,.3)}.crypto-cards-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.crypto-card{border-radius:16px;padding:1.2rem 1.4rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:all .3s ease;position:relative;overflow:hidden}.crypto-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;border-radius:16px 16px 0 0}.tron-card::before{background:linear-gradient(90deg,#ff0d0d,#ff6b00)}.upi-card::before{background:linear-gradient(90deg,#00f0ff,#7f00ff)}.crypto-card:hover{border-color:rgba(0,255,255,.2);background:rgba(0,255,255,.03);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.crypto-card-header{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.crypto-logo{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:900;font-size:.75rem;letter-spacing:.5px;flex-shrink:0}.tron-logo{background:linear-gradient(135deg,#ff0d0d,#ff6b00);color:#fff;box-shadow:0 4px 15px rgba(255,13,13,.35)}.upi-logo{background:linear-gradient(135deg,#00f0ff,#7f00ff);color:#fff;box-shadow:0 4px 15px rgba(127,0,255,.35);font-weight:800}.crypto-name{font-weight:700;font-size:1rem;color:#fff}.crypto-network{font-size:.72rem;color:rgba(255,255,255,.4);margin-top:.1rem}.crypto-qr-wrap{display:flex;justify-content:center;margin:.8rem 0}.crypto-qr-img{width:160px;height:160px;border-radius:12px;border:3px solid rgba(255,255,255,.1);padding:8px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.4);transition:transform .3s ease}.crypto-qr-img:hover{transform:scale(1.05)}.crypto-qr-fallback{width:160px;height:160px;border-radius:12px;border:2px dashed rgba(255,255,255,.2);flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:rgba(255,255,255,.3);font-size:.75rem}.crypto-address-wrap{margin-top:.8rem}.crypto-address-label{font-size:.68rem;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:1px;margin-bottom:.4rem}.crypto-address-row{display:flex;align-items:center;gap:.5rem;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.55rem .8rem}.crypto-address{font-family:'JetBrains Mono','Courier New',monospace;font-size:.7rem;color:var(--primary);flex:1;word-break:break-all;text-shadow:0 0 8px rgba(0,255,255,.2);letter-spacing:.3px}.copy-btn{background:rgba(0,255,255,.08);border:1px solid rgba(0,255,255,.2);border-radius:7px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary);flex-shrink:0;transition:all .2s ease}.copy-btn:hover{background:rgba(0,255,255,.18);transform:scale(1.1)}.copy-btn.copied{background:rgba(46,204,113,.2);border-color:#2ecc71;color:#2ecc71}.copy-btn svg{width:14px;height:14px}.crypto-badge{display:inline-flex;align-items:center;margin-top:.8rem;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.tron-card .crypto-badge{background:rgba(255,107,0,.12);border:1px solid rgba(255,107,0,.3);color:#ff6b00}.upi-card .crypto-badge{background:rgba(0,240,255,.12);border:1px solid rgba(0,240,255,.3);color:#00f0ff}.crypto-thankyou{text-align:center;padding:1.2rem;background:rgba(0,255,255,.04);border:1px solid rgba(0,255,255,.08);border-radius:12px;font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.6}.crypto-thankyou strong{color:#fff}.bnb-card::before{background:linear-gradient(90deg,#f0b90b,#f3ba2f)}.bnb-logo{background:linear-gradient(135deg,#f0b90b,#f3ba2f);color:#000;font-weight:800;box-shadow:0 4px 15px rgba(240,185,11,.35)}.bnb-card .crypto-badge{background:rgba(240,185,11,.12);border:1px solid rgba(240,185,11,.3);color:#f3ba2f;display:inline-flex;align-items:center;margin-top:.8rem;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.btc-card::before{background:linear-gradient(90deg,#f7931a,#ffb300)}.btc-logo{background:linear-gradient(135deg,#f7931a,#ffb300);color:#fff;font-weight:800;box-shadow:0 4px 15px rgba(247,147,26,.35)}.btc-card .crypto-badge{background:rgba(247,147,26,.12);border:1px solid rgba(247,147,26,.3);color:#f7931a;display:inline-flex;align-items:center;margin-top:.8rem;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.eth-card::before{background:linear-gradient(90deg,#627eea,#3c3c3d)}.eth-logo{background:linear-gradient(135deg,#627eea,#3c3c3d);color:#fff;font-weight:800;box-shadow:0 4px 15px rgba(98,126,234,.35)}.eth-card .crypto-badge{background:rgba(98,126,234,.12);border:1px solid rgba(98,126,234,.3);color:#a4b5ff;display:inline-flex;align-items:center;margin-top:.8rem;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.usdt-card::before{background:linear-gradient(90deg,#26a17b,#00d395)}.usdt-logo{background:linear-gradient(135deg,#26a17b,#00d395);color:#fff;font-weight:800;box-shadow:0 4px 15px rgba(38,161,123,.35)}.usdt-card .crypto-badge{background:rgba(38,161,123,.12);border:1px solid rgba(38,161,123,.3);color:#00d395;display:inline-flex;align-items:center;margin-top:.8rem;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px}.xrp-card::before{background:linear-gradient(90deg,#00aae4,#23292f)}.xrp-logo{background:linear-gradient(135deg,#00aae4,#23292f);color:#fff;font-weight:800;box-shadow:0 4px 15px rgba(0,170,228,.35)}.xrp-card .crypto-badge{background:rgba(0,170,228,.12);border:1px solid rgba(0,170,228,.3);color:#00aae4;display:inline-flex;align-items:center;margin-top:.8rem;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px}@media (max-width:480px){.crypto-modal-card{padding:1.5rem 1.2rem}.crypto-title{font-size:1.3rem}.crypto-qr-img{width:130px;height:130px}.crypto-address{font-size:.62rem}}#bubble-shooter-container{position:fixed;inset:0;z-index:9990;display:flex;flex-direction:column;background:linear-gradient(135deg,#050012 0,#000d25 50%,#02000f 100%);font-family:Orbitron,Inter,sans-serif;overflow:hidden}#bubble-shooter-container.hidden{display:none!important}.bs-header-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:rgba(0,10,30,.85);border-bottom:1px solid rgba(0,240,255,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0;gap:12px;box-shadow:0 2px 20px rgba(0,240,255,.08);flex-wrap:wrap}.bs-stats-row{display:flex;gap:16px;align-items:center}.bs-stat{display:flex;flex-direction:column;align-items:center;background:rgba(0,240,255,.06);border:1px solid rgba(0,240,255,.15);border-radius:10px;padding:6px 18px;min-width:70px;transition:all .3s ease}.bs-stat:hover{background:rgba(0,240,255,.12);border-color:rgba(0,240,255,.35)}.bs-stat-label{font-size:.6rem;letter-spacing:.1em;color:rgba(0,240,255,.65);text-transform:uppercase;font-weight:600}.bs-stat-val{font-size:1.1rem;font-weight:800;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.6);line-height:1.2;font-family:Orbitron,sans-serif}.bs-game-area{flex:1;position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:stretch}#bubble-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none;position:relative;z-index:1}.bs-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(5,0,30,.92) 0,rgba(0,0,0,.96) 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:bsOverlayIn .35s cubic-bezier(.34,1.56,.64,1) both}.bs-overlay.hidden{display:none!important}@keyframes bsOverlayIn{0%{opacity:0;transform:scale(.92)}100%{opacity:1;transform:scale(1)}}.bs-overlay-content{text-align:center;padding:2.5rem 3rem;background:rgba(0,10,35,.7);border:1px solid rgba(0,240,255,.25);border-radius:24px;box-shadow:0 0 60px rgba(0,240,255,.12),0 0 120px rgba(181,95,230,.08),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);max-width:480px;width:90%;animation:bsContentFloat .5s .1s cubic-bezier(.34,1.56,.64,1) both}@keyframes bsContentFloat{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.bs-title-emoji{font-size:4rem;line-height:1;margin-bottom:.5rem;animation:bsEmojiPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(0, 240, 255, .5))}@keyframes bsEmojiPulse{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.12) rotate(3deg)}}.bs-overlay-title{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;color:#fff;text-shadow:0 0 20px rgba(0,240,255,.7),0 0 40px rgba(0,240,255,.3);margin-bottom:.75rem;letter-spacing:.05em}.bs-overlay-desc{font-size:.9rem;color:rgba(200,220,255,.75);line-height:1.7;margin-bottom:1.5rem;font-family:Inter,sans-serif}.bs-controls-hint{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:1.75rem}.bs-controls-hint span{background:rgba(0,240,255,.08);border:1px solid rgba(0,240,255,.2);border-radius:8px;padding:6px 14px;font-size:.82rem;color:rgba(0,240,255,.85);font-family:Inter,sans-serif;letter-spacing:.02em}.bs-start-btn{background:linear-gradient(135deg,rgba(0,240,255,.2) 0,rgba(181,95,230,.2) 100%);border:2px solid rgba(0,240,255,.5);color:#00f0ff;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:800;padding:14px 40px;border-radius:50px;cursor:pointer;letter-spacing:.08em;transition:all .3s cubic-bezier(.34, 1.56, .64, 1);text-transform:uppercase;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(0,240,255,.3),0 4px 20px rgba(0,0,0,.4)}.bs-start-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,240,255,.15),rgba(181,95,230,.15));opacity:0;transition:opacity .3s ease}.bs-start-btn:hover{transform:scale(1.06) translateY(-2px);box-shadow:0 0 35px rgba(0,240,255,.55),0 8px 30px rgba(0,0,0,.5);border-color:rgba(0,240,255,.85);color:#fff}.bs-start-btn:hover::before{opacity:1}.bs-start-btn:active{transform:scale(.97)}@media (max-width:640px){.bs-header-bar{padding:8px 12px;flex-wrap:wrap;gap:8px}.bs-stats-row{gap:8px}.bs-stat{padding:5px 10px;min-width:54px}.bs-stat-val{font-size:.9rem}.bs-overlay-content{padding:1.8rem 1.5rem}.bs-overlay-title{font-size:1.5rem}.bs-title-emoji{font-size:3rem}}.learning-tab{background:0 0;border:1px solid transparent;border-radius:8px;padding:10px 15px;color:var(--text-sub);cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.95rem;display:flex;align-items:center}.learning-tab:hover{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.1)}.learning-tab.active{background:rgba(0,255,255,.05)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 0 10px var(--primary-glow)}#learning-keyboard .key.pinky-left{border-color:#f05!important;color:#f05!important;box-shadow:0 0 8px rgba(255,0,85,.25)}#learning-keyboard .key.ring-left{border-color:#ff8c00!important;color:#ff8c00!important;box-shadow:0 0 8px rgba(255,140,0,.25)}#learning-keyboard .key.middle-left{border-color:gold!important;color:gold!important;box-shadow:0 0 8px rgba(255,215,0,.25)}#learning-keyboard .key.index-left{border-color:#39ff14!important;color:#39ff14!important;box-shadow:0 0 8px rgba(57,255,20,.25)}#learning-keyboard .key.thumb{border-color:#00f5ff!important;color:#00f5ff!important;box-shadow:0 0 8px rgba(0,245,255,.25)}#learning-keyboard .key.index-right{border-color:#0fc!important;color:#0fc!important;box-shadow:0 0 8px rgba(0,255,204,.25)}#learning-keyboard .key.middle-right{border-color:#8a2be2!important;color:#8a2be2!important;box-shadow:0 0 8px rgba(138,43,226,.25)}#learning-keyboard .key.ring-right{border-color:#e0b0ff!important;color:#e0b0ff!important;box-shadow:0 0 8px rgba(224,176,255,.25)}#learning-keyboard .key.pinky-right{border-color:#f0b!important;color:#f0b!important;box-shadow:0 0 8px rgba(255,0,187,.25)}#learning-keyboard .key.dim{opacity:.3;border-color:rgba(255,255,255,.1)!important;color:rgba(255,255,255,.2)!important;box-shadow:none!important}#learning-hands .finger.pinky-left{background:#f05!important;box-shadow:0 0 8px #f05}#learning-hands .finger.ring-left{background:#ff8c00!important;box-shadow:0 0 8px #ff8c00}#learning-hands .finger.middle-left{background:gold!important;box-shadow:0 0 8px gold}#learning-hands .finger.index-left{background:#39ff14!important;box-shadow:0 0 8px #39ff14}#learning-hands .finger.thumb{background:#00f5ff!important;box-shadow:0 0 8px #00f5ff}#learning-hands .finger.index-right{background:#0fc!important;box-shadow:0 0 8px #0fc}#learning-hands .finger.middle-right{background:#8a2be2!important;box-shadow:0 0 8px #8a2be2}#learning-hands .finger.ring-right{background:#e0b0ff!important;box-shadow:0 0 8px #e0b0ff}#learning-hands .finger.pinky-right{background:#f0b!important;box-shadow:0 0 8px #f0b}#learning-hands .finger.dim{opacity:.2;background:rgba(255,255,255,.1)!important;box-shadow:none!important}.posture-guide{display:flex;gap:1.5rem;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.1);border-radius:10px;padding:1.25rem;margin-top:1rem}.posture-item{flex:1;display:flex;flex-direction:column;gap:.5rem}.posture-title{font-weight:700;color:var(--primary);font-size:.95rem}.posture-desc{color:var(--text-sub);font-size:.85rem;line-height:1.4}@media (max-width:820px){.learning-container{grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;gap:1rem!important}.learning-sidebar{flex-direction:row!important;border-right:none!important;border-bottom:1px solid var(--border)!important;padding-right:0!important;padding-bottom:.75rem!important;overflow-x:auto!important;overflow-y:hidden!important}.learning-tab{white-space:nowrap!important}}.header-controls{gap:.5rem!important;flex-wrap:nowrap!important}.control-group #lang-trigger,.control-group .display-mode-btn,.control-group .eye-comfort-btn,.control-group .header-about-btn,.control-group .header-donate-btn,.control-group .sound-trigger,.control-group .theme-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:28px!important;padding:0 .8rem!important;box-sizing:border-box!important;font-size:.78rem!important;font-family:'Space Grotesk',sans-serif!important;line-height:1!important;margin:0!important}.control-group{display:flex;flex-direction:row!important;align-items:center!important;background:rgba(255,255,255,.02)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;padding:.2rem .2rem .2rem .6rem!important;gap:.35rem!important;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:inset 0 1px 0 rgba(255,255,255,.02);font-family:'Space Grotesk',sans-serif!important}.control-group:hover{border-color:rgba(0,255,255,.35)!important;box-shadow:0 0 15px rgba(0,255,255,.08),inset 0 1px 0 rgba(255,255,255,.02)!important}.control-label{font-size:.6rem!important;letter-spacing:.5px!important;color:var(--secondary)!important;opacity:.65!important;font-weight:700!important;margin:0!important;padding:0!important;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.1);padding-right:.4rem!important;white-space:nowrap}.control-group .sound-trigger{background:rgba(0,240,255,.03)!important;border:1px solid rgba(0,240,255,.2)!important;box-shadow:0 0 5px rgba(0,240,255,.05)!important;padding:.35rem .75rem!important;border-radius:30px!important;color:#fff!important;min-width:auto!important;font-size:.78rem!important;margin:0!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important}.control-group .sound-trigger.open,.control-group .sound-trigger:hover{background:rgba(0,240,255,.1)!important;border-color:rgba(0,240,255,.7)!important;box-shadow:0 0 15px rgba(0,240,255,.4),inset 0 0 8px rgba(0,240,255,.1)!important;transform:translateY(-1px)}.control-group .theme-trigger{background:rgba(181,95,230,.03)!important;border:1px solid rgba(181,95,230,.2)!important;box-shadow:0 0 5px rgba(181,95,230,.05)!important;padding:.35rem .75rem!important;border-radius:30px!important;color:#fff!important;min-width:auto!important;font-size:.78rem!important;margin:0!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important}.control-group .theme-trigger.open,.control-group .theme-trigger:hover{background:rgba(181,95,230,.1)!important;border-color:rgba(181,95,230,.7)!important;box-shadow:0 0 15px rgba(181,95,230,.4),inset 0 0 8px rgba(181,95,230,.1)!important;transform:translateY(-1px)}.control-group #lang-trigger{background:rgba(46,204,113,.03)!important;border:1px solid rgba(46,204,113,.2)!important;box-shadow:0 0 5px rgba(46,204,113,.05)!important;padding:.35rem .75rem!important;min-width:auto!important;font-size:.78rem!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important}.control-group #lang-trigger.open,.control-group #lang-trigger:hover{background:rgba(46,204,113,.1)!important;border-color:rgba(46,204,113,.7)!important;box-shadow:0 0 15px rgba(46,204,113,.4),inset 0 0 8px rgba(46,204,113,.1)!important}.control-group .eye-comfort-btn{background:rgba(255,140,0,.03)!important;border:1px solid rgba(255,140,0,.2)!important;box-shadow:0 0 5px rgba(255,140,0,.05)!important;padding:.35rem .85rem!important;border-radius:30px!important;color:#fff!important;font-size:.78rem!important;margin:0!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important}.control-group .eye-comfort-btn:hover{background:rgba(255,140,0,.1)!important;border-color:rgba(255,140,0,.7)!important;box-shadow:0 0 15px rgba(255,140,0,.4),inset 0 0 8px rgba(255,140,0,.1)!important;transform:translateY(-1px)}.control-group .display-mode-btn{background:rgba(148,163,184,.05)!important;border:1px solid rgba(148,163,184,.25)!important;box-shadow:0 0 5px rgba(148,163,184,.05)!important;padding:.35rem .85rem!important;border-radius:30px!important;color:#e2e8f0!important;font-size:.78rem!important;margin:0!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important}.control-group .display-mode-btn:hover{background:rgba(148,163,184,.15)!important;border-color:rgba(148,163,184,.7)!important;box-shadow:0 0 15px rgba(148,163,184,.4),inset 0 0 8px rgba(148,163,184,.1)!important;transform:translateY(-1px)}.control-group .display-mode-btn.active{background:rgba(148,163,184,.25)!important;border-color:rgba(203,213,225,.85)!important;box-shadow:0 0 15px rgba(148,163,184,.5)!important;color:#fff!important}.control-group .header-donate-btn{background:linear-gradient(135deg,var(--accent),#f0a)!important;border:none!important;box-shadow:0 0 10px rgba(255,0,85,.35)!important;padding:.38rem 1rem!important;border-radius:30px!important;color:#fff!important;font-size:.78rem!important;font-weight:700!important;cursor:pointer;margin:0!important;text-transform:uppercase;letter-spacing:.5px;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.3rem!important}.control-group .header-donate-btn:hover{transform:translateY(-1.5px) scale(1.03);box-shadow:0 0 18px var(--accent)!important;background:linear-gradient(135deg,#f05,#f3a)!important}.control-group .header-about-btn{background:rgba(0,240,255,.08)!important;border:1px solid rgba(0,240,255,.3)!important;box-shadow:0 0 10px rgba(0,240,255,.15)!important;padding:.38rem .95rem!important;border-radius:30px!important;color:#00f0ff!important;font-size:.78rem!important;font-weight:700!important;cursor:pointer;margin:0!important;text-transform:uppercase;letter-spacing:.5px;text-decoration:none!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.3rem!important}.control-group .header-about-btn:hover{transform:translateY(-1.5px) scale(1.03);box-shadow:0 0 18px rgba(0,240,255,.5)!important;background:rgba(0,240,255,.22)!important;border-color:#00f0ff!important;color:#fff!important}.eye-comfort-btn{cursor:pointer;font-family:var(--font-sans);font-size:.82rem;font-weight:500;transition:all .2s ease}.focus-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(5,10,20,.65);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:15!important;border-radius:14px;opacity:1;pointer-events:none;transition:opacity .3s cubic-bezier(.4, 0, .2, 1)}.focus-overlay.hidden{opacity:0!important;display:flex!important;pointer-events:none!important}.focus-message{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;transform:translateY(0);animation:focusFloat 2s ease-in-out infinite alternate}@keyframes focusFloat{0%{transform:translateY(0)}100%{transform:translateY(-6px)}}.focus-icon{font-size:2.2rem;color:var(--primary);text-shadow:0 0 15px var(--primary-glow)}.focus-title{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:900;color:#fff;letter-spacing:2px;text-shadow:0 0 10px rgba(255,255,255,.2)}.focus-sub{font-size:.88rem;color:var(--secondary);opacity:.75}.text-display.blurred{filter:blur(4.5px);opacity:.45;transition:filter .3s ease,opacity .3s ease}.text-display{transition:filter .3s ease,opacity .3s ease}.text-display.blurred #caret{opacity:0!important}.typing-section{transition:border-color .4s ease,box-shadow .4s ease,background .4s ease,transform .4s cubic-bezier(.25, .8, .25, 1)!important}.typing-section:focus-within{border-color:var(--primary)!important;box-shadow:0 0 25px rgba(0,255,255,.12),inset 0 0 15px rgba(0,255,255,.02)!important}.modifiers{gap:.65rem!important}.toggle-label{position:relative;background:rgba(255,255,255,.02)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;color:rgba(255,255,255,.45)!important;font-size:.78rem!important;cursor:pointer;padding:.45rem .85rem!important;transition:all .25s cubic-bezier(.4, 0, .2, 1);display:inline-flex;align-items:center;gap:.5rem;user-select:none;font-weight:600!important}.toggle-label input[type=checkbox]{display:none!important}.toggle-label::before{content:'';display:inline-block;width:6px;height:6px;border:1.5px solid rgba(255,255,255,.3);border-radius:1.5px;background:0 0;transition:all .2s ease}.toggle-label:hover{border-color:rgba(255,255,255,.2)!important;color:#fff!important;background:rgba(255,255,255,.04)!important}.toggle-label:has(input:checked){color:var(--primary)!important;background:rgba(0,255,255,.06)!important;border-color:var(--primary)!important;box-shadow:0 0 12px rgba(0,255,255,.12)!important}.toggle-label:has(input:checked)::before{background:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 0 6px var(--primary)}.stats-board{gap:1.2rem!important}.stat-box{position:relative;border:1px solid rgba(255,255,255,.06)!important;background:rgba(8,14,26,.5)!important;padding:1.25rem .8rem!important;overflow:hidden}.stat-box::before{content:'';position:absolute;top:0;left:0;width:15px;height:15px;border-color:var(--primary);border-style:solid;border-width:2px 0 0 2px;border-radius:3px 0 0 0;opacity:0;transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease;transform-origin:top left}.stat-box::after{content:'';position:absolute;bottom:0;right:0;width:15px;height:15px;border-color:var(--primary);border-style:solid;border-width:0 2px 2px 0;border-radius:0 0 3px 0;opacity:0;transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease;transform-origin:bottom right}.stat-box{box-shadow:inset 0 0 0 rgba(0,255,255,0)}.stat-box::after,.stat-box::before{opacity:.25}.stat-box.active::after,.stat-box.active::before,.stat-box:hover::after,.stat-box:hover::before{opacity:1!important;transform:scale(1.15);box-shadow:0 0 8px var(--primary-glow)}.stat-box:hover{border-color:rgba(255,255,255,.12)!important;background:rgba(12,20,36,.7)!important}.stat-box.active{border-color:rgba(0,255,255,.2)!important;background:rgba(0,255,255,.03)!important;box-shadow:inset 0 0 15px rgba(0,255,255,.02)!important}.stat-label{font-size:.65rem!important;letter-spacing:2px!important;opacity:.45!important;font-weight:700!important}.stat-value{font-size:2.6rem!important;text-shadow:0 2px 10px rgba(0,0,0,.3)}.action-btns{gap:.75rem!important}.cyber-btn{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.02)!important;color:rgba(255,255,255,.6)!important;padding:.7rem 1.6rem!important;border-radius:10px!important;font-weight:700!important;font-family:var(--font-sans)!important;text-transform:uppercase;letter-spacing:.5px;transition:all .3s cubic-bezier(.4, 0, .2, 1)!important;box-shadow:none!important}.cyber-btn:hover{border-color:var(--primary)!important;background:rgba(0,255,255,.06)!important;color:var(--primary)!important;box-shadow:0 0 15px rgba(0,255,255,.15)!important;transform:translateY(-2px)}.cyber-btn:active{transform:translateY(0)}.cyber-btn.neon-glow-btn{border-color:var(--primary)!important;background:rgba(0,255,255,.04)!important;color:var(--primary)!important}.cyber-btn.neon-glow-btn:hover{background:rgba(0,255,255,.1)!important;box-shadow:0 0 20px rgba(0,255,255,.3)!important}.bs-header-bar .cyber-btn,.game-exit-action-btn,.game-header-bar .cyber-btn{padding:.55rem 1.1rem!important;font-size:.82rem!important;border-radius:8px!important;background:rgba(255,71,87,.12)!important;border:1px solid rgba(255,71,87,.45)!important;color:#ff6b81!important;font-weight:600!important;transition:all .25s ease!important;cursor:pointer!important}.bs-header-bar .cyber-btn:hover,.game-exit-action-btn:hover,.game-header-bar .cyber-btn:hover{background:rgba(255,71,87,.25)!important;color:#fff!important;border-color:#ff4757!important;box-shadow:0 0 14px rgba(255,71,87,.5)!important;transform:translateY(-1px)!important}.canvas-exit-btn{position:absolute!important;top:12px!important;left:12px!important;z-index:99999!important;padding:.45rem .9rem!important;font-size:.78rem!important;font-weight:600!important;background:rgba(10,16,30,.9)!important;border:1px solid rgba(255,71,87,.55)!important;color:#ff6b81!important;border-radius:8px!important;backdrop-filter:blur(10px)!important;box-shadow:0 4px 15px rgba(0,0,0,.5)!important}.canvas-exit-btn:hover{background:rgba(255,71,87,.28)!important;color:#fff!important;border-color:#ff4757!important;box-shadow:0 0 16px rgba(255,71,87,.6)!important}.control-group .eye-comfort-btn.active{color:#ff8c00!important;background:rgba(255,140,0,.08)!important}.control-group .eye-comfort-btn:hover{color:#ff8c00!important;background:rgba(255,140,0,.05)!important}body.game-mode-active #bubble-shooter-container>.section-heading,body.game-mode-active #bubble-shooter-container>h3,body.game-mode-active #game-mode-container>.section-heading,body.game-mode-active #game-mode-container>h3,body.game-mode-active #seo-about-section,body.game-mode-active #seo-main-heading,body.game-mode-active #standard-mode-container,body.game-mode-active .cyber-footer,body.game-mode-active .lesson-selector,body.game-mode-active .seo-main-heading,body.game-mode-active footer,body.game-mode-active header{display:none!important}body.game-mode-active{overflow-x:hidden!important;overflow-y:auto!important;min-height:100vh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important}body.game-mode-active .container{padding:.5rem 1rem!important;max-width:960px!important;width:95%!important;margin:auto!important;min-height:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important}body.game-mode-active #game-mode-container:not(.hidden){width:100%!important;max-width:880px!important;margin:0 auto!important;padding:0!important;gap:.5rem!important;display:flex!important;flex-direction:column!important;justify-content:center!important}body.game-mode-active #game-play-screen{gap:.4rem!important;width:100%!important;display:flex!important;flex-direction:column!important}body.game-mode-active .game-header-bar{margin-bottom:.2rem!important;padding:0!important}body.game-mode-active .active-game-title{font-size:1.05rem!important}body.game-mode-active .stats-board{margin-bottom:.4rem!important;gap:.75rem!important;display:flex!important;justify-content:center!important}body.game-mode-active .stats-board .stat-box{padding:.4rem 1.25rem!important;min-width:100px!important;border-radius:12px!important}body.game-mode-active .stats-board .stat-label{font-size:.6rem!important;letter-spacing:2px!important;margin-bottom:.15rem!important}body.game-mode-active .stats-board .stat-value{font-size:1.35rem!important}body.game-mode-active .game-area{gap:.5rem!important;width:100%!important;display:flex!important;flex-direction:column!important}body.game-mode-active #game-canvas{width:100%!important;height:clamp(280px,calc(100vh - 270px),430px)!important;min-height:280px!important;max-height:440px!important;border-radius:12px!important;position:relative!important;overflow:hidden!important}body.game-mode-active .game-input-container{width:100%!important;display:flex!important;justify-content:center!important;margin-top:.2rem!important}body.game-mode-active #game-input{width:85%!important;max-width:520px!important;padding:.65rem 1.5rem!important;font-size:1.25rem!important;border-radius:25px!important}@media (max-height:720px){body.game-mode-active .container{padding:.25rem .5rem!important}body.game-mode-active .stats-board{margin-bottom:.2rem!important;gap:.5rem!important}body.game-mode-active .stats-board .stat-box{padding:.25rem .75rem!important;min-width:80px!important}body.game-mode-active .stats-board .stat-label{font-size:.5rem!important;letter-spacing:1px!important}body.game-mode-active .stats-board .stat-value{font-size:1.1rem!important}body.game-mode-active #game-canvas{height:clamp(230px,calc(100vh - 210px),330px)!important;min-height:230px!important}body.game-mode-active #game-input{padding:.45rem 1rem!important;font-size:1.05rem!important}.start-screen-content{padding:.9rem 1.2rem!important;gap:.4rem!important}.start-game-icon{font-size:1.8rem!important}.start-game-title{font-size:1.25rem!important}.start-game-desc{font-size:.78rem!important;line-height:1.25!important}.game-start-btn{padding:.4rem 1.5rem!important;font-size:.85rem!important}}.focus-mascot-img{width:90px;height:90px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 12px rgba(255, 0, 85, .45));margin-bottom:.5rem;animation:sleepGlow 2.5s ease-in-out infinite alternate}@keyframes sleepGlow{0%{transform:scale(.94) rotate(-3deg);filter:drop-shadow(0 0 8px rgba(255, 0, 85, .25))}100%{transform:scale(1.04) rotate(3deg);filter:drop-shadow(0 0 22px rgba(255, 0, 85, .55))}}.focus-mascot-bubble{background:rgba(255,0,85,.1);border:1px solid rgba(255,0,85,.35);color:#fff;border-radius:8px;padding:.5rem .9rem;font-size:.85rem;font-weight:600;margin-bottom:1rem;position:relative;max-width:250px;text-shadow:0 0 8px rgba(255,0,85,.3);box-shadow:0 0 10px rgba(255,0,85,.05)}.focus-mascot-bubble::after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(255,0,85,.35)}.controls,.high-score-container,.lesson-selector,footer,header{transition:opacity .6s cubic-bezier(.4, 0, .2, 1),filter .6s cubic-bezier(.4, 0, .2, 1)!important}body.focused-typing .controls,body.focused-typing .high-score-container,body.focused-typing .lesson-selector,body.focused-typing footer,body.focused-typing header{opacity:.15!important;filter:blur(5px)!important;pointer-events:none!important}body.focused-typing #typing-section-wrapper{transform:translateY(8vh);cursor:none!important}.keyboard-hint{display:flex;justify-content:center;gap:1.5rem;font-size:.75rem;color:var(--secondary);opacity:.45;margin-top:1.2rem;font-family:var(--font-mono);transition:opacity .3s ease;position:relative!important;z-index:10!important;pointer-events:auto!important}.keyboard-hint kbd{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:.1rem .35rem;box-shadow:0 1px 0 rgba(0,0,0,.5);font-size:.7rem;color:#fff}.live-keyboard-guide{display:flex;flex-direction:column;gap:.35rem;background:rgba(10,20,35,.4);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:.85rem;margin-top:1.2rem;width:100%;max-width:780px;margin-left:auto;margin-right:auto;align-self:center;box-sizing:border-box;transition:all .3s ease;backdrop-filter:blur(10px);position:relative!important;z-index:10!important}.live-keyboard-guide.hidden{display:none!important}.keyboard-row{display:flex;gap:.4rem;width:100%}.live-keyboard-guide .key{flex:1;height:38px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px;color:rgba(255,255,255,.5);font-size:.82rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .1s cubic-bezier(.2, .8, .2, 1);font-family:var(--font-sans);user-select:none;text-transform:uppercase}.live-keyboard-guide .key-shift{flex:1.5;background:rgba(255,255,255,.01)}.live-keyboard-guide .key-backspace{flex:1.8;background:rgba(255,255,255,.01);font-size:.75rem}.live-keyboard-guide .key-tab{flex:1.5;background:rgba(255,255,255,.01);font-size:.65rem}.live-keyboard-guide .key-caps{flex:1.8;background:rgba(255,255,255,.01);font-size:.65rem}.live-keyboard-guide .key-enter{flex:2;background:rgba(255,255,255,.01);font-size:.65rem}.live-keyboard-guide .key-shift-l{flex:2.2;background:rgba(255,255,255,.01);font-size:.65rem}.live-keyboard-guide .key-shift-r{flex:2.2;background:rgba(255,255,255,.01);font-size:.65rem}.live-keyboard-guide .key-ctrl{flex:1.2;background:rgba(255,255,255,.01);font-size:.65rem}.live-keyboard-guide .key-alt{flex:1.2;background:rgba(255,255,255,.01);font-size:.65rem}.live-keyboard-guide .key-space{flex:6}.live-keyboard-guide .key-backslash{flex:1.3;font-size:.75rem}.live-keyboard-guide .key-backtick{flex:1}.keyboard-row-space{justify-content:center}.live-keyboard-guide .key.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#000!important;box-shadow:0 0 15px var(--primary),inset 0 0 5px rgba(255,255,255,.4)!important;transform:scale(.95)}.live-keyboard-guide .key.next-key{border-color:var(--primary)!important;color:var(--primary)!important;background:rgba(255,255,255,.03)!important;box-shadow:0 0 10px rgba(0,240,255,.15)!important;animation:keyPulse 1.4s infinite ease-in-out}@keyframes keyPulse{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02);box-shadow:0 0 14px var(--primary)!important;border-color:var(--primary)!important}}.toggle-keyboard-btn{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.1)!important;color:rgba(255,255,255,.6)!important;padding:.15rem .5rem!important;border-radius:6px!important;font-size:.7rem!important;font-family:var(--font-sans)!important;cursor:pointer!important;transition:all .2s ease!important;outline:0!important;display:inline-flex;align-items:center;gap:.25rem;pointer-events:auto!important;position:relative!important;z-index:100!important}.toggle-keyboard-btn:hover{border-color:var(--primary)!important;color:#fff!important;background:rgba(255,255,255,.08)!important}body.focused-typing .keyboard-hint{opacity:0!important;pointer-events:none!important}body.zen-mode .ad-container,body.zen-mode .adsbygoogle,body.zen-mode [class*=ad-box],body.zen-mode [id*=ad-]{display:none!important}.modal-tabs{display:flex;border-bottom:2px solid rgba(0,255,255,.15);margin-bottom:1.5rem;gap:1rem;justify-content:flex-start}.modal-tab{background:0 0;border:none;color:var(--text-sub);font-family:'Space Grotesk',sans-serif;font-size:.95rem;font-weight:600;padding:.5rem 1rem;cursor:pointer;position:relative;transition:all .3s ease}.modal-tab:hover{color:#fff}.modal-tab.active{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.modal-tab.active::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--primary);box-shadow:0 0 10px var(--primary)}.modal-pane{animation:fadeInModalPane .3s ease}@keyframes fadeInModalPane{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.generator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin:1.25rem 0;text-align:left}.generator-option{display:flex;flex-direction:column;gap:.4rem}.generator-option.checkbox-option{justify-content:flex-end;padding-bottom:.5rem}.generator-option label{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-sub);font-weight:600}.cyber-select{background:rgba(15,22,38,.8);border:1px solid var(--border);border-radius:8px;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:.9rem;padding:.6rem .8rem;cursor:pointer;outline:0;transition:all .3s ease}.cyber-select:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.cyber-select option{background:#0b0c10;color:#fff}.cyber-checkbox{appearance:none;width:16px;height:16px;border:1px solid var(--border);border-radius:4px;background:rgba(0,0,0,.3);cursor:pointer;position:relative;outline:0;transition:all .3s ease}.cyber-checkbox:checked{background:var(--primary);border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.cyber-checkbox:checked::after{content:'✓';position:absolute;color:#0b0c10;font-size:.7rem;font-weight:900;top:50%;left:50%;transform:translate(-50%,-50%)}.generator-preview-container{background:rgba(0,0,0,.35);border:1px dashed var(--border);border-radius:10px;padding:1rem;margin-top:1rem}.generator-preview{font-family:'JetBrains Mono',monospace;font-size:.85rem;color:var(--text-main);line-height:1.6;height:100px;overflow-y:auto;text-align:left;white-space:pre-wrap;word-break:break-word}.result-layout-grid{display:flex;flex-direction:column;width:100%;gap:1.5rem}@media (min-width:1024px){.result-layout-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:2.5rem;align-items:start}#result-modal .modal-content{max-width:95%!important;width:1250px!important;max-height:90vh!important;height:auto!important;padding:2.5rem 3rem!important;box-shadow:0 0 45px rgba(0,255,255,.2),inset 0 0 25px rgba(0,255,255,.05)!important;border:2px solid var(--primary)!important;overflow-y:auto!important}#result-modal .final-stats{display:flex!important;justify-content:space-around!important;margin-bottom:1.5rem!important}#result-modal .final-stats-details{grid-template-columns:repeat(3,1fr)!important;margin-bottom:1.5rem!important;border:1px solid rgba(0,255,255,.25)!important}#result-modal .chart-container{height:220px!important;margin:.5rem 0 1.5rem 0!important}}@keyframes statsCascadeUp{0%{transform:translateY(25px);opacity:0}100%{transform:translateY(0);opacity:1}}#result-modal .modal-content h2{animation:statsCascadeUp .6s cubic-bezier(.165,.84,.44,1) forwards}#result-modal .final-stats{opacity:0;animation:statsCascadeUp .6s cubic-bezier(.165,.84,.44,1) .15s forwards}#result-modal .final-stats-details{opacity:0;animation:statsCascadeUp .6s cubic-bezier(.165,.84,.44,1) .3s forwards}#result-modal .chart-container{opacity:0;animation:statsCascadeUp .6s cubic-bezier(.165,.84,.44,1) .45s forwards}#result-modal .result-heatmap-section{opacity:0;animation:statsCascadeUp .6s cubic-bezier(.165,.84,.44,1) .6s forwards}#result-modal #encouraging-msg{opacity:0;animation:statsCascadeUp .6s cubic-bezier(.165,.84,.44,1) .7s forwards}#result-modal .modal-btn-group{opacity:0;animation:statsCascadeUp .6s cubic-bezier(.165,.84,.44,1) .8s forwards}#result-modal .final-stats .f-stat{position:relative;transition:transform .4s cubic-bezier(.25, .8, .25, 1),text-shadow .4s cubic-bezier(.25, .8, .25, 1)!important}#result-modal .final-stats .f-stat:hover{transform:translateY(-8px) scale(1.08)!important;text-shadow:0 0 25px var(--primary-glow)!important}#result-modal .f-stat-detail{position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.25, .8, .25, 1),border-color .4s cubic-bezier(.25, .8, .25, 1),background .4s cubic-bezier(.25, .8, .25, 1),box-shadow .4s cubic-bezier(.25, .8, .25, 1)!important;border:1px solid rgba(255,255,255,.05)!important}#result-modal .f-stat-detail:hover{transform:translateY(-8px) scale(1.04)!important;border-color:var(--primary)!important;background:rgba(0,255,255,.04)!important;box-shadow:0 10px 20px rgba(0,255,255,.15),inset 0 0 12px rgba(0,255,255,.05)!important}#result-modal .f-stat-detail::after{content:'';position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(0,255,255,.15) 50%,rgba(255,255,255,0) 100%);transform:skewX(-30deg);transition:none;pointer-events:none}#result-modal .f-stat-detail:hover::after{left:150%;transition:all .85s cubic-bezier(.25, .8, .25, 1)}@keyframes heatmapKeyFadeIn{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}#result-modal .heatmap-key{opacity:0;animation:heatmapKeyFadeIn .4s cubic-bezier(.175,.885,.32,1.15) forwards}#result-modal .heatmap-row:first-child .heatmap-key:nth-child(1){animation-delay:.65s}#result-modal .heatmap-row:first-child .heatmap-key:nth-child(2){animation-delay:.67s}#result-modal .heatmap-row:first-child .heatmap-key:nth-child(3){animation-delay:.69s}#result-modal .heatmap-row:first-child .heatmap-key:nth-child(4){animation-delay:.71s}#result-modal .heatmap-row:first-child .heatmap-key:nth-child(5){animation-delay:.73s}#result-modal .heatmap-row:first-child .heatmap-key:nth-child(6){animation-delay:.75s}#result-modal .heatmap-row:first-child .heatmap-key:nth-child(7){animation-delay:.77s}#result-modal .heatmap-row:first-child .heatmap-key:nth-child(8){animation-delay:.79s}#result-modal .heatmap-row:first-child .heatmap-key:nth-child(9){animation-delay:.81s}#result-modal .heatmap-row:first-child .heatmap-key:nth-child(10){animation-delay:.83s}#result-modal .heatmap-row:nth-child(2) .heatmap-key:first-child{animation-delay:.7s}#result-modal .heatmap-row:nth-child(2) .heatmap-key:nth-child(2){animation-delay:.72s}#result-modal .heatmap-row:nth-child(2) .heatmap-key:nth-child(3){animation-delay:.74s}#result-modal .heatmap-row:nth-child(2) .heatmap-key:nth-child(4){animation-delay:.76s}#result-modal .heatmap-row:nth-child(2) .heatmap-key:nth-child(5){animation-delay:.78s}#result-modal .heatmap-row:nth-child(2) .heatmap-key:nth-child(6){animation-delay:.8s}#result-modal .heatmap-row:nth-child(2) .heatmap-key:nth-child(7){animation-delay:.82s}#result-modal .heatmap-row:nth-child(2) .heatmap-key:nth-child(8){animation-delay:.84s}#result-modal .heatmap-row:nth-child(2) .heatmap-key:nth-child(9){animation-delay:.86s}#result-modal .heatmap-row:nth-child(2) .heatmap-key:nth-child(10){animation-delay:.88s}#result-modal .heatmap-row:nth-child(3) .heatmap-key:first-child{animation-delay:.75s}#result-modal .heatmap-row:nth-child(3) .heatmap-key:nth-child(2){animation-delay:.77s}#result-modal .heatmap-row:nth-child(3) .heatmap-key:nth-child(3){animation-delay:.79s}#result-modal .heatmap-row:nth-child(3) .heatmap-key:nth-child(4){animation-delay:.81s}#result-modal .heatmap-row:nth-child(3) .heatmap-key:nth-child(5){animation-delay:.83s}#result-modal .heatmap-row:nth-child(3) .heatmap-key:nth-child(6){animation-delay:.85s}#result-modal .heatmap-row:nth-child(3) .heatmap-key:nth-child(7){animation-delay:.87s}#result-modal .heatmap-row:nth-child(3) .heatmap-key:nth-child(8){animation-delay:.89s}#result-modal .heatmap-row:nth-child(3) .heatmap-key:nth-child(9){animation-delay:.91s}#result-modal .heatmap-row:nth-child(3) .heatmap-key:nth-child(10){animation-delay:.93s}#result-modal .heatmap-row:nth-child(4) .heatmap-key:first-child{animation-delay:.8s}#result-modal .heatmap-row:nth-child(4) .heatmap-key:nth-child(2){animation-delay:.82s}#result-modal .heatmap-row:nth-child(4) .heatmap-key:nth-child(3){animation-delay:.84s}#result-modal .heatmap-row:nth-child(4) .heatmap-key:nth-child(4){animation-delay:.86s}#result-modal .heatmap-row:nth-child(4) .heatmap-key:nth-child(5){animation-delay:.88s}#result-modal .heatmap-row:nth-child(4) .heatmap-key:nth-child(6){animation-delay:.9s}#result-modal .heatmap-row:nth-child(4) .heatmap-key:nth-child(7){animation-delay:.92s}#result-modal .heatmap-row:nth-child(4) .heatmap-key:nth-child(8){animation-delay:.94s}#result-modal .heatmap-row:nth-child(4) .heatmap-key:nth-child(9){animation-delay:.96s}#result-modal .heatmap-row:nth-child(4) .heatmap-key:nth-child(10){animation-delay:.98s}#result-modal .heatmap-row:nth-child(5) .heatmap-key{animation-delay:1s}.cyber-drawer{max-height:500px;opacity:1;overflow:hidden;transition:max-height .4s cubic-bezier(.25, 1, .5, 1),opacity .3s ease,margin .3s ease,padding .3s ease;margin-top:1rem;margin-bottom:1.5rem;will-change:max-height,opacity}.cyber-drawer.hidden{max-height:0!important;padding-top:0!important;padding-bottom:0!important;opacity:0!important;pointer-events:none!important;margin-top:0!important;margin-bottom:0!important;display:block!important}.drawer-glass-content{background:rgba(10,11,16,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,240,255,.18);border-radius:12px;padding:1.2rem 1.6rem;box-shadow:0 15px 35px rgba(0,0,0,.6),inset 0 0 15px rgba(0,240,255,.04)}.drawer-group{display:flex;flex-direction:column;gap:.8rem}.drawer-group-title{font-family:Orbitron,sans-serif;font-size:.75rem;color:var(--primary);text-transform:uppercase;letter-spacing:2px;font-weight:700;text-shadow:0 0 8px rgba(0,240,255,.35);border-bottom:1px dashed rgba(0,240,255,.2);padding-bottom:.4rem;width:fit-content}.drawer-modifiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.8rem;margin-top:.2rem}.daily-quest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-top:.5rem}.drawer-toggle-label{display:flex;align-items:center;gap:.6rem;color:var(--text-sub);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.5rem .8rem;transition:all .2s ease}.drawer-toggle-label:hover{color:#fff;background:rgba(0,240,255,.03);border-color:rgba(0,240,255,.3);box-shadow:0 0 10px rgba(0,240,255,.1)}.drawer-toggle-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1.5px solid rgba(0,240,255,.5);border-radius:3px;outline:0;cursor:pointer;position:relative;transition:all .2s ease}.drawer-toggle-label input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 8px var(--primary)}.drawer-toggle-label input[type=checkbox]:checked::after{content:"✓";font-size:10px;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700}.lesson-btn.config-btn{border-color:color-mix(in srgb,var(--primary) 40%,transparent)!important;background:color-mix(in srgb,var(--primary) 5%,transparent)!important;color:var(--primary)!important;font-weight:600}.lesson-btn.config-btn:hover{border-color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 15%,transparent)!important;box-shadow:0 0 15px color-mix(in srgb,var(--primary) 40%,transparent)!important}#typing-section-wrapper{position:relative;transition:box-shadow .6s cubic-bezier(.25, .8, .25, 1),border-color .6s cubic-bezier(.25, .8, .25, 1);will-change:box-shadow,border-color}#typing-section-wrapper.speed-rookie{border-color:color-mix(in srgb,var(--primary) 18%,transparent)!important;box-shadow:0 15px 45px rgba(0,0,0,.5),0 0 15px color-mix(in srgb,var(--primary) 8%,transparent),inset 0 0 15px color-mix(in srgb,var(--primary) 2%,transparent)!important}#typing-section-wrapper.speed-pro{border-color:color-mix(in srgb,var(--primary) 35%,transparent)!important;box-shadow:0 15px 45px rgba(0,0,0,.5),0 0 25px color-mix(in srgb,var(--primary) 15%,transparent),inset 0 0 20px color-mix(in srgb,var(--primary) 3%,transparent)!important}#typing-section-wrapper.speed-master{border-color:color-mix(in srgb,var(--primary) 55%,transparent)!important;box-shadow:0 15px 45px rgba(0,0,0,.5),0 0 35px color-mix(in srgb,var(--primary) 22%,transparent),0 0 15px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 0 20px color-mix(in srgb,var(--primary) 5%,transparent)!important}#typing-section-wrapper.speed-god{border-color:var(--accent)!important;box-shadow:0 15px 45px rgba(0,0,0,.5),0 0 45px color-mix(in srgb,var(--accent) 35%,transparent),0 0 20px color-mix(in srgb,var(--primary) 20%,transparent),inset 0 0 25px color-mix(in srgb,var(--accent) 6%,transparent)!important}.textbox-focus-cue{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:18px;border:2px solid transparent;pointer-events:none;z-index:0;transition:all .5s ease}#typing-section-wrapper:focus-within .textbox-focus-cue{border-color:color-mix(in srgb,var(--primary) 40%,transparent)!important;box-shadow:0 0 12px color-mix(in srgb,var(--primary) 20%,transparent),inset 0 0 6px color-mix(in srgb,var(--primary) 5%,transparent)!important}#caret.caret-style-line.typing-active{width:3.5px;filter:drop-shadow(0 0 1px currentColor)}#caret.caret-style-line.typing-fast{width:4.5px;filter:drop-shadow(0 0 1.5px currentColor);transform-origin:bottom center}#caret.caret-style-line.typing-nitro{width:6px;filter:drop-shadow(0 0 2px currentColor);transform-origin:bottom center;border-radius:4px}.mobile-virtual-keyboard{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:1.5rem;padding:10px;background:rgba(10,10,15,.6);border:1px solid rgba(0,240,255,.15);border-radius:12px;box-shadow:inset 0 0 10px rgba(0,240,255,.05);backdrop-filter:blur(10px)}.virtual-key-row{display:flex;justify-content:center;gap:4px;width:100%}.v-key{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:var(--text);padding:10px 0;font-size:.95rem;font-weight:600;font-family:'JetBrains Mono',monospace;border-radius:6px;cursor:pointer;flex:1;max-width:42px;height:42px;display:flex;align-items:center;justify-content:center;transition:all .1s cubic-bezier(.2, .8, .2, 1);box-shadow:0 2px 4px rgba(0,0,0,.2);user-select:none;-webkit-tap-highlight-color:transparent}.v-key.active-press,.v-key:active{background:rgba(0,240,255,.15);border-color:var(--primary);color:var(--primary);box-shadow:0 0 10px rgba(0,240,255,.4);transform:scale(.95) translateY(1px)}.v-key[data-key=backspace],.v-key[data-key=shift]{max-width:65px;font-size:.8rem;text-transform:uppercase;background:rgba(255,255,255,.05)}.v-key.v-space{max-width:280px;background:rgba(255,255,255,.03)}.mobile-virtual-keyboard{display:none!important}@media (max-width:768px){.keyboard-hint{display:none!important}}.brand-logo-img{animation:logoNeonPulse 4s ease-in-out infinite alternate;will-change:filter,transform}@keyframes logoNeonPulse{0%{filter:drop-shadow(0 0 4px rgba(0, 240, 255, .35)) drop-shadow(0 0 10px rgba(0, 240, 255, .15));transform:scale(1)}100%{filter:drop-shadow(0 0 12px rgba(0, 240, 255, .75)) drop-shadow(0 0 25px rgba(0, 240, 255, .35));transform:scale(1.03)}}.typing-section{backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 15px 45px rgba(0,0,0,.5),inset 0 0 20px rgba(0,240,255,.03),inset 0 1px 0 rgba(255,255,255,.05)!important}.stats-board{backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 30px rgba(0,0,0,.4),inset 0 0 15px rgba(0,240,255,.02)!important;transition:transform .4s cubic-bezier(.25, .8, .25, 1),border-color .4s ease,box-shadow .4s ease!important;transform:translateZ(0);backface-visibility:hidden}.stat-box{transition:transform .3s cubic-bezier(.25, .8, .25, 1),border-color .3s ease,background-color .3s ease,box-shadow .3s ease!important;transform:translateZ(0);backface-visibility:hidden}.stat-box:hover{transform:translateY(-3px) scale(1.02);border-color:rgba(0,240,255,.35)!important;box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 12px rgba(0,240,255,.15)!important}.cyber-drawer{transition:max-height .5s cubic-bezier(.175, .885, .32, 1.275),opacity .4s ease,margin .4s ease,padding .4s ease!important}.drawer-glass-content{background:rgba(8,11,20,.88)!important;backdrop-filter:blur(25px)!important;border:1px solid rgba(0,240,255,.25)!important;box-shadow:0 20px 50px rgba(0,0,0,.75),0 0 30px rgba(0,240,255,.06),inset 0 0 20px rgba(0,240,255,.05)!important}.drawer-toggle-label{border-radius:20px!important;background:rgba(255,255,255,.01)!important;border:1px solid rgba(255,255,255,.05)!important;padding:.55rem 1rem!important;font-weight:500!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important}.drawer-toggle-label:hover{background:rgba(0,240,255,.05)!important;border-color:rgba(0,240,255,.45)!important;box-shadow:0 0 12px rgba(0,240,255,.2)!important;transform:translateY(-1px)}.controls .cyber-btn{border-radius:30px!important;padding:.75rem 1.8rem!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.02)!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important;position:relative;overflow:hidden}.controls .cyber-btn:hover{color:#fff!important;background:rgba(0,240,255,.08)!important;border-color:rgba(0,240,255,.5)!important;box-shadow:0 0 15px rgba(0,240,255,.25)!important;transform:translateY(-2px)}.controls .cyber-btn:active{transform:translateY(1px) scale(.97)!important;box-shadow:0 0 8px rgba(0,240,255,.1)!important}#reset-btn:hover{background:rgba(255,71,84,.08)!important;border-color:rgba(255,71,84,.5)!important;box-shadow:0 0 15px rgba(255,71,84,.25)!important}#new-text-btn:hover{background:rgba(46,204,113,.08)!important;border-color:rgba(46,204,113,.5)!important;box-shadow:0 0 15px rgba(46,204,113,.25)!important}#zen-mode-btn:hover{background:rgba(181,95,230,.08)!important;border-color:rgba(181,95,230,.5)!important;box-shadow:0 0 15px rgba(181,95,230,.25)!important}#history-btn:hover{background:rgba(255,204,0,.08)!important;border-color:rgba(255,204,0,.5)!important;box-shadow:0 0 15px rgba(255,204,0,.25)!important}.controls .cyber-btn::before{content:'';position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.18) 50%,rgba(255,255,255,0) 100%);transform:skewX(-30deg);transition:none;pointer-events:none}.controls .cyber-btn:hover::before{left:150%;transition:all .75s cubic-bezier(.25, .8, .25, 1)}.typing-gears-btn:hover .gears-cart-icon{animation:gearSlowSpin 3.5s linear infinite}@keyframes gearSlowSpin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.lesson-btn{border-radius:30px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.02)!important;padding:0 1.3rem!important;height:36px!important;color:rgba(255,255,255,.6)!important;font-weight:500!important;letter-spacing:.5px!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;vertical-align:middle!important}.lesson-btn:hover{color:#fff!important;background:rgba(255,255,255,.05)!important;border-color:var(--primary)!important;box-shadow:0 0 15px var(--primary)!important;transform:translateY(-1px)}.lesson-btn:active{transform:translateY(1px) scale(.97)!important}.lesson-btn.active,.practice-trigger.active-sub{background:rgba(255,255,255,.06)!important;border-color:var(--primary)!important;box-shadow:0 0 20px var(--primary)!important;color:#fff!important;font-weight:700!important}.lesson-btn.active::after{display:none!important}.lesson-btn.warning-glow{border-color:var(--accent)!important;background:rgba(255,255,255,.02)!important;color:var(--accent)!important}.lesson-btn.warning-glow:hover{background:rgba(255,255,255,.05)!important;border-color:var(--accent)!important;box-shadow:0 0 15px var(--accent)!important;color:#fff!important}.lesson-btn.info-glow{border-color:var(--primary)!important;background:rgba(255,255,255,.02)!important;color:var(--primary)!important}.lesson-btn.info-glow:hover{background:rgba(255,255,255,.05)!important;border-color:var(--primary)!important;box-shadow:0 0 15px var(--primary)!important;color:#fff!important}.lesson-btn.config-btn{border-color:var(--accent)!important;background:rgba(255,255,255,.02)!important;color:var(--accent)!important}.lesson-btn.config-btn:hover{background:rgba(255,255,255,.05)!important;border-color:var(--accent)!important;box-shadow:0 0 15px var(--accent)!important;color:#fff!important}.lesson-btn.config-btn.active{background:rgba(255,255,255,.06)!important;border-color:var(--accent)!important;box-shadow:0 0 20px var(--accent)!important;color:#fff!important;font-weight:700!important}.lesson-tabs{display:flex!important;align-items:center!important;justify-content:center!important;gap:.8rem!important;width:100%!important;flex-wrap:nowrap!important;overflow:visible!important}.lesson-tabs .lesson-btn,.lesson-tabs .practice-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.7)!important;padding:.6rem 1.2rem!important;border-radius:12px!important;font-size:.88rem!important;font-weight:600!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4, 0, .2, 1)!important;font-family:var(--font-sans)!important;letter-spacing:.4px!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important;height:42px!important;box-sizing:border-box!important;white-space:nowrap!important}.lesson-tabs .lesson-btn:hover,.lesson-tabs .practice-trigger:hover{color:#fff!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.2)!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(0,0,0,.25)!important}.lesson-tabs .lesson-btn.active,.lesson-tabs .practice-trigger.active-sub{background:var(--primary,#00f0ff)!important;border-color:var(--primary,#00f0ff)!important;color:#0b0f19!important;box-shadow:0 0 18px rgba(0,240,255,.5)!important;transform:translateY(0)!important}.lesson-tabs .lesson-btn.warning-glow{border:1px solid rgba(255,0,85,.4)!important;color:var(--accent,#f05)!important;background:rgba(255,0,85,.04)!important}.lesson-tabs .lesson-btn.warning-glow:hover{background:rgba(255,0,85,.08)!important;border-color:var(--accent,#f05)!important;box-shadow:0 0 12px rgba(255,0,85,.3)!important}.lesson-tabs .lesson-btn.warning-glow.active{background:var(--accent,#f05)!important;border-color:var(--accent,#f05)!important;color:#fff!important;box-shadow:0 0 18px rgba(255,0,85,.5)!important}.lesson-tabs .lesson-btn.info-glow{border:1px solid rgba(0,255,255,.4)!important;color:var(--primary,#00f0ff)!important;background:rgba(0,255,255,.04)!important}.lesson-tabs .lesson-btn.info-glow:hover{background:rgba(0,255,255,.08)!important;border-color:var(--primary,#00f0ff)!important;box-shadow:0 0 12px rgba(0,255,255,.3)!important}.lesson-tabs .lesson-btn.info-glow.active{background:var(--primary,#00f0ff)!important;border-color:var(--primary,#00f0ff)!important;color:#0b0f19!important;box-shadow:0 0 18px rgba(0,255,255,.5)!important}@media (min-width:1024px){.lesson-selector{flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;padding:.75rem 1.6rem!important;gap:.5rem!important}}::-webkit-scrollbar{width:8px!important;height:8px!important}::-webkit-scrollbar-track{background:rgba(8,14,26,.95)!important;border-left:1px solid rgba(255,255,255,.05)!important}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary) 0,var(--accent) 100%)!important;border-radius:10px!important;border:2px solid rgba(8,14,26,.95)!important;box-shadow:0 0 8px var(--primary-glow)!important}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fff 0,var(--primary) 100%)!important;box-shadow:0 0 15px var(--primary-glow)!important}.mascot-greeting-widget{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;align-items:flex-end;gap:16px;max-width:420px;width:calc(100% - 48px);pointer-events:none;opacity:0;transform:translateY(100px) scale(.85);transition:all .6s cubic-bezier(.175, .885, .32, 1.275)}.mascot-greeting-widget.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}body.focused-typing .mascot-greeting-widget,body.zen-mode .mascot-greeting-widget{opacity:0!important;transform:translateY(100px) scale(.85)!important;pointer-events:none!important}.mascot-greeting-avatar{flex-shrink:0;width:90px;height:90px;display:flex;align-items:center;justify-content:center;position:relative;filter:drop-shadow(0 0 15px var(--primary-glow));animation:floatingMascot 4s ease-in-out infinite}.mascot-greeting-img{width:100%;height:100%;object-fit:contain}.mascot-greeting-bubble{position:relative;background:rgba(8,14,26,.85)!important;border:1px solid rgba(0,240,255,.2)!important;border-radius:20px 20px 0 20px!important;padding:1rem 1.2rem!important;box-shadow:0 15px 35px rgba(0,0,0,.5),0 0 20px rgba(0,240,255,.15)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;color:#fff!important;display:flex;flex-direction:column;gap:6px;width:100%}.mascot-greeting-bubble::after{content:'';position:absolute;bottom:-1px;left:-1px;right:-1px;height:4px;background:linear-gradient(90deg,var(--primary) 0,var(--accent) 100%);border-radius:0 0 20px 20px}.mascot-greeting-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary)!important;text-shadow:0 0 8px var(--primary-glow)}.mascot-greeting-text{font-size:.88rem;line-height:1.45;color:rgba(255,255,255,.9)!important;font-weight:500}.mascot-greeting-close{position:absolute;top:10px;right:12px;background:0 0;border:none;color:rgba(255,255,255,.4);font-size:1.1rem;cursor:pointer;line-height:1;padding:2px;transition:all .2s ease}.mascot-greeting-close:hover{color:var(--accent);text-shadow:0 0 8px var(--accent);transform:scale(1.1)}@keyframes floatingMascot{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}#ghost-caret{position:absolute;width:3.5px;height:1.6rem;background-color:rgba(181,95,230,.45);border-radius:4px;box-shadow:0 0 8px rgba(181,95,230,.4);pointer-events:none;z-index:1;transition:transform 120ms cubic-bezier(.25, .8, .25, 1)}@media (max-width:768px){header{flex-direction:column!important;align-items:center!important;gap:.75rem!important;width:95%!important;margin-top:1rem!important;padding-bottom:.75rem!important}.logo{font-size:2.2rem!important;text-align:center;margin-bottom:.25rem!important}.header-controls{justify-content:flex-start!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;padding:.4rem .2rem .6rem .2rem!important;gap:.6rem!important;flex-wrap:nowrap!important;scrollbar-width:none}.header-controls::-webkit-scrollbar{display:none!important}.header-controls .control-group{flex-shrink:0!important}.lesson-selector{padding:.6rem .8rem!important;margin-bottom:1rem!important;border-radius:12px!important}.lesson-tabs{display:flex!important;justify-content:center!important;overflow-x:visible!important;width:100%!important;margin:0 auto!important;gap:.6rem!important;flex-wrap:wrap!important;padding-bottom:4px!important}.lesson-tabs::-webkit-scrollbar{display:none!important}.lesson-tabs .lesson-btn,.lesson-tabs .practice-dropdown{flex-shrink:1!important}.controls{flex-direction:column!important;gap:1.25rem!important;align-items:center!important;width:100%!important;margin-top:1.5rem!important}.timer-options{justify-content:center!important;flex-wrap:wrap!important;gap:.5rem!important;width:100%!important}.action-btns{justify-content:center!important;flex-wrap:wrap!important;gap:.6rem!important;width:100%!important}.controls .cyber-btn{padding:.5rem 1.2rem!important;font-size:.8rem!important}.text-display.style-normal{font-size:1.2rem!important;height:calc(1.8em * 3)!important}.text-display.style-medium{font-size:1.4rem!important;height:calc(1.8em * 3)!important}.text-display.style-large{font-size:1.6rem!important;height:calc(1.8em * 3)!important}.text-display.style-meganitro{font-size:2rem!important;height:calc(1.8em * 3)!important}#keyboard-modal .keyboard,#learning-keyboard{transform:scale(.65)!important;transform-origin:top center!important;margin:.5rem auto -3.5rem auto!important}#keyboard-modal .hands-container,#learning-hands{transform:scale(.7)!important;transform-origin:top center!important;margin:-1.5rem auto -2.5rem auto!important}#keyboard-modal .keyboard-container,#learning-modal .learning-keyboard-wrap{overflow-x:hidden!important;padding:1rem .5rem!important}#game-canvas{height:300px!important}#game-input{width:100%!important;font-size:1.2rem!important;padding:.75rem 1.5rem!important}}@media (max-width:480px){#keyboard-modal .keyboard,#learning-keyboard{transform:scale(.5)!important;margin:.5rem auto -5.5rem auto!important}#keyboard-modal .hands-container,#learning-hands{transform:scale(.55)!important;margin:-2.5rem auto -4.5rem auto!important}}@media (max-width:600px){.mascot-greeting-widget{bottom:12px!important;right:12px!important;width:calc(100% - 24px)!important;gap:8px!important}.mascot-greeting-avatar{width:60px!important;height:60px!important}.mascot-greeting-bubble{padding:.75rem .9rem!important;border-radius:16px 16px 0 16px!important}.mascot-greeting-text{font-size:.8rem!important;line-height:1.35!important}.mascot-greeting-close{top:6px!important;right:8px!important;font-size:.95rem!important}.modal-content{padding:1.5rem 1.2rem!important;width:95%!important;border-radius:16px!important}.modal-content h2{font-size:1.65rem!important;margin-bottom:.8rem!important;line-height:1.2!important}}.gamification-header-panel{display:flex;flex-direction:row;align-items:center;gap:1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);padding:.4rem 1rem;border-radius:10px;backdrop-filter:blur(5px);flex-wrap:wrap;transition:all .3s ease}.header-rank-badge{display:flex;align-items:center;gap:.35rem;font-weight:700;font-size:.78rem;color:gold;text-shadow:0 0 8px rgba(255,215,0,.4);background:rgba(255,215,0,.04);border:1px solid rgba(255,215,0,.2);padding:.2rem .6rem;border-radius:6px;box-shadow:0 0 10px rgba(255,215,0,.1);transition:all .3s ease}.rank-icon{display:inline-block;animation:rankPulse 1.5s infinite alternate}@keyframes rankPulse{0%{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255, 215, 0, .5))}100%{transform:scale(1.1);filter:drop-shadow(0 0 6px rgba(255, 215, 0, .8))}}.header-level-badge{display:flex;align-items:center;gap:.25rem;background:rgba(0,255,255,.05);border:1px solid var(--primary);padding:.15rem .45rem;border-radius:6px;font-size:.75rem;font-weight:700;color:var(--primary);box-shadow:var(--primary-glow)}.header-xp-container{display:flex;align-items:center;gap:.5rem}.xp-bar-outer{width:100px;height:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;position:relative}.xp-bar-inner{height:100%;background:var(--primary);box-shadow:var(--primary-glow);width:0%;transition:width .4s cubic-bezier(.4, 0, .2, 1)}.xp-ratio-text{font-size:.7rem;font-family:var(--font-mono);color:var(--secondary);opacity:.85}.live-mascot-panel{display:flex;flex-direction:row;align-items:center;gap:1.2rem;background:rgba(8,14,26,.5)!important;border:1px solid rgba(0,255,255,.1)!important;border-left:3px solid var(--primary)!important;border-radius:8px!important;padding:.6rem 1rem!important;margin-bottom:0!important;max-width:100%;flex-grow:1;backdrop-filter:blur(10px)!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important;box-shadow:0 4px 15px rgba(0,0,0,.35)!important;position:relative}@media (max-width:768px){.textbox-header{flex-direction:column!important;align-items:stretch!important;gap:.8rem!important}.textbox-controls-container{justify-content:flex-end!important;width:100%!important}}.live-mascot-avatar-container{width:45px;height:45px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;background:rgba(255,255,255,.02);border-radius:50%;border:1px dashed rgba(255,255,255,.1);padding:4px}.live-mascot-avatar{width:100%;height:100%;object-fit:contain;transition:transform .25s cubic-bezier(.175, .885, .32, 1.275)}.live-mascot-avatar.bounce{animation:mascotBounce .4s ease}@keyframes mascotBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.15) translateY(-5px)}}.live-mascot-bubble{position:relative;background:0 0!important;border:none!important;padding:.2rem .4rem!important;flex-grow:1;min-height:auto!important;display:flex;align-items:center}.live-mascot-bubble p{margin:0;font-size:.85rem!important;line-height:1.45;color:rgba(255,255,255,.85)!important;font-family:var(--font-mono);text-align:left}.screen-shake{animation:screenShakeAnim .18s cubic-bezier(.36,.07,.19,.97) both}@keyframes screenShakeAnim{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.cyber-spark{position:absolute;width:5px;height:5px;border-radius:50%;pointer-events:none;z-index:10000;opacity:1;transform:translate(0,0);animation:sparkAnim .6s cubic-bezier(.1,.8,.3,1) forwards}@keyframes sparkAnim{0%{transform:translate(0,0) scale(1);opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.1);opacity:0}}#seo-about-section{background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--primary) 4%,transparent) 50%,color-mix(in srgb,var(--bg-color) 80%,transparent) 100%);border-top:1px solid var(--glass-border);padding:3.5rem 1.5rem 2rem;margin:3rem auto 0;max-width:900px;font-family:var(--font-sans);color:var(--secondary);transition:all .4s ease}#seo-about-section .seo-main-heading{text-align:center;margin-bottom:2.5rem}#seo-about-section h2{font-size:clamp(1.3rem, 3vw, 1.9rem);font-weight:800;color:var(--text-active,#fff);letter-spacing:-.01em;margin-bottom:.75rem}#seo-about-section .seo-subtitle{font-size:1.05rem;color:var(--secondary);max-width:680px;margin:0 auto;line-height:1.7}#seo-about-section .seo-subtitle strong,#seo-about-section p strong{color:var(--primary)}.seo-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:3rem}.seo-feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem;transition:border-color .3s ease,box-shadow .3s ease,transform .2s ease}.seo-feature-card:hover{border-color:var(--primary);box-shadow:0 0 16px color-mix(in srgb,var(--primary) 15%,transparent);transform:translateY(-2px)}.seo-feature-card .seo-icon{font-size:1.5rem;margin-bottom:.5rem;display:block}.seo-feature-card h3{font-size:1rem;font-weight:700;color:var(--text-active,#fff);margin-bottom:.4rem}.seo-feature-card p{font-size:.88rem;color:var(--secondary);line-height:1.6}.seo-feature-card p strong{color:var(--primary)}.seo-wpm-scale{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem 1.5rem 1rem;margin-bottom:2.5rem;text-align:center}.seo-wpm-scale h3{font-size:1.1rem;font-weight:700;color:var(--text-active,#fff);margin-bottom:1rem}.seo-wpm-badges{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.seo-wpm-badge{border-radius:6px;padding:.4rem .85rem;font-size:.82rem;font-weight:600;transition:transform .2s ease}.seo-wpm-badge:hover{transform:scale(1.05)}.badge-beginner{background:rgba(255,80,80,.12);border:1px solid rgba(255,80,80,.3);color:#ff8a8a}.badge-learner{background:rgba(255,160,50,.12);border:1px solid rgba(255,160,50,.3);color:#ffa832}.badge-average{background:color-mix(in srgb,var(--primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent);color:var(--primary)}.badge-proficient{background:rgba(50,200,100,.12);border:1px solid rgba(50,200,100,.3);color:#50e090}.badge-expert{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);color:var(--accent)}.badge-ninja{background:rgba(180,50,255,.12);border:1px solid rgba(180,50,255,.3);color:#c864ff}.seo-faq-section{margin-bottom:2rem}.seo-faq-section>h2{text-align:center;margin-bottom:1.25rem}.seo-faq-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;margin-bottom:.7rem;transition:border-color .3s ease,box-shadow .3s ease;overflow:hidden}.seo-faq-item[open]{border-color:var(--primary);box-shadow:0 0 12px color-mix(in srgb,var(--primary) 12%,transparent)}.seo-faq-item summary{font-size:.95rem;font-weight:600;color:var(--text-active,#fff);cursor:pointer;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;list-style:none;user-select:none;transition:color .2s ease}.seo-faq-item summary::-webkit-details-marker{display:none}.seo-faq-item summary::marker{display:none}.seo-faq-item summary:hover{color:var(--primary)}.seo-faq-item summary .faq-icon{color:var(--primary);font-size:1.2rem;font-weight:400;transition:transform .3s ease;flex-shrink:0}.seo-faq-item[open] summary .faq-icon{transform:rotate(45deg)}.seo-faq-item .faq-answer{padding:0 1.25rem 1rem;font-size:.88rem;color:var(--secondary);line-height:1.7;border-top:1px solid var(--glass-border);padding-top:.75rem;margin-top:0}.seo-faq-item .faq-answer strong{color:var(--text-active,#fff)}.seo-faq-item .faq-answer .highlight{color:var(--primary);font-weight:700}@media (max-width:1024px){.container{width:94%!important;max-width:1000px!important}header{flex-wrap:wrap!important;justify-content:space-between!important;gap:.75rem!important}.lesson-selector{width:100%!important;padding:.6rem .8rem!important}.lesson-tabs{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;justify-content:flex-start!important;max-width:100%!important;gap:.4rem!important;padding-bottom:4px!important;-webkit-overflow-scrolling:touch!important}.lesson-tabs::-webkit-scrollbar{height:3px!important}.lesson-tabs::-webkit-scrollbar-thumb{background:rgba(0,240,255,.3)!important;border-radius:3px!important}.stats-board{gap:.6rem!important}.stat-box{padding:.8rem .4rem!important}.stat-value{font-size:clamp(1.6rem, 3vw, 2.2rem)!important}.cyber-footer .footer-content{flex-direction:column!important;gap:2rem!important}.cyber-footer .footer-grid-seo{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){header{position:relative!important;z-index:9999!important}.typing-section{padding:1.5rem 1.25rem!important;border-radius:18px!important}.live-keyboard-guide{display:none!important}.header-controls .control-group{position:static!important}#game-menu,#govt-menu,#lang-menu,#test-menu,.practice-menu,.sound-menu,.theme-menu{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;width:88vw!important;max-width:310px!important;max-height:65vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;z-index:10000000!important;box-shadow:0 10px 40px rgba(0,0,0,.95),0 0 30px rgba(0,240,255,.3)!important;background:rgba(10,16,30,.98)!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border:1px solid rgba(0,240,255,.3)!important;border-radius:16px!important;padding:.8rem!important;box-sizing:border-box!important}#game-menu:not(.hidden),#govt-menu:not(.hidden),#lang-menu:not(.hidden),#test-menu:not(.hidden),.practice-menu:not(.hidden),.sound-menu:not(.hidden),.theme-menu:not(.hidden){position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;opacity:1!important;pointer-events:auto!important;display:flex!important;flex-direction:column!important}#game-menu.hidden,#govt-menu.hidden,#lang-menu.hidden,#test-menu.hidden,.practice-menu.hidden,.sound-menu.hidden,.theme-menu.hidden{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}}@media (max-width:600px){#seo-about-section{padding:2rem 1rem 1.5rem}.seo-feature-grid{grid-template-columns:1fr}.container{width:95%!important;gap:.6rem!important;padding-bottom:2rem!important}header{position:relative!important;z-index:9999!important;margin-top:.5rem!important;margin-bottom:.5rem!important;gap:.5rem!important;padding-bottom:.5rem!important;width:100%!important}.logo{font-size:1.8rem!important;margin-bottom:.1rem!important}.brand-logo-img{width:34px!important;height:34px!important}.gamification-header-panel{width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:.4rem!important;padding:.35rem .6rem!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.header-rank-badge{padding:.15rem .4rem!important;font-size:.7rem!important;gap:.2rem!important;flex-shrink:0!important}.header-level-badge{padding:.12rem .35rem!important;font-size:.68rem!important;gap:.15rem!important;flex-shrink:0!important}.header-xp-container{gap:.35rem!important;flex-shrink:0!important}.xp-bar-outer{width:65px!important;height:6px!important}.xp-ratio-text{font-size:.6rem!important;display:inline-block!important}.control-label{display:none!important}.header-controls{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;overflow-x:visible!important;overflow-y:visible!important;width:100%!important;padding:.4rem .2rem!important;margin-top:.3rem!important;gap:.5rem!important}.header-controls .control-group{flex-direction:row!important;align-items:center!important;flex-shrink:0!important;margin:0!important;gap:0!important;position:static!important}.header-controls .header-about-btn,.header-controls .sound-trigger,.header-controls .theme-trigger,.header-controls button{padding:.4rem .75rem!important;font-size:.75rem!important;height:auto!important;border-radius:20px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08)!important;white-space:nowrap!important}#game-menu,#govt-menu,#lang-menu,#test-menu,.practice-menu,.sound-menu,.theme-menu{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;margin:0!important;width:88vw!important;max-width:310px!important;max-height:65vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;z-index:10000000!important;box-shadow:0 10px 40px rgba(0,0,0,.95),0 0 30px rgba(0,240,255,.3)!important;background:rgba(10,16,30,.98)!important;backdrop-filter:blur(25px)!important;-webkit-backdrop-filter:blur(25px)!important;border:1px solid rgba(0,240,255,.3)!important;border-radius:16px!important;padding:.8rem!important;box-sizing:border-box!important}#game-menu:not(.hidden),#govt-menu:not(.hidden),#lang-menu:not(.hidden),#test-menu:not(.hidden),.practice-menu:not(.hidden),.sound-menu:not(.hidden),.theme-menu:not(.hidden){position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;opacity:1!important;pointer-events:auto!important;display:flex!important;flex-direction:column!important}#game-menu.hidden,#govt-menu.hidden,#lang-menu.hidden,#test-menu.hidden,.practice-menu.hidden,.sound-menu.hidden,.theme-menu.hidden{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}body:has(.practice-menu:not(.hidden)),body:has(.sound-menu:not(.hidden)),body:has(.theme-menu:not(.hidden)){overflow:hidden!important}body::before{content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.45);z-index:99999;pointer-events:none;opacity:0;transition:opacity .3s ease}body:has(#lang-menu:not(.hidden))::before,body:has(.practice-menu:not(.hidden))::before,body:has(.sound-menu:not(.hidden))::before,body:has(.theme-menu:not(.hidden))::before{pointer-events:auto;opacity:1}body:has(#lang-menu:not(.hidden)) header,body:has(.sound-menu:not(.hidden)) header,body:has(.theme-menu:not(.hidden)) header{z-index:999999!important}body:has(.practice-menu:not(.hidden)) .container{z-index:999999!important}#seo-main-heading{font-size:.92rem!important;margin:.2rem auto .4rem auto!important;letter-spacing:.02em!important;padding:0 .5rem!important}.lesson-selector{padding:.4rem .5rem!important;margin-bottom:.5rem!important;border-radius:10px!important;width:100%!important;position:relative!important}.lesson-tabs{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;overflow-x:auto!important;overflow-y:visible!important;width:max-content!important;min-width:100%!important;margin:0 auto!important;gap:.4rem!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important}.lesson-tabs::-webkit-scrollbar{display:none!important}.lesson-tabs .lesson-btn,.lesson-tabs .practice-dropdown{flex-shrink:0!important}.lesson-tabs .lesson-btn{padding:.38rem .75rem!important;font-size:.75rem!important;border-radius:6px!important}.stats-board{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;width:100%!important;gap:.35rem!important;padding:0!important;border:none!important;box-shadow:none!important;background:0 0!important}.stat-box{flex:1 1 0%!important;min-width:0!important;padding:.5rem .15rem!important;border-radius:8px!important;gap:.15rem!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(8,14,26,.6)!important;transform:translateZ(0)!important;backface-visibility:hidden!important}.stat-label{font-size:.52rem!important;letter-spacing:.5px!important;opacity:.6!important}.stat-value{font-size:clamp(1.05rem, 4.2vw, 1.25rem)!important;letter-spacing:-.5px!important;font-variant-numeric:tabular-nums!important}.stat-box::after,.stat-box::before{width:8px!important;height:8px!important}.typing-section{padding:.8rem .75rem!important;border-radius:14px!important;min-height:120px!important;margin-top:.2rem!important}.live-mascot-panel{gap:.5rem!important;padding:.35rem .65rem!important;border-radius:6px!important}.live-mascot-avatar-container{width:28px!important;height:28px!important}#live-mascot-speech{font-size:.7rem!important;line-height:1.25!important}.live-bubble-arrow{border-width:5px 6px 5px 0!important;left:-6px!important}.text-display{margin-bottom:.6rem!important;letter-spacing:.5px!important}.text-display.style-normal{font-size:1.05rem!important;height:calc(1.5em * 3)!important;line-height:1.5!important}.text-display.style-medium{font-size:1.15rem!important;height:calc(1.5em * 3)!important;line-height:1.5!important}.text-display.style-large{font-size:1.25rem!important;height:calc(1.5em * 3)!important;line-height:1.5!important}.text-display.style-meganitro{font-size:1.45rem!important;height:calc(1.5em * 3)!important;line-height:1.5!important}.textbox-controls-container{gap:.4rem!important;margin:.4rem auto 0 auto!important;flex-wrap:wrap!important}.textbox-mute-btn,.textbox-style-btn{padding:.25rem .55rem!important;font-size:.65rem!important;gap:.35rem!important;border-radius:15px!important}.textbox-mute-btn .mute-icon,.textbox-style-btn .style-icon{width:11px!important;height:11px!important}.textbox-style-btn .chevron-icon{width:9px!important;height:9px!important}}.cyber-textarea{width:100%!important;height:150px!important;background:rgba(15,22,38,.8)!important;border:1px solid var(--border)!important;border-radius:12px!important;color:#fff!important;font-family:var(--font-sans)!important;font-size:.95rem!important;padding:.8rem 1rem!important;cursor:text!important;outline:0!important;transition:all .3s ease!important;resize:vertical!important;box-sizing:border-box!important;position:relative!important;opacity:1!important;z-index:1!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.5)!important}.cyber-textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 10px var(--primary-glow),inset 0 2px 4px rgba(0,0,0,.5)!important}.text-display .word-space.wrong{background:rgba(255,71,87,.22)!important;border-radius:4px!important;box-shadow:0 0 4px rgba(255,71,87,.4)!important;text-decoration:underline wavy #ff4757!important}#typing-section-wrapper.has-error{border-color:rgba(255,71,87,.45)!important;box-shadow:0 0 20px rgba(255,71,87,.25),0 30px 60px rgba(0,0,0,.4)!important}#typing-section-wrapper.has-error:focus-within{border-color:#ff4757!important;box-shadow:0 0 25px rgba(255,71,87,.45),0 30px 60px rgba(0,0,0,.4)!important}#typing-section-wrapper.has-error .textbox-focus-cue{border-color:rgba(255,71,87,.55)!important;box-shadow:0 0 16px rgba(255,71,87,.35),inset 0 0 8px rgba(255,71,87,.12)!important}.gears-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.gears-spinner{width:50px;height:50px;border:3px solid rgba(0,240,255,.1);border-radius:50%;border-top-color:var(--primary,#00f0ff);box-shadow:0 0 15px rgba(0,240,255,.2);animation:gears-spin 1s ease-in-out infinite}@keyframes gears-spin{to{transform:rotate(360deg)}}.gears-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;max-height:55vh;overflow-y:auto;padding-right:.5rem;margin-top:1rem}.gears-grid::-webkit-scrollbar{width:6px}.gears-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.02);border-radius:3px}.gears-grid::-webkit-scrollbar-thumb{background:rgba(0,240,255,.25);border-radius:3px}.gears-grid::-webkit-scrollbar-thumb:hover{background:rgba(0,240,255,.45)}.gear-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem;display:flex;flex-direction:column;transition:all .3s ease}.gear-card:hover{transform:translateY(-4px);border-color:rgba(0,240,255,.3);box-shadow:0 5px 15px rgba(0,240,255,.08);background:rgba(255,255,255,.03)}.gear-img-wrap{width:100%;height:140px;border-radius:8px;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.75rem;border:1px solid rgba(255,255,255,.03);position:relative}.gear-img{max-width:90%;max-height:90%;object-fit:contain;transition:transform .3s ease}.gear-card:hover .gear-img{transform:scale(1.05)}.gear-title{font-size:.9rem;font-weight:600;color:var(--text-main,#f5f6f9);margin-bottom:.4rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em;text-align:left}.gear-desc{font-size:.75rem;color:var(--text-sub,#8b9bb4);line-height:1.4;margin-bottom:.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em;text-align:left}.gear-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid rgba(255,255,255,.05);padding-top:.75rem}.gear-price{font-family:'JetBrains Mono',monospace;font-size:1rem;font-weight:700;color:var(--primary,#00f0ff);text-shadow:0 0 8px rgba(0,240,255,.25)}.gear-buy-btn{background:linear-gradient(135deg,#f90 0,#f60 100%);border:none;color:#fff;font-weight:600;font-size:.8rem;padding:.45rem .9rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.35rem;text-decoration:none;box-shadow:0 2px 8px rgba(255,102,0,.2);transition:all .2s ease}.gear-buy-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(255,102,0,.4);filter:brightness(1.1)}@media (max-width:768px){.gears-grid{grid-template-columns:1fr;max-height:50vh}.gear-title{height:auto;min-height:2.8em}.gear-desc{height:auto;min-height:2.8em}}.result-gear-banner{transition:all .25s cubic-bezier(.4, 0, .2, 1)!important}.result-gear-banner:hover{border-color:rgba(255,153,0,.6)!important;background:linear-gradient(135deg,rgba(255,153,0,.14) 0,rgba(255,102,0,.05) 100%)!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,153,0,.12)}.result-gear-banner:active{transform:translateY(0)}.stats-board{display:flex!important;gap:1.5rem!important;justify-content:center!important;flex-wrap:wrap!important;margin-bottom:2rem!important;perspective:1000px!important}.stats-board .stat-box{background:linear-gradient(145deg,rgba(15,20,30,.9),rgba(5,8,15,.95))!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:16px!important;padding:1.2rem 2rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:140px!important;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 2px 10px rgba(255,255,255,.05)!important;transition:transform .4s cubic-bezier(.175, .885, .32, 1.275),box-shadow .4s ease!important;transform-style:preserve-3d!important;position:relative;overflow:hidden}.stats-board .stat-box::before{content:''!important;position:absolute!important;top:0!important;left:0!important;width:100%!important;height:3px!important;background:var(--primary)!important;display:block!important}.stats-board .stat-box:hover{transform:translateY(-8px) scale(1.02) rotateX(5deg)!important;box-shadow:0 20px 40px rgba(0,0,0,.7),0 0 20px rgba(0,240,255,.15)!important;border-color:rgba(255,255,255,.15)!important}.stats-board .stat-label{font-size:.65rem!important;font-family:var(--font-ui, 'Orbitron', 'Space Grotesk', sans-serif)!important;letter-spacing:3px!important;color:var(--text-muted,#8b9bb4)!important;text-transform:uppercase!important;margin-bottom:.5rem!important;transform:translateZ(20px)!important}.stats-board .stat-value{font-size:2.2rem!important;font-family:var(--font-display, 'Outfit', sans-serif)!important;font-weight:800!important;line-height:1!important;transform:translateZ(30px)!important;color:var(--text-active,#fff)!important;background:0 0!important;-webkit-text-fill-color:initial!important;text-shadow:none!important}.stats-board .stat-box:nth-child(2) .stat-value{color:var(--primary)!important;background:0 0!important;-webkit-text-fill-color:initial!important}.stats-board .stat-box:nth-child(3) .stat-value{color:var(--correct,#2ecc71)!important;background:0 0!important;-webkit-text-fill-color:initial!important}@media (max-width:768px){.stats-board{gap:.8rem!important}.stats-board .stat-box{padding:.8rem 1rem!important;min-width:100px!important}.stats-board .stat-label{font-size:.55rem!important;letter-spacing:1.5px!important}.stats-board .stat-value{font-size:1.6rem!important}}#lang-trigger,.display-mode-btn,.eye-comfort-btn,.header-donate-btn,.lesson-btn,.modal-close-btn,.practice-trigger,.premium-btn,.sound-trigger,.theme-trigger{background:var(--glass-bg,rgba(8,14,26,.6))!important;border:1px solid var(--glass-border,rgba(255,255,255,.15))!important;border-left:3px solid var(--primary)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-radius:8px!important;color:var(--secondary,#e0ffff)!important;box-shadow:0 4px 15px rgba(0,0,0,.35)!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important;position:relative!important;overflow:hidden!important;text-shadow:none!important}#lang-trigger::before,.lesson-btn::after,.lesson-btn::before,.sound-trigger::before,.theme-trigger::before{display:none!important}#lang-trigger:hover,.display-mode-btn:hover,.eye-comfort-btn:hover,.header-donate-btn:hover,.lesson-btn:hover,.modal-close-btn:hover,.practice-trigger:hover,.premium-btn:hover,.sound-trigger:hover,.theme-trigger:hover{background:var(--dropdown-bg,rgba(8,14,26,.85))!important;border-color:var(--primary)!important;box-shadow:0 6px 20px rgba(0,0,0,.4),0 0 12px var(--primary-glow)!important;color:#fff!important;transform:translateY(-2px)!important}.lesson-btn.active,.lesson-btn.active-sub,.practice-trigger.active,.sound-trigger.open,.theme-trigger.open{border-left:4px solid #fff!important;border-color:var(--primary)!important;background:var(--primary)!important;color:var(--bg-color)!important;box-shadow:0 0 15px var(--primary-glow)!important}.practice-menu .practice-item,.sound-menu button,.theme-menu button{background:0 0!important;border:1px solid transparent!important;border-left:2px solid transparent!important;border-radius:6px!important;transition:all .2s!important;color:#e0ffff!important}.practice-menu .practice-item.selected,.practice-menu .practice-item:hover,.sound-menu button:hover,.theme-menu button:hover{background:rgba(0,240,255,.08)!important;border-color:rgba(0,240,255,.15)!important;border-left-color:var(--primary,#00f0ff)!important;color:#fff!important}.mascot-donate-banner:hover{background:rgba(255,60,100,.08)!important;border-color:rgba(255,60,100,.5)!important;box-shadow:0 6px 20px rgba(255,60,100,.1)!important;transform:translateY(-2px)}.mascot-donate-btn:hover{background:linear-gradient(135deg,rgba(255,60,100,.4),rgba(255,100,150,.3))!important;border-color:rgba(255,60,100,.8)!important;box-shadow:0 0 15px rgba(255,60,100,.4)!important;color:#fff!important;transform:scale(1.05)!important}.cyber-footer .footer-bottom-info,.cyber-footer .footer-copyright,.cyber-footer .footer-text,.cyber-footer ul li a{color:#8a9fc4!important}.cyber-footer ul li a:hover{color:var(--primary)!important;text-shadow:0 0 8px var(--primary-glow)!important}.cyber-footer .footer-logo{color:#fff!important}.cyber-footer .footer-action-btn{background:rgba(8,14,26,.6)!important;border:1px solid rgba(0,255,255,.15)!important;border-left:3px solid var(--primary,#00f0ff)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-radius:8px!important;color:#e0ffff!important;box-shadow:0 4px 15px rgba(0,0,0,.35)!important;transition:all .3s cubic-bezier(.25, .8, .25, 1)!important;position:relative!important;overflow:hidden!important}.cyber-footer .footer-action-btn:hover{background:rgba(0,255,255,.05)!important;border-color:var(--primary,#00f0ff)!important;box-shadow:0 0 20px var(--primary-glow,rgba(0,255,255,.4))!important;transform:translateY(-2px) scale(1.02)!important}.cyber-footer .footer-action-btn:active{transform:scale(.95)!important}.indic-script{line-height:2}.rtl-text{direction:rtl;text-align:right;line-height:2.8}.urdu-font{font-family:'Noto Nastaliq Urdu',Gulzar,serif}:lang(as),:lang(bn),:lang(gu),:lang(hi),:lang(kn),:lang(ml),:lang(mr),:lang(or),:lang(pa),:lang(ta),:lang(te),:lang(ur),[data-lang=assamese],[data-lang=bengali],[data-lang=gujarati],[data-lang=hindi],[data-lang=kannada],[data-lang=malayalam],[data-lang=marathi],[data-lang=odia],[data-lang=punjabi],[data-lang=tamil],[data-lang=telugu],[data-lang=urdu]{--font-ui:'Noto Sans Devanagari','Mukta','Inter',sans-serif;--font-display:'Noto Sans Devanagari','Outfit',sans-serif}#lang-trigger,#live-mascot-speech,.control-label,.layout-item,.lesson-btn,.live-mascot-speech,.practice-item-sub,.practice-item-title,.sound-trigger,.stat-label,.theme-item,.theme-trigger,[data-lang=assamese] .control-label,[data-lang=assamese] .stat-label,[data-lang=bengali] .control-label,[data-lang=bengali] .stat-label,[data-lang=gujarati] .control-label,[data-lang=gujarati] .stat-label,[data-lang=hindi] .control-label,[data-lang=hindi] .stat-label,[data-lang=kannada] .control-label,[data-lang=kannada] .stat-label,[data-lang=malayalam] .control-label,[data-lang=malayalam] .stat-label,[data-lang=marathi] .control-label,[data-lang=marathi] .stat-label,[data-lang=odia] .control-label,[data-lang=odia] .stat-label,[data-lang=punjabi] .control-label,[data-lang=punjabi] .stat-label,[data-lang=tamil] .control-label,[data-lang=tamil] .stat-label,[data-lang=telugu] .control-label,[data-lang=telugu] .stat-label,[data-lang=urdu] .control-label,[data-lang=urdu] .stat-label{text-transform:none!important}[data-lang=assamese] .control-label,[data-lang=assamese] .stat-label,[data-lang=bengali] .control-label,[data-lang=bengali] .stat-label,[data-lang=gujarati] .control-label,[data-lang=gujarati] .stat-label,[data-lang=hindi] .control-label,[data-lang=hindi] .stat-label,[data-lang=kannada] .control-label,[data-lang=kannada] .stat-label,[data-lang=malayalam] .control-label,[data-lang=malayalam] .stat-label,[data-lang=marathi] .control-label,[data-lang=marathi] .stat-label,[data-lang=odia] .control-label,[data-lang=odia] .stat-label,[data-lang=punjabi] .control-label,[data-lang=punjabi] .stat-label,[data-lang=tamil] .control-label,[data-lang=tamil] .stat-label,[data-lang=telugu] .control-label,[data-lang=telugu] .stat-label,[data-lang=urdu] .control-label,[data-lang=urdu] .stat-label{letter-spacing:normal!important;font-size:.72rem!important}.live-keyboard-guide .key.mapped-key{font-family:'Noto Sans Tamil','Hind Madurai',Catamaran,'Noto Sans Telugu','Noto Sans Gujarati','Noto Sans Kannada','Noto Sans Malayalam','Noto Sans Oriya','Noto Sans Gurmukhi','Noto Nastaliq Urdu','Noto Sans Devanagari','Noto Sans Bengali',Mukta,Outfit,sans-serif!important;text-transform:none!important;font-size:.95rem!important;font-weight:700!important;color:var(--primary,#00f0ff)!important;text-shadow:0 0 8px rgba(0,240,255,.4)!important}.live-mascot-avatar{width:44px!important;height:44px!important;object-fit:contain!important;border-radius:50%!important}#layout-control-group{position:relative!important;display:inline-flex!important;align-items:center!important;z-index:100!important}#layout-trigger{background:rgba(8,14,26,.65)!important;border:1px solid rgba(0,240,255,.3)!important;color:#fff!important;font-weight:700!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:.4rem .9rem!important;border-radius:20px!important;transition:all .25s ease!important;box-shadow:0 4px 15px rgba(0,240,255,.15),inset 0 1px 0 rgba(255,255,255,.1)!important}#layout-trigger.open,#layout-trigger:hover{background:rgba(0,240,255,.12)!important;border-color:var(--primary)!important;box-shadow:0 0 20px rgba(0,240,255,.35)!important}#layout-menu{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;min-width:250px!important;width:max-content!important;max-height:380px!important;overflow-y:auto!important;background:var(--dropdown-bg,#0b1528)!important;border:1px solid var(--glass-border,rgba(0,240,255,.25))!important;border-radius:14px!important;padding:.5rem!important;z-index:99999!important;display:flex!important;flex-direction:column!important;gap:.3rem!important;box-shadow:0 12px 35px rgba(0,0,0,.8),0 0 25px rgba(0,240,255,.2)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;transition:transform .2s cubic-bezier(.4, 0, .2, 1),opacity .2s ease!important}#layout-menu.hidden{display:none!important;opacity:0!important;pointer-events:none!important}#layout-menu:not(.hidden){display:flex!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}.dropdown-section-header{padding:6px 10px 4px!important;font-size:.72rem!important;color:var(--primary,#00f0ff)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.08em!important;border-bottom:1px solid rgba(0,240,255,.15)!important;margin-bottom:2px!important}.layout-section-header{color:#ff3c64!important;border-top:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,60,100,.2)!important;margin-top:6px!important}.layout-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:.5rem .75rem!important;border-radius:8px!important;background:0 0!important;border:1px solid transparent!important;color:rgba(255,255,255,.85)!important;font-size:.85rem!important;cursor:pointer!important;transition:all .2s ease!important;text-align:left!important;width:100%!important;box-sizing:border-box!important}.layout-item:hover{background:rgba(0,240,255,.08)!important;border-color:rgba(0,240,255,.2)!important;color:#fff!important;transform:translateX(3px)!important}.layout-item.active{background:rgba(0,240,255,.15)!important;border-color:var(--primary,#00f0ff)!important;color:#fff!important;font-weight:700!important}.layout-badge{font-size:.7em!important;padding:2px 6px!important;border-radius:4px!important;margin-left:auto!important;font-weight:700!important;white-space:nowrap!important}.badge-primary{color:var(--primary,#00f0ff)!important;background:rgba(0,240,255,.12)!important;border:1px solid rgba(0,240,255,.25)!important}.badge-accent{color:#ff3c64!important;background:rgba(255,60,100,.12)!important;border:1px solid rgba(255,60,100,.25)!important}.gamification-modal-panel{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;background:var(--glass-premium-bg,hsla(228,20%,12%,.65))!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--glass-premium-border,hsla(255,100%,100%,.12))!important;border-radius:12px!important;padding:.6rem 1rem!important;box-shadow:0 4px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1)!important;margin:.6rem 0 1rem 0!important;width:100%!important;box-sizing:border-box!important;transition:var(--t-smooth)!important}.gamification-modal-panel:hover{border-color:var(--primary,#00f0ff)!important;box-shadow:0 0 20px rgba(0,240,255,.25)!important}@media (max-width:480px){.gamification-modal-panel{flex-wrap:wrap!important;gap:.5rem!important;padding:.5rem .6rem!important}.gamification-modal-panel .header-xp-container{width:100%!important}}[data-theme=naturezen]{--bg-color:#0b1712;--grid-color:rgba(72, 199, 142, 0.05);--primary:#48c78e;--primary-glow:0 0 15px rgba(72, 199, 142, 0.5);--secondary:#a3e635;--accent:#f87171;--correct:#34d399;--correct-glow:0 0 8px rgba(52, 211, 153, 0.5);--glass-bg:rgba(11, 23, 18, 0.7);--glass-border:rgba(72, 199, 142, 0.25);--dropdown-bg:#10241c}[data-theme=darkteak]{--bg-color:#1a120b;--grid-color:rgba(217, 119, 6, 0.05);--primary:#d97706;--primary-glow:0 0 15px rgba(217, 119, 6, 0.5);--secondary:#b45309;--accent:#ef4444;--correct:#f59e0b;--correct-glow:0 0 8px rgba(245, 158, 11, 0.5);--glass-bg:rgba(26, 18, 11, 0.7);--glass-border:rgba(217, 119, 6, 0.25);--dropdown-bg:#271a10}[data-theme=alpineforest]{--bg-color:#071610;--grid-color:rgba(16, 185, 129, 0.05);--primary:#10b981;--primary-glow:0 0 15px rgba(16, 185, 129, 0.5);--secondary:#6ee7b7;--accent:#f43f5e;--correct:#22c55e;--correct-glow:0 0 8px rgba(34, 197, 94, 0.5);--glass-bg:rgba(7, 22, 16, 0.7);--glass-border:rgba(16, 185, 129, 0.25);--dropdown-bg:#0d281e}[data-theme=saharadune]{--bg-color:#1e1309;--grid-color:rgba(245, 158, 11, 0.05);--primary:#f59e0b;--primary-glow:0 0 15px rgba(245, 158, 11, 0.5);--secondary:#fbbf24;--accent:#dc2626;--correct:#eab308;--correct-glow:0 0 8px rgba(234, 179, 8, 0.5);--glass-bg:rgba(30, 19, 9, 0.7);--glass-border:rgba(245, 158, 11, 0.25);--dropdown-bg:#2d1c0e}[data-theme=autumnmaple]{--bg-color:#1b0f0b;--grid-color:rgba(249, 115, 22, 0.05);--primary:#f97316;--primary-glow:0 0 15px rgba(249, 115, 22, 0.5);--secondary:#ef4444;--accent:#fbbf24;--correct:#fb923c;--correct-glow:0 0 8px rgba(251, 146, 60, 0.5);--glass-bg:rgba(27, 15, 11, 0.7);--glass-border:rgba(249, 115, 22, 0.25);--dropdown-bg:#2b1812}[data-theme=bamboorain]{--bg-color:#0c1815;--grid-color:rgba(45, 212, 191, 0.05);--primary:#2dd4bf;--primary-glow:0 0 15px rgba(45, 212, 191, 0.5);--secondary:#86efac;--accent:#fb7185;--correct:#4ade80;--correct-glow:0 0 8px rgba(74, 222, 128, 0.5);--glass-bg:rgba(12, 24, 21, 0.7);--glass-border:rgba(45, 212, 191, 0.25);--dropdown-bg:#142a25}[data-theme=cedarcabin]{--bg-color:#17110e;--grid-color:rgba(202, 138, 4, 0.05);--primary:#ca8a04;--primary-glow:0 0 15px rgba(202, 138, 4, 0.5);--secondary:#ea580c;--accent:#e11d48;--correct:#eab308;--correct-glow:0 0 8px rgba(234, 179, 8, 0.5);--glass-bg:rgba(23, 17, 14, 0.7);--glass-border:rgba(202, 138, 4, 0.25);--dropdown-bg:#271c17}[data-theme=mojavedesert]{--bg-color:#180e1a;--grid-color:rgba(236, 72, 153, 0.05);--primary:#ec4899;--primary-glow:0 0 15px rgba(236, 72, 153, 0.5);--secondary:#a855f7;--accent:#eab308;--correct:#f472b6;--correct-glow:0 0 8px rgba(244, 114, 182, 0.5);--glass-bg:rgba(24, 14, 26, 0.7);--glass-border:rgba(236, 72, 153, 0.25);--dropdown-bg:#2b192e}[data-theme=himalayanmist]{--bg-color:#0c131a;--grid-color:rgba(56, 189, 248, 0.05);--primary:#38bdf8;--primary-glow:0 0 15px rgba(56, 189, 248, 0.5);--secondary:#93c5fd;--accent:#f87171;--correct:#67e8f9;--correct-glow:0 0 8px rgba(103, 232, 249, 0.5);--glass-bg:rgba(12, 19, 26, 0.7);--glass-border:rgba(56, 189, 248, 0.25);--dropdown-bg:#142230}[data-theme=goldenmeadow]{--bg-color:#1a160a;--grid-color:rgba(234, 179, 8, 0.05);--primary:#eab308;--primary-glow:0 0 15px rgba(234, 179, 8, 0.5);--secondary:#84cc16;--accent:#ef4444;--correct:#facc15;--correct-glow:0 0 8px rgba(250, 204, 21, 0.5);--glass-bg:rgba(26, 22, 10, 0.7);--glass-border:rgba(234, 179, 8, 0.25);--dropdown-bg:#292310}[data-theme=metablue]{--bg-color:#040d1c;--grid-color:rgba(24, 119, 242, 0.04);--primary:#1877f2;--primary-glow:0 0 15px rgba(24, 119, 242, 0.5);--secondary:#b0c4de;--accent:#42b72a;--correct:#42b72a;--correct-glow:0 0 8px rgba(66, 183, 42, 0.5);--glass-bg:rgba(4, 13, 28, 0.7);--glass-border:rgba(24, 119, 242, 0.2);--dropdown-bg:#0a1a33}[data-theme=metahorizon]{--bg-color:#080510;--grid-color:rgba(105, 60, 255, 0.04);--primary:#693cff;--primary-glow:0 0 18px rgba(105, 60, 255, 0.5);--secondary:#c4b5f0;--accent:#ff3d71;--correct:#00d9ff;--correct-glow:0 0 8px rgba(0, 217, 255, 0.5);--glass-bg:rgba(8, 5, 16, 0.72);--glass-border:rgba(105, 60, 255, 0.22);--dropdown-bg:#110a24}[data-theme=metathreads]{--bg-color:#050505;--grid-color:rgba(255, 255, 255, 0.02);--primary:#ffffff;--primary-glow:0 0 8px rgba(255, 255, 255, 0.15);--secondary:#999999;--accent:#1877f2;--correct:#ffffff;--correct-glow:0 0 6px rgba(255, 255, 255, 0.3);--glass-bg:rgba(5, 5, 5, 0.85);--glass-border:rgba(255, 255, 255, 0.08);--dropdown-bg:#111111}.seo-main-heading{text-align:center;font-size:clamp(1.1rem, 2vw, 1.5rem);font-weight:700;letter-spacing:.05em;margin:.4rem auto .8rem;color:var(--primary,#00f0ff);text-shadow:0 0 12px rgba(0,240,255,.4);font-family:var(--font-display, 'Orbitron', sans-serif);text-transform:uppercase;max-width:700px}.learning-modal-card{max-width:950px;text-align:left;display:flex;flex-direction:column;gap:1.5rem;max-height:90vh}.learning-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border,rgba(255,255,255,.08));padding-bottom:1rem;flex-wrap:wrap;gap:1rem}.learning-header-title{font-family:Orbitron,sans-serif;font-size:1.8rem;margin:0;color:#fff;text-shadow:0 0 10px var(--primary-glow)}.learning-header-subtitle{color:var(--secondary);font-size:.9rem;margin-top:.25rem}.learning-header-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.learning-container{display:grid;grid-template-columns:240px 1fr;gap:2rem;overflow:hidden;flex-grow:1;height:100%}.learning-sidebar{display:flex;flex-direction:column;gap:.75rem;border-right:1px solid var(--glass-border,rgba(255,255,255,.08));padding-right:1.5rem;overflow-y:auto}.learning-tab{text-align:left;background:0 0;border:1px solid transparent;border-radius:8px;padding:10px 15px;color:var(--secondary);cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.95rem}.learning-tab:hover{background:rgba(255,255,255,.04);border-color:var(--glass-border,rgba(255,255,255,.08))}.learning-tab.active{background:rgba(255,255,255,.02);border:1px solid var(--glass-border,rgba(255,255,255,.08));color:#fff}.learning-tab-icon{font-size:1.2rem;margin-right:6px}.learning-content-pane{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-right:.5rem}.learning-text-container{line-height:1.6}.learning-visualizer{background:rgba(0,0,0,.3);border:1px solid var(--glass-border,rgba(255,255,255,.08));border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.learning-keyboard{transform:scale(.9);transform-origin:top center}.learning-row-top{margin-left:1.5rem}.learning-row-home{margin-left:2.5rem}.learning-row-bottom{margin-left:3.5rem}.learning-row-space{margin-top:.25rem}.learning-spacebar{width:250px}.learning-hands{margin-top:-.5rem;transform:scale(.95)}.section-heading{text-align:center;font-family:Orbitron,sans-serif;color:var(--primary,#00f0ff);font-size:1.2rem;margin:.5rem 0;text-transform:uppercase;letter-spacing:.05em}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:.2s!important;scroll-behavior:auto!important}#lang-trigger:hover,.lesson-btn:hover,.practice-item:hover,.sound-trigger:hover,.stat-box:hover,.theme-trigger:hover{transition-duration:.15s!important}.brand-logo-img,.rank-icon{animation:none!important}#cursor-trail-canvas,#td-particles{display:none!important}}#learning-modal{z-index:99999999!important}#learning-modal.hidden{display:none!important;opacity:0!important;pointer-events:none!important}#learning-modal:not(.hidden){display:flex!important;opacity:1!important;pointer-events:auto!important}@media (max-width:820px){#learning-modal .learning-container{grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important;gap:1rem!important}#learning-modal .learning-sidebar{flex-direction:row!important;border-right:none!important;border-bottom:1px solid var(--border)!important;padding-right:0!important;padding-bottom:.75rem!important;overflow-x:auto!important;overflow-y:hidden!important}#learning-modal .learning-tab{white-space:nowrap!important;flex-shrink:0!important}}#layout-control-group,#layout-menu,#layout-trigger{display:none!important}
:root{--td-bg-obsidian:#0B0F19;--td-glass-bg:rgba(17, 24, 39, 0.65);--td-glass-border:rgba(255, 255, 255, 0.08);--td-glass-highlight:rgba(255, 255, 255, 0.14);--td-accent-neon:#38bdf8;--td-accent-combo:#a855f7;--td-error-coral:#f43f5e;--td-success-mint:#10b981}body.td-premium-dark{background-color:var(--td-bg-obsidian)!important;background-image:radial-gradient(circle at 15% 20%,rgba(56,189,248,0.08) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(168,85,247,0.08) 0%,transparent 45%)!important;color:#e2e8f0;transition:background-color .3s ease}.td-glass-card,.stats-container,.stats-board,.typing-container,.typing-section,#typing-area,#typing-section-wrapper{background:var(--td-glass-bg)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--td-glass-border)!important;box-shadow:0 20px 40px -15px rgba(0,0,0,0.5),inset 0 1px 0 0 var(--td-glass-highlight)!important;border-radius:16px!important}.typing-words,#words,#word-display,.text-display,#text-display{line-height:2.15!important;letter-spacing:0.02em;font-variant-ligatures:normal;position:relative}.text-display,#text-display{height:calc(2.15em * 3)!important}body.td-premium-dark #ghost-caret{display:none!important}#td-smooth-caret{position:absolute;width:2.5px;height:1.4em;background-color:var(--td-accent-neon);border-radius:4px;box-shadow:0 0 10px var(--td-accent-neon);pointer-events:none;z-index:20;transition:transform 0.075s cubic-bezier(0.22,1,0.36,1),height 0.1s ease;animation:tdCaretPulse 1.2s infinite ease-in-out}@keyframes tdCaretPulse{0%,100%{opacity:1}50%{opacity:0.35}}body.td-zen-active header,body.td-zen-active nav,body.td-zen-active footer,body.td-zen-active .language-selector,body.td-zen-active .lesson-selector,body.td-zen-active .blog-preview,body.td-zen-active .seo-content,body.td-zen-active .info-section,body.td-zen-active .features-grid,body.td-zen-active .faq-section{opacity:0.12!important;filter:blur(1px);transition:opacity 0.4s ease,filter 0.4s ease;pointer-events:none}.td-arcade-hud{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;margin-bottom:18px;background:rgba(15,23,42,0.8);border:1px solid var(--td-glass-border);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:system-ui,-apple-system,sans-serif;position:relative;z-index:10;box-shadow:0 10px 30px -10px rgba(0,0,0,0.5)}.td-hud-left,.td-hud-right{display:flex;align-items:center;gap:14px}.td-avatar-frame{position:relative;width:52px;height:52px;border-radius:12px;overflow:hidden;border:2px solid var(--td-accent-neon);box-shadow:0 0 15px rgba(56,189,248,0.25);background:#1e293b;flex-shrink:0}.td-avatar-frame img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.td-avatar-frame.level-up img{transform:scale(1.18) rotate(4deg)}.td-rank-info{display:flex;flex-direction:column}.td-rank-title{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;color:#94a3b8;line-height:1.2}.td-rank-name{font-size:1rem;font-weight:700;color:#f8fafc;line-height:1.3}.td-hearts{display:flex;gap:6px;font-size:1.25rem;user-select:none}.td-heart{transition:transform 0.2s cubic-bezier(0.34,1.56,0.64,1),opacity 0.2s;display:inline-block}.td-heart.lost{opacity:0.2;transform:scale(0.75);filter:grayscale(1)}.td-combo-badge{padding:4px 12px;border-radius:999px;font-size:0.85rem;font-weight:700;background:rgba(168,85,247,0.15);border:1px solid rgba(168,85,247,0.4);color:#d8b4fe;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.td-combo-badge.on-fire{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-color:transparent;box-shadow:0 0 16px rgba(239,68,68,0.5);transform:scale(1.08)}.td-arcade-btn{background:rgba(255,255,255,0.06);border:1px solid var(--td-glass-border);color:#cbd5e1;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:0.8rem;font-weight:600;transition:all 0.2s ease;white-space:nowrap}.td-arcade-btn:hover{background:rgba(255,255,255,0.12);color:#fff}.td-arcade-btn.active{background:rgba(56,189,248,0.18);border-color:var(--td-accent-neon);color:var(--td-accent-neon)}@media (max-width:768px){.td-arcade-hud{flex-direction:column;align-items:stretch;gap:12px;padding:10px 14px}.td-hud-left{justify-content:flex-start}.td-hud-right{justify-content:space-between;flex-wrap:wrap;gap:8px}.td-arcade-btn{font-size:0.75rem;padding:5px 10px}}@keyframes tdErrorShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.td-shake{animation:tdErrorShake 0.28s ease-in-out;border-color:var(--td-error-coral)!important}
#caret{position:absolute;width:2.5px;height:1.25em;background-color:var(--td-accent-neon,var(--primary,#38bdf8));border-radius:3px;box-shadow:0 0 10px var(--td-accent-neon,var(--primary,#38bdf8));pointer-events:none;z-index:20;will-change:transform,width,height;transition:transform 75ms cubic-bezier(.16,1,.3,1),width 90ms ease,height 90ms ease;animation:tdCaretPulse 1.2s infinite ease-in-out}
#caret.caret-smooth-snappy{transition:transform 75ms cubic-bezier(.16,1,.3,1),width 90ms ease,height 90ms ease!important}
#caret.caret-smooth-extra{transition:transform 135ms cubic-bezier(.16,1,.3,1),width 120ms ease,height 120ms ease!important}
#caret.caret-smooth-off{transition:none!important}
#caret.caret-style-line{width:2.5px!important;height:1.25em!important;background-color:var(--td-accent-neon,var(--primary,#38bdf8))!important;box-shadow:0 0 10px var(--td-accent-neon,var(--primary,#38bdf8))!important;border-radius:3px!important}
#caret.caret-style-block{height:1.25em!important;background:color-mix(in srgb,var(--td-accent-neon,#38bdf8) 28%,transparent)!important;border-bottom:2.5px solid var(--td-accent-neon,#38bdf8)!important;border-radius:3px!important;box-shadow:inset 0 0 6px color-mix(in srgb,var(--td-accent-neon,#38bdf8) 35%,transparent),0 0 10px color-mix(in srgb,var(--td-accent-neon,#38bdf8) 25%,transparent)!important}
#caret.caret-style-outline{height:1.25em!important;background:transparent!important;border:1.5px solid var(--td-accent-neon,#38bdf8)!important;border-radius:3px!important;box-shadow:0 0 8px color-mix(in srgb,var(--td-accent-neon,#38bdf8) 40%,transparent),inset 0 0 4px color-mix(in srgb,var(--td-accent-neon,#38bdf8) 25%,transparent)!important}
#caret.caret-style-underline{height:3.5px!important;top:1.18em!important;background-color:var(--td-accent-neon,#38bdf8)!important;box-shadow:0 0 8px var(--td-accent-neon,#38bdf8)!important;border-radius:2px!important}
#caret.caret-style-hidden{opacity:0!important;pointer-events:none!important;display:none!important}
.textbox-controls-container{position:relative!important;z-index:50!important}
.textbox-style-container,.textbox-fx-container{position:relative!important;z-index:51!important}
.textbox-style-dropdown,.textbox-fx-dropdown{z-index:99999!important}
.text-display.style-normal{font-size:1.6rem!important;line-height:1.85!important;height:calc(1.85em * 3)!important}
.text-display.style-medium{font-size:2.2rem!important;line-height:1.75!important;letter-spacing:2px!important;height:calc(1.75em * 3)!important}
.text-display.style-large{font-size:2.8rem!important;line-height:1.65!important;letter-spacing:2px!important;height:calc(1.65em * 3)!important}
.text-display.style-meganitro{font-size:3.6rem!important;line-height:1.5!important;letter-spacing:3px!important;height:calc(1.5em * 3)!important}
.td-ad-wrapper{margin:1.5rem auto;width:100%;max-width:728px;min-height:90px;background:var(--td-glass-bg,rgba(17,24,39,.65));border:1px dashed var(--td-glass-border,rgba(255,255,255,.12));border-radius:12px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .35s ease,border-color .35s ease}.td-ad-wrapper:hover{border-color:rgba(56,189,248,.3)}.td-ad-label{position:absolute;top:4px;right:12px;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-untyped,#64748b);opacity:.65;pointer-events:none;font-family:var(--font-sans,system-ui,sans-serif);font-weight:600}.td-ad-placeholder{width:100%;min-height:90px;display:flex;align-items:center;justify-content:center;padding:10px 0;box-sizing:border-box}.td-ad-placeholder ins.adsbygoogle{display:block;width:100%;text-align:center}.td-ad-result{max-width:100%;min-height:250px;margin:1.25rem 0 0;background:rgba(15,23,42,.6)}.td-ad-result .td-ad-placeholder{min-height:250px}.td-ad-incontent{max-width:760px;min-height:100px;margin:2.2rem auto}@media (max-width:768px){.td-ad-wrapper{max-width:100%;min-height:60px;margin:1rem auto}.td-ad-placeholder{min-height:60px}.td-ad-result{min-height:200px}}body.td-zen-active .td-ad-wrapper,body.is-typing .td-ad-wrapper{opacity:.05!important;filter:blur(1.5px);pointer-events:none;transition:opacity .4s ease,filter .4s ease}
.ad-unit-desktop{display:flex;justify-content:center;align-items:center;width:100%}.ad-unit-mobile{display:none;justify-content:center;align-items:center;width:100%}@media (max-width:768px){.ad-unit-desktop{display:none!important}.ad-unit-mobile{display:flex!important}}.td-sponsored-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:8px;background:linear-gradient(135deg,rgba(255,153,0,.15) 0%,rgba(255,102,0,.05) 100%);border:1px solid rgba(255,153,0,.4);color:#ffb703;font-family:var(--font-ui,system-ui,sans-serif);font-size:.8rem;font-weight:600;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 12px rgba(255,153,0,.15)}.td-sponsored-btn:hover{background:linear-gradient(135deg,rgba(255,153,0,.3) 0%,rgba(255,102,0,.15) 100%);border-color:rgba(255,153,0,.8);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,153,0,.25)}