.kg-trainer{--clr-speed: #4a7fff;--clr-prec: #66ff99;--clr-mara: #ffca28;--clr-correct: #66ff99;--clr-wrong: #ff5c5c;--clr-cursor: #4a7fff}.kg-mode-row{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.kg-mode-btn{flex:1;min-width:140px;background:#0000004d;border:1px solid rgba(180,210,255,.12);border-radius:12px;padding:1.1rem 1.4rem;cursor:pointer;text-align:left;transition:border-color .2s,background .2s,transform .15s;position:relative;overflow:hidden}.kg-mode-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:transparent;transition:background .25s}.kg-mode-btn:hover{transform:translateY(-2px);border-color:#b4d2ff38}.kg-mode-btn.active-speed{border-color:#4a7fff8c;background:#0a14328c;box-shadow:0 0 20px #4a7fff1a}.kg-mode-btn.active-prec{border-color:#66ff9973;background:#05140c8c;box-shadow:0 0 20px #66ff9914}.kg-mode-btn.active-mara{border-color:#ffca2873;background:#140f008c;box-shadow:0 0 20px #ffca2814}.kg-mode-btn.active-speed:before{background:linear-gradient(to right,transparent,rgba(74,127,255,.5),transparent)}.kg-mode-btn.active-prec:before{background:linear-gradient(to right,transparent,rgba(102,255,153,.4),transparent)}.kg-mode-btn.active-mara:before{background:linear-gradient(to right,transparent,rgba(255,202,40,.4),transparent)}.kg-mode-name{font-family:var(--kg-fH);font-size:1.25rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.2rem}.kg-mode-name-speed{color:#8bf}.kg-mode-name-prec{color:#8fb}.kg-mode-name-mara{color:#ffd966}.kg-mode-meta{font-family:var(--kg-fM);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kg-dim);margin-bottom:.5rem}.kg-mode-desc{font-family:var(--kg-fB);font-size:1rem;color:var(--kg-silver-dim);line-height:1.5}.kg-mode-goal{font-family:var(--kg-fM);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-top:.6rem;padding:.28rem .65rem;border-radius:4px;display:inline-block}.kg-mode-goal-speed{background:#4a7fff26;color:#8bf;border:1px solid rgba(74,127,255,.28)}.kg-mode-goal-prec{background:#66ff991f;color:#8fb;border:1px solid rgba(102,255,153,.22)}.kg-mode-goal-mara{background:#ffca281f;color:#ffd966;border:1px solid rgba(255,202,40,.22)}.kg-switch-select{padding:2rem 0 2.5rem}.kg-switch-select-title{font-family:var(--kg-fH);font-size:1.55rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;text-align:center;color:var(--kg-chrome);margin-bottom:.35rem;text-shadow:0 0 20px rgba(180,210,255,.35),0 0 40px rgba(180,210,255,.15)}.kg-switch-select-sub{font-family:var(--kg-fM);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--kg-dim);text-align:center;margin-bottom:1.8rem}.kg-switch-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.kg-switch-card{background:#00000059;border:2px solid rgba(180,210,255,.08);border-radius:16px;padding:1.4rem 1rem 1.1rem;cursor:pointer;text-align:center;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.kg-switch-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .3s}.kg-switch-card:hover{transform:translateY(-5px);border-color:#b4d2ff38;background:#00000080}.kg-switch-card.selected{transform:translateY(-5px);border-color:#dcebffb3;background:#b4d2ff0d;box-shadow:0 0 0 1px #dcebff33,0 8px 32px #b4d2ff24}.kg-switch-card.selected:before{background:linear-gradient(to right,transparent,rgba(220,235,255,.65),transparent)}.kg-switch-card-img{width:88px;height:88px;object-fit:contain;margin:0 auto 1rem;display:block;filter:drop-shadow(0 4px 14px rgba(0,0,0,.65));transition:transform .25s,filter .25s}.kg-switch-card:hover .kg-switch-card-img,.kg-switch-card.selected .kg-switch-card-img{transform:scale(1.1) translateY(-2px);filter:drop-shadow(0 8px 20px rgba(180,210,255,.28))}.kg-switch-card-name{font-family:var(--kg-fH);font-size:.92rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kg-chrome);margin-bottom:.75rem}.kg-switch-pills{display:flex;flex-direction:column;gap:.35rem;align-items:center}.kg-switch-pill{font-family:var(--kg-fM);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .75rem;border-radius:20px;display:inline-block;white-space:nowrap}.kg-pill-blue{background:#4a7fff26;color:#8bf;border:1px solid rgba(74,127,255,.28)}.kg-pill-dim{background:#b4d2ff12;color:#b4d2ffa6;border:1px solid rgba(180,210,255,.13)}.kg-pill-gold{background:#ffca281a;color:#ffd966;border:1px solid rgba(255,202,40,.22)}.kg-pill-green{background:#66ff991a;color:#8fb;border:1px solid rgba(102,255,153,.22)}.kg-pill-red{background:#ff5c5c1a;color:#f99;border:1px solid rgba(255,92,92,.22)}.kg-switch-selected-badge{position:absolute;top:.55rem;right:.55rem;font-family:var(--kg-fM);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;background:#dcebffeb;color:#060810;padding:.18rem .55rem;border-radius:3px;opacity:0;transition:opacity .2s}.kg-switch-card.selected .kg-switch-selected-badge{opacity:1}.kg-switch-confirm-hint{font-family:var(--kg-fM);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kg-dim);text-align:center;margin-top:1.2rem;transition:color .3s}.kg-switch-confirm-hint.active{color:var(--kg-silver-dim)}.kg-test-arena{background:linear-gradient(180deg,#060810,#090c14);border:1px solid rgba(180,210,255,.14);border-top:1px solid rgba(180,210,255,.28);border-radius:16px;padding:1.8rem 2rem 1.6rem;position:relative;overflow:hidden;margin-bottom:1.5rem}.kg-test-arena:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,rgba(220,235,255,.45) 50%,transparent 100%)}.kg-hud{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}.kg-hud-stat{text-align:center}.kg-hud-val{font-family:var(--kg-fM);font-size:2rem;font-weight:700;color:var(--kg-chrome);line-height:1;transition:color .2s}.kg-hud-label{font-family:var(--kg-fM);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--kg-dim);margin-top:.3rem}.kg-timer-wrap{position:relative;width:64px;height:64px;flex-shrink:0}.kg-timer-svg{width:64px;height:64px;transform:rotate(-90deg)}.kg-timer-track{fill:none;stroke:#b4d2ff14;stroke-width:4}.kg-timer-fill{fill:none;stroke:var(--clr-speed);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .5s linear,stroke .3s}.kg-timer-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--kg-fM);font-size:1.3rem;font-weight:700;color:var(--kg-chrome)}.kg-mute-btn{background:#00000059;border:1px solid rgba(180,210,255,.14);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0;font-size:16px;line-height:1;color:var(--kg-silver-dim);position:relative}.kg-mute-btn:hover{background:#b4d2ff14;border-color:#b4d2ff47}.kg-mute-btn.muted{color:#b4d2ff4d}.kg-mute-btn.muted:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:1px;background:#ff5c5cb3;transform:translate(-50%,-50%) rotate(-45deg)}.kg-word-display{font-family:Share Tech Mono,monospace;font-size:1.55rem;line-height:2.1;letter-spacing:.04em;color:#b4d2ff59;min-height:130px;position:relative;-webkit-user-select:none;user-select:none;word-spacing:.4em;overflow:hidden}.kg-word-display .kc{color:var(--clr-correct)}.kg-word-display .kw{color:var(--clr-wrong);text-decoration:underline;text-decoration-color:#ff5c5c8c}.kg-word-display .kp{color:#dcebffd9}.kg-word-display .kcu{color:#dcebffd9;border-bottom:2px solid var(--clr-cursor);animation:kgBlink .9s step-end infinite}@keyframes kgBlink{0%,to{border-color:var(--clr-cursor)}50%{border-color:transparent}}.kg-input-trap{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.kg-start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#060810e6;border-radius:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s;z-index:10}.kg-start-overlay.hidden{opacity:0;pointer-events:none}.kg-start-switch-chip{font-family:var(--kg-fM);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kg-dim);display:flex;align-items:center;gap:.5rem;margin-bottom:1.1rem}.kg-start-switch-dot{width:7px;height:7px;border-radius:50%;background:var(--kg-chrome);display:inline-block;box-shadow:0 0 8px #b4d2ff99}.kg-start-btn{font-family:var(--kg-fH);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.85rem 2.4rem;border-radius:8px;border:1px solid rgba(74,127,255,.55);background:#4a7fff26;color:#8bf;cursor:pointer;transition:background .2s,box-shadow .2s;margin-bottom:.6rem}.kg-start-btn:hover:not(:disabled){background:#4a7fff47;box-shadow:0 0 20px #4a7fff40}.kg-start-hint{font-family:var(--kg-fM);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kg-dim)}@keyframes kgWinDrop{0%{opacity:0;transform:scale(.35) translateY(-40px)}60%{transform:scale(1.08) translateY(0)}78%{transform:scale(.96) translateY(3px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes kgWinPulse{0%,to{text-shadow:0 0 20px rgba(180,210,255,.5),0 0 40px rgba(180,210,255,.25)}50%{text-shadow:0 0 48px rgba(180,210,255,.85),0 0 80px rgba(180,210,255,.45),0 0 130px rgba(180,210,255,.2)}}@keyframes kgArenaPulse{0%,to{box-shadow:inset 0 0 #b4d2ff00}50%{box-shadow:inset 0 0 80px #b4d2ff12}}@keyframes kgFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kg-win-overlay{animation:kgArenaPulse 2.2s ease-in-out .5s infinite}.kg-win-headline{font-family:var(--kg-fH);font-size:3rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--kg-chrome);animation:kgWinDrop .55s cubic-bezier(.34,1.56,.64,1) both,kgWinPulse 2.2s ease-in-out .55s infinite;display:inline-block;transform-origin:center;margin-bottom:.6rem}.kg-win-quip{font-family:var(--kg-fM);font-size:.92rem;letter-spacing:.06em;color:#b4d2ff99;text-align:center;max-width:360px;line-height:1.65;animation:kgFadeUp .4s ease both;animation-delay:.75s;opacity:0}.kg-win-stats-row{display:flex;gap:2rem;margin-top:1.5rem;animation:kgFadeUp .4s ease both;animation-delay:.95s;opacity:0}.kg-win-stat{text-align:center}.kg-win-stat-val{font-family:var(--kg-fM);font-size:1.6rem;font-weight:700;color:var(--kg-chrome);line-height:1}.kg-win-stat-lbl{font-family:var(--kg-fM);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kg-dim);margin-top:.3rem}.kg-win-retry-btn{font-family:var(--kg-fH);font-size:.88rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.7rem 2rem;border-radius:8px;border:1px solid rgba(180,210,255,.28);background:#b4d2ff12;color:var(--kg-silver-dim);cursor:pointer;transition:background .2s,box-shadow .2s;margin-top:1.5rem;animation:kgFadeUp .4s ease both;animation-delay:1.3s;opacity:0}.kg-win-retry-btn:hover{background:#b4d2ff24;box-shadow:0 0 18px #b4d2ff26}.kg-react-wrap{margin-top:1.2rem}.kg-react-label{font-family:var(--kg-fM);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kg-dim);margin-bottom:.5rem}.kg-react-canvas{display:block;width:100%;height:60px;border-radius:6px;background:#00000040}.kg-results{display:none;background:#0000004d;border:1px solid rgba(180,210,255,.12);border-radius:14px;padding:1.8rem 2rem;margin-bottom:1.5rem}.kg-results.visible{display:block}.kg-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.kg-result-item{text-align:center}.kg-result-val{font-family:var(--kg-fM);font-size:2.4rem;font-weight:700;color:var(--kg-chrome);line-height:1}.kg-result-label{font-family:var(--kg-fM);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kg-dim);margin-top:.4rem}.kg-switch-rec{border-top:1px solid rgba(180,210,255,.08);padding-top:1.2rem;display:flex;align-items:flex-start;gap:1.2rem}.kg-switch-rec-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.kg-switch-rec-title{font-family:var(--kg-fH);font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kg-dim);margin-bottom:.25rem}.kg-switch-rec-name{font-family:var(--kg-fH);font-size:1.3rem;font-weight:700;letter-spacing:.04em;margin-bottom:.35rem}.kg-switch-rec-desc{font-family:var(--kg-fB);font-size:.95rem;color:var(--kg-silver-dim);line-height:1.6}.kg-submit-row{display:flex;gap:.75rem;align-items:center;margin-top:1.4rem;flex-wrap:wrap}.kg-initials-input{font-family:var(--kg-fM);font-size:1.1rem;letter-spacing:.25em;text-transform:uppercase;width:72px;padding:.55rem .75rem;background:#0006;border:1px solid rgba(180,210,255,.2);border-radius:7px;color:var(--kg-chrome);text-align:center}.kg-initials-input:focus{outline:none;border-color:#4a7fff8c}.kg-submit-btn{font-family:var(--kg-fM);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;padding:.6rem 1.4rem;border-radius:7px;border:1px solid rgba(74,127,255,.45);background:#4a7fff1f;color:#8bf;cursor:pointer;transition:background .2s}.kg-submit-btn:hover{background:#4a7fff40}.kg-skip-btn{font-family:var(--kg-fM);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;background:none;border:none;color:var(--kg-dim);cursor:pointer;padding:.5rem;transition:color .2s}.kg-skip-btn:hover{color:var(--kg-silver-dim)}.kg-submit-status{font-family:var(--kg-fM);font-size:.68rem;letter-spacing:.1em;color:#6f9}.kg-retry-btn{font-family:var(--kg-fM);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;padding:.6rem 1.6rem;border-radius:7px;border:1px solid rgba(180,210,255,.22);background:#b4d2ff0f;color:var(--kg-silver-dim);cursor:pointer;transition:background .2s,border-color .2s;margin-top:1rem;display:block}.kg-retry-btn:hover{background:#b4d2ff1f;border-color:#b4d2ff59}.kg-lb-section{margin-top:2rem}.kg-lb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.kg-lb-title{font-family:var(--kg-fM);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--kg-dim)}.kg-lb-tabs{display:flex;gap:.4rem}.kg-lb-tab{font-family:var(--kg-fM);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .75rem;border-radius:5px;border:1px solid rgba(180,210,255,.12);background:transparent;color:var(--kg-dim);cursor:pointer;transition:all .2s}.kg-lb-tab.active{border-color:#4a7fff73;background:#4a7fff1a;color:#8bf}.kg-lb-table{width:100%;border-collapse:collapse}.kg-lb-table th{font-family:var(--kg-fM);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kg-dim);padding:.5rem .75rem;text-align:left;border-bottom:1px solid rgba(180,210,255,.07)}.kg-lb-table th:last-child{text-align:right}.kg-lb-table td{font-family:var(--kg-fM);font-size:.92rem;color:var(--kg-silver-dim);padding:.6rem .75rem;border-bottom:1px solid rgba(180,210,255,.04)}.kg-lb-table td:last-child{text-align:right;color:var(--kg-chrome);font-weight:700}.kg-lb-table tr.kg-lb-top td{color:var(--kg-chrome)}.kg-lb-table tr.kg-lb-top td:first-child{color:#ffd966}.kg-lb-empty{font-family:var(--kg-fM);font-size:.72rem;letter-spacing:.1em;color:var(--kg-dim);text-align:center;padding:1.5rem}@media(max-width:900px){.kg-switch-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.kg-mode-row{flex-direction:column}.kg-results-grid{grid-template-columns:repeat(2,1fr)}.kg-hud{flex-wrap:wrap;gap:1rem;justify-content:center}.kg-switch-cards{grid-template-columns:repeat(2,1fr)}.kg-win-stats-row{gap:1.2rem}}.kg-countdown-num{font-family:var(--kg-fH);font-size:7rem;font-weight:900;line-height:1;letter-spacing:.05em;color:var(--kg-chrome);text-shadow:0 0 30px rgba(180,210,255,.55),0 0 70px rgba(180,210,255,.25);animation:kgCdDrop .35s cubic-bezier(.34,1.56,.64,1) both;display:inline-block;transform-origin:center}.kg-countdown-num.go{color:#6f9;font-size:5rem;text-shadow:0 0 30px rgba(102,255,153,.65),0 0 70px rgba(102,255,153,.3);animation:kgCdDrop .28s cubic-bezier(.34,1.56,.64,1) both}.kg-countdown-label{font-family:var(--kg-fM);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--kg-dim);margin-top:.8rem}@keyframes kgCdDrop{0%{opacity:0;transform:scale(.3) translateY(-20px)}70%{transform:scale(1.12) translateY(0)}85%{transform:scale(.96) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes kgCdFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.kg-countdown-num.fadeout{animation:kgCdFadeOut .25s ease-in both}.kg-mode-name-free{color:#c084fc}.kg-mode-goal-free{color:#c084fc;border-color:#c084fc4d;background:#c084fc14}.kg-mode-btn.active-free{border-color:#c084fc;box-shadow:0 0 0 1px #c084fc,0 0 18px #c084fc40}.kg-fp-strip{display:none;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.55rem .75rem;background:#c084fc12;border:1px solid rgba(192,132,252,.2);border-radius:6px;margin-top:.5rem}.kg-fp-strip-label{font-family:var(--kg-fM);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--kg-dim);margin-right:.25rem}.kg-fp-sw-btn{font-family:var(--kg-fM);font-size:.72rem;padding:.28rem .75rem;border-radius:4px;border:1px solid rgba(192,132,252,.3);background:#c084fc0f;color:#b4d2ff99;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.kg-fp-sw-btn:hover{background:#c084fc2e;color:#c084fc;border-color:#c084fc}.kg-fp-sw-btn.active{background:#c084fc38;color:#c084fc;border-color:#c084fc;font-weight:700;box-shadow:0 0 8px #c084fc4d}.kg-fp-stop-btn{font-family:var(--kg-fM);font-size:.72rem;padding:.28rem .85rem;border-radius:4px;border:1px solid rgba(255,92,92,.35);background:#ff5c5c12;color:#ff5c5cb3;cursor:pointer;margin-left:auto;transition:background .15s,color .15s}.kg-fp-stop-btn:hover{background:#ff5c5c2e;color:#ff5c5c}
/*# sourceMappingURL=/cdn/shop/t/12/assets/keyboard-guide-s05-trainer.css.map */