@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Space+Mono:wght@400;700&display=swap);:root{--bg:#000;--bg2:#13161e;--bg3:#1a1e2a;--border:#2a2f3f;--text:#c8cdd8;--text-dim:#555c70;--green:#39ff14;--cyan:#00d4ff;--orange:#ff6b35;--gold:gold;--red:#ff3860;--radius:8px;--mono:"JetBrains Mono","Space Mono",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;background:#000;background:var(--bg);color:#c8cdd8;color:var(--text);font-family:JetBrains Mono,Space Mono,monospace;font-family:var(--mono);min-height:100dvh;overflow-x:hidden}.scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 0,#00000014 4px);inset:0;pointer-events:none;position:fixed;z-index:999}.app{align-items:center;background:radial-gradient(ellipse 60% 40% at 50% 0,#39ff140a 0,#0000 70%),#000;background:radial-gradient(ellipse 60% 40% at 50% 0,#39ff140a 0,#0000 70%),var(--bg);display:flex;flex-direction:column;min-height:100dvh;overflow-x:hidden;padding:2rem 1rem 1.5rem;position:relative;z-index:10}.app.game-active{height:100dvh;min-height:100dvh}.app.game-active .test-area{flex:1 1;min-height:0}.app.results-active{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.app-header{animation:fadeDown .6s ease both;margin-bottom:2rem;text-align:center}.logo{color:#fff;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;letter-spacing:-.5px}.logo-bracket{color:#555c70;color:var(--text-dim)}.logo-accent{color:#39ff14;color:var(--green)}.tagline{color:#aaa;font-size:.75rem;letter-spacing:.5px;margin-top:.3rem}.controls{animation:fadeDown .7s ease .1s both;gap:1.5rem;margin-bottom:2rem}.control-group,.controls{display:flex;flex-wrap:wrap;justify-content:center}.control-group{align-items:center;gap:.5rem}.control-label{color:#d8f533;font-size:.7rem;letter-spacing:.5px;margin-right:.25rem}.ctrl-btn{background:#13161e;background:var(--bg2);border:1px solid #2a2f3f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#555c70;color:var(--text-dim);cursor:pointer;font-family:JetBrains Mono,Space Mono,monospace;font-family:var(--mono);font-size:.72rem;letter-spacing:.5px;padding:.35rem .85rem;transition:all .2s}.ctrl-btn.active,.ctrl-btn:hover{border-color:#39ff14;border-color:var(--green);color:#39ff14;color:var(--green)}.ctrl-btn.active{background:#39ff141a}.test-area{animation:fadeUp .6s ease .15s both;display:flex;flex-direction:column;gap:1.2rem;max-width:820px;width:100%}.timer-wrapper{gap:1.2rem}.timer-display,.timer-wrapper{align-items:center;display:flex}.timer-display{flex-direction:column;min-width:54px;transition:color .3s}.timer-number{color:#00d4ff;color:var(--cyan);font-size:2rem;font-weight:700;line-height:1;transition:color .3s}.timer-label{color:#555c70;color:var(--text-dim);font-size:.55rem;letter-spacing:.8px;text-transform:uppercase}.timer-display.urgent .timer-number{color:#ff3860;color:var(--red)}.timer-bar-bg{background:#1a1e2a;background:var(--bg3);border-radius:99px;flex:1 1;height:4px}.timer-bar-fill{background:#00d4ff;background:var(--cyan);border-radius:99px;height:100%;transition:width 1s linear,background .3s}.timer-bar-fill.urgent{background:#ff3860;background:var(--red)}.live-stats{gap:.75rem}.stat-pill{align-items:center;background:#13161e;background:var(--bg2);border:1px solid #2a2f3f;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);display:flex;flex-direction:column;min-width:72px;padding:.5rem 1rem;transition:border-color .2s}.stat-pill:hover{border-color:#39ff14;border-color:var(--green)}.stat-val{color:#fff;font-size:1.3rem;font-weight:700;line-height:1}.stat-key{color:#555c70;color:var(--text-dim);font-size:.55rem;letter-spacing:.8px;margin-top:.2rem;text-transform:uppercase}.typing-box{background:#13161e;background:var(--bg2);border:1px solid #2a2f3f;border:1px solid var(--border);border-radius:12px;cursor:text;padding:1.8rem 2rem;position:relative;transition:border-color .2s}.typing-box:focus-within{border-color:#39ff1466;box-shadow:0 0 0 1px #39ff141a,0 0 30px #39ff140a}.text-display{font-size:clamp(1rem,2.5vw,1.2rem);letter-spacing:.3px;line-height:1.9;-webkit-user-select:none;user-select:none;white-space:pre-wrap;word-break:break-word}.char-pending{color:#555c70;color:var(--text-dim)}.char-correct{color:#39ff14;color:var(--green)}.char-wrong{background:#ff386026;border-radius:2px;color:#ff3860;color:var(--red)}.char-cursor{animation:blink 1s step-end infinite;border-bottom:2px solid #00d4ff;border-bottom:2px solid var(--cyan);color:#c8cdd8;color:var(--text);padding-bottom:1px}@keyframes blink{0%,to{border-color:#00d4ff;border-color:var(--cyan)}50%{border-color:#0000}}.hidden-input{background:#0000;border:none;cursor:text;font-family:JetBrains Mono,Space Mono,monospace;font-family:var(--mono);font-size:1rem;height:100%;left:0;opacity:0;padding:1.8rem 2rem;position:absolute;resize:none;top:0;width:100%;z-index:9}.click-hint{color:#d8f533;margin-top:.9rem;opacity:.6}.click-hint,.shortcut-hint{font-size:.65rem;letter-spacing:.5px}.shortcut-hint{color:#fff;opacity:.5;text-align:center}.result-screen{align-items:center;animation:popIn .4s cubic-bezier(.34,1.56,.64,1) both;background:#13161e;background:var(--bg2);border:1px solid #2a2f3f;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:2rem;padding:2.5rem 2rem}.result-badge{animation:glowPulse 2s ease-in-out infinite;border:2px solid;border-radius:99px;font-size:1.4rem;font-weight:700;letter-spacing:1px;padding:.5rem 1.8rem;text-shadow:0 0 20px currentColor}@keyframes glowPulse{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 30px currentColor}}.result-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.result-card{align-items:center;background:#1a1e2a;background:var(--bg3);border:1px solid #2a2f3f;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:.3rem;min-width:120px;padding:1.2rem 1.8rem}.result-number{font-size:2.8rem;font-weight:700;line-height:1}.result-desc{color:#555c70;color:var(--text-dim);font-size:.65rem;letter-spacing:.8px;text-transform:uppercase}.restart-btn{background:#0000;border:1px solid #39ff14;border:1px solid var(--green);border-radius:8px;border-radius:var(--radius);color:#39ff14;color:var(--green);cursor:pointer;font-family:JetBrains Mono,Space Mono,monospace;font-family:var(--mono);font-size:.9rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:.7rem 2.2rem;position:relative;transition:all .2s}.restart-btn:before{background:#39ff14;background:var(--green);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.restart-btn:hover{box-shadow:0 0 20px #39ff1466;color:#000}.restart-btn:hover:before{opacity:1}.restart-btn span{position:relative;z-index:8}.app-footer{color:#aaa;flex-shrink:0;font-size:.65rem;letter-spacing:.5px;margin-top:auto;opacity:.5;padding-top:1rem;text-align:center}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.app{padding:1.2rem .8rem 1rem}.hidden-input,.typing-box{padding:1.2rem}.result-grid{align-items:center;flex-direction:column}.result-card{max-width:220px;width:100%}.live-stats{gap:.5rem}.stat-pill{min-width:60px;padding:.4rem .7rem}.timer-wrapper{gap:.8rem}}.logo-type{color:#39ff14;text-shadow:0 0 6px #39ff14}.logo-shift{color:#ff3b3b;text-shadow:0 0 6px #ff3b3b}.logo-bracket{color:#fff;text-shadow:0 0 4px #fff,0 0 8px #fff}.social-links{display:flex;gap:20px;justify-content:center;margin-top:10px}.social-links a{color:#aaa;font-size:24px;transition:all .2s ease}.social-links a:hover{transform:scale(1.2)}.social-links a:hover svg{color:#39ff14}.social-links a:first-child:hover svg{color:#fff}.social-links a:last-child:hover svg{color:#0a66c2}.result-image{display:flex;justify-content:center;margin-top:15px}.result-image img{border-radius:6px;box-shadow:0 0 10px #00000080;height:120px;object-fit:cover;width:80px}.result-image img:hover{transform:scale(1.1);transition:.2s}.live-stats{display:flex;flex-wrap:wrap;gap:12px}.reset-btn{background:#0000;border:1px solid #555;border-radius:10px;color:#aaa;cursor:pointer;font-size:20px;height:50px;transition:all .2s ease;width:50px}.reset-btn:hover{border-color:#39ff14;color:#39ff14;transform:scale(1.1)}.matrix-bg{z-index:0}.matrix-bg,.matrix-overlay{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw}.matrix-overlay{background:linear-gradient(90deg,#000000d9 0,#0009 15%,#0003 35%,#0000 50%,#0003 65%,#0009 85%,#000000d9);z-index:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#00ff41;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0c3}html{scrollbar-color:#00ff41 #000;scrollbar-width:thin}.lightbox-backdrop{align-items:center;animation:lightboxFadeIn .25s ease both;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:2000}.lightbox{animation:lightboxPopIn .3s cubic-bezier(.34,1.56,.64,1) both;background:#000;border:1px solid #39ff14;border:1px solid var(--green);border-radius:12px;box-shadow:0 0 0 1px #39ff1414,0 0 35px #39ff1414;max-height:calc(100dvh - 3rem);overflow-y:auto;padding:2.5rem 2.8rem;position:relative;width:min(600px,100%)}.lightbox-close{align-items:center;background:#0000;border:1px solid #2a2f3f;border:1px solid var(--border);border-radius:6px;color:#555c70;color:var(--text-dim);cursor:pointer;display:flex;font-family:Arial,sans-serif;font-size:1.4rem;height:32px;justify-content:center;line-height:1;position:absolute;right:.9rem;top:.7rem;transition:all .2s ease;width:32px}.lightbox-close:hover{border-color:#ff3860;border-color:var(--red);box-shadow:0 0 12px #ff386026;color:#ff3860;color:var(--red)}.lightbox-content{display:flex;flex-direction:column;gap:1rem}.lightbox-content h2{color:#fff;font-size:clamp(1.1rem,3vw,1.5rem);font-weight:700;line-height:1.5;padding-right:2rem}.lightbox-content p{color:#c8cdd8;color:var(--text);font-size:clamp(.75rem,2vw,.85rem);line-height:1.8}.lightbox-green{color:#39ff14;color:var(--green);font-weight:700}.lightbox-red{color:#ff3860!important;color:var(--red)!important;font-weight:500}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxPopIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (max-width:600px){.lightbox-backdrop{padding:1rem}.lightbox{border-radius:10px;max-height:calc(100dvh - 2rem);padding:2.2rem 1.4rem 1.5rem;width:100%}.lightbox-content{gap:.85rem}.lightbox-content h2{font-size:1.05rem;line-height:1.5}.lightbox-content p{font-size:.72rem;line-height:1.75}.lightbox-close{font-size:1.25rem;height:30px;right:.65rem;top:.6rem;width:30px}.legal-lightbox{width:100%}.legal-text{font-size:.7rem;line-height:1.75;max-height:60vh}}.darkveil-background{height:100vh;inset:0;pointer-events:none;position:fixed;width:100vw;z-index:0}.darkveil-background .darkveil-canvas{display:block;height:100%;width:100%}.legal-links{align-items:center;display:flex;gap:.45rem;justify-content:center;margin-top:.55rem}.legal-links button{background:#0000;border:none;color:#aaa;cursor:pointer;font-family:JetBrains Mono,Space Mono,monospace;font-family:var(--mono);font-size:.65rem;letter-spacing:.5px;padding:0;transition:color .2s ease}.legal-links button:hover{color:#39ff14;color:var(--green)}.legal-links span{color:#aaa;font-size:.65rem}.legal-lightbox{width:min(700px,100%)}.legal-text{color:#c8cdd8;color:var(--text);font-size:.78rem;line-height:1.8;max-height:55vh;overflow-wrap:anywhere;overflow-y:auto;padding-right:.5rem;white-space:pre-wrap}.legal-error,.legal-loading{color:#555c70;color:var(--text-dim);font-size:.78rem;line-height:1.8}.legal-error{color:#ff3860;color:var(--red)}@media (min-width:601px){.app.game-active{padding-bottom:.75rem;padding-top:1.25rem}.app.game-active .app-header,.app.game-active .controls{margin-bottom:1rem}.app.game-active .test-area{gap:.85rem}.app.game-active .app-footer{padding-top:.6rem}}@media (min-width:601px) and (max-height:850px){.app.game-active{padding-bottom:.5rem;padding-top:1rem}.app.game-active .app-header{margin-bottom:.75rem}.app.game-active .logo{font-size:clamp(1.4rem,4vw,2rem)}.app.game-active .tagline{font-size:.68rem;margin-top:.2rem}.app.game-active .controls{margin-bottom:.75rem}.app.game-active .test-area{gap:.7rem}.app.game-active .timer-number{font-size:1.7rem}.app.game-active .stat-pill{padding:.4rem .8rem}.app.game-active .stat-val{font-size:1.15rem}.app.game-active .hidden-input,.app.game-active .typing-box{padding:1.3rem 1.5rem}.app.game-active .text-display{line-height:1.7}.app.game-active .click-hint{margin-top:.6rem}.app.game-active .social-links{margin-top:6px}.app.game-active .social-links a{font-size:20px}.app.game-active .app-footer{padding-top:.4rem}.app.game-active .legal-links{margin-top:.35rem}}@media (min-width:601px) and (max-height:700px){.app.game-active{padding-bottom:.35rem;padding-top:.6rem}.app.game-active .app-header,.app.game-active .controls{margin-bottom:.5rem}.app.game-active .test-area{gap:.5rem}.app.game-active .hidden-input,.app.game-active .typing-box{padding:1rem 1.2rem}.app.game-active .text-display{line-height:1.55}.app.game-active .app-footer,.app.game-active .shortcut-hint{font-size:.58rem}}@media (min-width:601px) and (max-height:580px){.app.game-active{overflow-y:auto}}@media (max-width:600px){html{overflow-y:auto;scroll-padding-bottom:45vh}#root,body{height:auto;min-height:100%}body{overflow-x:hidden;overflow-y:auto}.app{padding:1.2rem .8rem 45vh}.app,.app.game-active{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:visible}.app.game-active .test-area{flex:none;min-height:auto}.typing-box{scroll-margin-bottom:45vh;scroll-margin-top:16px}.hidden-input,.typing-box{padding:1.2rem}.result-grid{align-items:center;flex-direction:column}.result-card{max-width:220px;width:100%}.live-stats{gap:.5rem}.stat-pill{min-width:60px;padding:.4rem .7rem}.timer-wrapper{gap:.8rem}}.darkveil-canvas{display:block;height:100%;width:100%}
/*# sourceMappingURL=main.95974662.css.map*/