#login-input-fields{display:flex;flex-direction:column;gap:4px}#login-input-fields .login-input-style{background-color:#0000;border:none;border-radius:var(--border-radius);box-sizing:border-box;color:var(--text);padding:8px;width:100%}#google-sign-in-button{background-color:var(--bg);color:var(--text);display:flex;gap:8px}.login-message{font-size:11px}.login-message .caution,.login-message .success{cursor:pointer}#user-content{flex-direction:column;flex-grow:1;gap:4px}#user-content,#user-content #user-header{align-items:center;display:flex;justify-content:space-between}#user-content #user-header{gap:8px;width:100%}#user-content #user-header #user-photo{border-radius:var(--border-radius);height:56px;width:56px}#user-content #user-header #user-main{align-items:center;display:flex;flex-direction:column;justify-content:center}#user-content .user-info{align-items:center;color:var(--text);display:flex;font-size:"9px";font-weight:700;justify-content:space-between;letter-spacing:"3px";text-transform:"uppercase";width:100%}#user-content .user-wpm{-webkit-text-stroke:2px var(--key-text);align-items:center;color:var(--key-bg);display:flex;font-size:56px;font-weight:800;justify-content:center;letter-spacing:-2px}#user-content .user-stat-card{border:none;border-radius:5px;display:flex;justify-content:space-between;text-align:center;transition:all .3s ease;width:100%}#user-content .user-stat-label{color:var(--text);font-size:12px;font-weight:600;letter-spacing:.05em;opacity:.6;text-transform:uppercase}#user-content .user-stat-value{color:var(--text);font-size:12px;font-weight:700;text-transform:uppercase}.keyboard{align-items:center;background-color:var(--board-bg);border-radius:5px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;padding:10px}.keyboard-row{display:flex;margin-bottom:4px}.key{align-items:center;background-color:var(--key-bg);border:1px solid var(--black);border-radius:7px;box-shadow:0 5px var(--key-shadow);box-sizing:border-box;color:var(--key-text);cursor:default;display:flex;font-size:18px;font-weight:600;height:66px;justify-content:center;margin:3px;padding:10px;position:relative;top:0;transition:background-color .2s,color .2s,top .2s,box-shadow .2s;width:66px}.key.active{background-color:var(--active-highlight);box-shadow:0 0 var(--active-highlight);top:5px}.key.persistent{background-color:var(--clicked-key-bg);color:var(--clicked-key-text)}.key-Esc{width:86px}.key-Space{width:452px}.key-Enter{width:206px}.key-Tab{width:154px}.key-CapsLock{width:180px}.key-Backspace{width:194px}.key-Shift{width:193px}.key-Alt,.key-Ctrl,.key-Fn,.key-Win{width:86px}.key-←{margin:1px 1px 1px 37px}.key-←.active{margin:2px 1px 0 37px!important}.key-F1,.key-F5,.key-F9,.key-Insert{margin-left:13px}.key-Slash{width:160px}.key-Quote{width:120px}.key-Home,.key-Insert{width:86px}.key-Circle{border-radius:50%;margin-left:11px}@media only screen and (max-width:2000px){.key{align-items:center;background-color:var(--key-bg);border:1px solid var(--black);border-radius:5px;box-shadow:0 4px var(--key-shadow);box-sizing:border-box;color:var(--key-text);cursor:default;display:flex;font-size:14px;font-weight:600;height:50px;justify-content:center;margin:2px;padding:8px;position:relative;top:0;transition:background-color .2s,color .2s,top .2s,box-shadow .2s;width:50px}.key.active{background-color:var(--active-highlight);box-shadow:0 0 var(--active-highlight);top:4px}.key.persistent{background-color:var(--clicked-key-bg);color:var(--clicked-key-text)}.key-Esc{width:65px}.key-Space{width:340px}.key-Enter{width:155px}.key-Tab{width:116px}.key-CapsLock{width:135px}.key-Backspace{width:146px}.key-Shift{width:145px}.key-Alt,.key-Ctrl,.key-Fn,.key-Win{width:65px}.key-←{margin:1px 1px 1px 28px}.key-←.active{margin:2px 1px 0 28px!important}.key-F1,.key-F5,.key-F9,.key-Insert{margin-left:10px}.key-Slash{width:120px}.key-Quote{width:90px}.key-Home,.key-Insert{width:65px}.key-Circle{border-radius:50%;margin-left:8px}}@media only screen and (max-width:700px){.key{align-items:center;background-color:var(--key-bg);border:1px solid var(--black);border-radius:2px;box-shadow:0 2px var(--key-shadow);box-sizing:border-box;color:var(--key-text);cursor:default;display:flex;font-size:8px;font-weight:600;height:18px;justify-content:center;margin:1px;padding:2px;position:relative;top:0;transition:background-color .2s,color .2s,top .2s,box-shadow .2s;width:18px}.key.active{background-color:var(--active-highlight);box-shadow:0 0 var(--active-highlight);top:2px}.key.persistent{background-color:var(--clicked-key-bg);color:var(--clicked-key-text)}.key-Esc{width:23px}.key-Space{width:119px}.key-Enter{width:54px}.key-Tab{width:41px}.key-CapsLock{width:47px}.key-Backspace,.key-Shift{width:51px}.key-Alt,.key-Ctrl,.key-Fn,.key-Win{width:23px}.key-←{margin:1px 1px 1px 10px}.key-←.active{margin:2px 1px 0 10px!important}.key-F1,.key-F5,.key-F9,.key-Insert{margin-left:4px}.key-Slash{width:42px}.key-Quote{width:32px}.key-Home,.key-Insert{width:23px}.key-Circle{border-radius:50%;margin-left:3px}}.numpad{align-items:center;background-color:var(--board-bg);border-radius:5px;box-shadow:var(--box-shadow);display:inline-flex;flex-direction:column;padding:10px}.numpad-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,66px);grid-template-rows:repeat(5,66px)}.numpad-key{align-items:center;background-color:var(--key-bg);border:1px solid var(--black);border-radius:7px;box-shadow:0 5px var(--key-shadow);box-sizing:border-box;color:var(--key-text);cursor:default;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;padding:10px;position:relative;top:0;transition:background-color .2s,color .2s,top .2s,box-shadow .2s;width:100%}.numpad-key.active{background-color:var(--active-highlight);box-shadow:0 0 var(--active-highlight);top:5px}.numpad-key.persistent{background-color:var(--clicked-key-bg);color:var(--clicked-key-text)}.numpad-key--NumLock{grid-column:1;grid-row:1}.numpad-key--NSlash{grid-column:2;grid-row:1}.numpad-key--NStar{grid-column:3;grid-row:1}.numpad-key--N7{grid-column:1;grid-row:2}.numpad-key--N8{grid-column:2;grid-row:2}.numpad-key--N9{grid-column:3;grid-row:2}.numpad-key--N4{grid-column:1;grid-row:3}.numpad-key--N5{grid-column:2;grid-row:3}.numpad-key--N6{grid-column:3;grid-row:3}.numpad-key--N1{grid-column:1;grid-row:4}.numpad-key--N2{grid-column:2;grid-row:4}.numpad-key--N3{grid-column:3;grid-row:4}.numpad-key--N0{grid-column:1/span 2;grid-row:5}.numpad-key--NDot{grid-column:3;grid-row:5}.numpad-key--NMinus{grid-column:4;grid-row:1}.numpad-key--NPlus{grid-column:4;grid-row:2/span 2}.numpad-key--NEnter{grid-column:4;grid-row:4/span 2}@media only screen and (max-width:2000px){.numpad-grid{gap:4px;grid-template-columns:repeat(4,50px);grid-template-rows:repeat(5,50px)}.numpad-key{border-radius:5px;box-shadow:0 4px var(--key-shadow);font-size:14px}.numpad-key.active{box-shadow:0 0 var(--active-highlight);top:4px}}@media only screen and (max-width:700px){.numpad-grid{gap:2px;grid-template-columns:repeat(4,18px);grid-template-rows:repeat(5,18px)}.numpad-key{border-radius:2px;box-shadow:0 2px var(--key-shadow);font-size:8px}.numpad-key.active{box-shadow:0 0 var(--active-highlight);top:2px}}#typing{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--overlay-bg);box-shadow:var(--box-shadow);flex-direction:column;gap:4px;margin-bottom:4px}#typing,#typing .words{display:flex;width:100%}#typing .words{-ms-overflow-style:none;border-radius:5px;box-sizing:border-box;flex-wrap:wrap;gap:8px;max-height:120px;overflow:scroll;padding:8px;scroll-behavior:smooth;scrollbar-width:none}#typing #words::-webkit-scrollbar{display:none}#typing .word{color:var(--text);font-size:20px;letter-spacing:2px;opacity:.75;transition:opacity .15s ease}#typing .word.word-active{opacity:1}#typing .word.word-done-correct{opacity:.5}#typing .word.word-done-wrong{color:#f87171;opacity:.85}#typing .char{transition:color .08s ease}#typing .char-pending{color:var(--text)}#typing .char-correct{color:var(--text);opacity:.7}#typing .char-wrong{color:#f87171}.typing-cursor{background-color:var(--text);border-radius:1px;display:inline-block;height:1.1em;margin-right:1px;vertical-align:text-bottom;width:2px}.typing-cursor.ready-pulse{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:0}}#typing-results{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--overlay-bg);box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:4px;margin-bottom:4px;width:100%}.stats-bar{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.stat-card{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000;border:none;border-radius:5px;display:flex;justify-content:space-between;padding:8px;text-align:center;transition:all .3s ease}.stat-label{font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-label,.stat-value{color:var(--text);font-size:12px}.stat-value{font-family:Courier New,monospace;font-weight:700}.progress-bar-container{background:var(--bg);border-radius:9999px;height:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--board-bg),var(--key-bg));border-radius:9999px;height:100%;transition:width .3s ease}#sound-selector{-ms-overflow-style:none;display:flex;flex-direction:column;gap:8px;height:100%;overflow:scroll;scrollbar-width:none;transition:all .2s}#sound-selector .sound-title{align-items:center;display:flex;justify-content:space-between}#sound-selector .sound-title p{font-size:10px;opacity:.8}#sound-selector .sound-choice{border:1px solid #63636333;border-radius:5px;box-sizing:border-box;cursor:pointer;font-size:12px;padding:8px;position:relative;transition:all .2s}#sound-selector .sound-choice .urls{align-items:center;border-radius:5px;display:flex;gap:4px;justify-content:space-between;width:100%;z-index:1001}#sound-selector .sound-choice .urls div{border:1px solid #63636333;border-radius:5px;font-size:10px;padding:5px;transition:all .2s}#sound-selector .sound-choice .urls div:hover{border:1px solid #63636380}#sound-selector .sound-choice h4,#sound-selector .sound-choice p{margin:0;padding:0}#sound-selector .sound-choice:hover{border:1px solid #63636380}#sound-selector::-webkit-scrollbar{display:none}.leaderboard-header{align-items:center;display:flex;justify-content:space-between}.leaderboard-sort-bar{display:flex;gap:4px}.leaderboard-table{height:100%;padding:8px;width:100%}.leaderboard-table thead{margin-bottom:16px}.leaderboard-table .leaderboard-row .player-info{align-items:center;display:flex;margin-left:16px;padding:4px}.leaderboard-table .leaderboard-row .player-info .player-avatar{border-radius:var(--border-radius);height:20px;margin-right:8px;width:20px}.leaderboard-table .leaderboard-row .player-info .player-name{border-radius:var(--border-radius);padding:4px 8px}.leaderboard-table .leaderboard-row .player-info .you-badge{background-color:var(--key-bg);color:var(--key-text);font-weight:600}.leaderboard-table .leaderboard-row td{text-align:center}#loading{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}#loading .loading,#loading .loading:after,#loading .loading:before{animation-fill-mode:both;animation:bubble 1.2s ease-in-out infinite;border-radius:50%;height:2.5em;width:2.5em}#loading .loading{animation-delay:-.16s;color:var(--text);font-size:7px;position:relative;text-indent:-9999em;transform:translateZ(0)}#loading .loading:after,#loading .loading:before{content:"";position:absolute;top:0}#loading .loading:before{animation-delay:-.32s;left:-3.5em}#loading .loading:after{left:3.5em}@keyframes bubble{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}#keyboard-tester{display:flex;flex-direction:column}#keyboard-header-container{display:flex;height:62px;justify-content:space-between;position:relative;width:100%}#keyboard-header-container #keyboard-logo{align-items:center;display:flex;gap:8px}#keyboard-header-container #keyboard-logo img{height:20px;width:20px}#keyboard-header-container #keyboard-logo h3{align-items:center;display:flex;font-family:DynaPuff,system-ui;font-size:var(--header);font-weight:600;margin:0!important}#keyboard-header-container .options-container{align-items:center;display:flex;font-size:14px;gap:4px;justify-content:flex-end;padding:8px}#keyboard-section{align-items:flex-start;display:flex;gap:8px;justify-content:center;width:100%}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;color:#ffffffde;color-scheme:light dark;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}body{display:flex;height:100vh;margin:0;place-items:center;width:100vw}h1{font-size:3.2em;line-height:1.1}.button,button{align-items:center;background-color:var(--key-bg);border:1px solid #0000;border-radius:5px;color:var(--key-text);cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:500;justify-content:center;padding:8px;transition:border-color .25s}input{outline:none}p{margin:0;padding:0}:root{--bg:#151515;--text:#f5f5f5;--overlay-bg:#000000bf;--orange:#ff4500;--blue:#1c49d0;--dark-transparent:#0e0e0ebf;--modal-loader-transparent:linear-gradient(180deg,hsla(0,0%,5%,.754),hsla(0,0%,5%,.911) 60%,#000);--blur:blur(5px);--blur-2:blur(10px);--header:1.5rem;--sub-header:.8rem;--social-icon:0.5rem;--paragraph:.6rem;--icon:1.5rem;--mobile-icon:1.5rem;--super-bold:900;--border-radius:5px;--border-underline:0.3rem solid;--transition-all:all 0.2s linear;--box-shadow:#00000040 0px 54px 55px,#0000001f 0px -12px 30px,#0000001f 0px 4px 6px,#0000002b 0px 12px 13px,#00000017 0px -3px 5px;--box-shadow-small:#63636333 0px 2px 8px 0px}[data-theme=light]{--bg:#f5f5f5;--text:#0a0a0a;--overlay-bg:#ffffffbf;--box-shadow:#ffffff40 0px 54px 55px,#ffffff1f 0px -12px 30px,#0000001f 0px 4px 6px,#0000002b 0px 12px 13px,#00000017 0px -3px 5px;--box-shadow-small:#a8a8a833 0px 2px 8px 0px}#root{align-items:center;background-color:#151515;background-color:var(--bg);box-sizing:border-box;color:#f5f5f5;color:var(--text);display:flex;height:100%;justify-content:center;margin:0;padding:8px;width:100%}.icon-button{background-color:#0000;border-radius:5px;cursor:pointer;font-size:18px;margin:0;padding:4px;transition:all .2s ease}.icon-button:hover{opacity:.6}
/*# sourceMappingURL=main.53e02429.css.map*/