@media (max-width:768px){.site-header .site-nav-main{width:100%!important;max-width:100%!important}.site-header .site-nav-main .inner,.site-header .site-nav-main .outer{width:100%!important;max-width:100%!important;padding:0!important}}.typeracer-container,.typeracer-results-container{color:#fff!important}.typeracer-container *,.typeracer-results-container *{color:inherit}.page-template #site-main{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding-top:100px}.page-template #site-main .inner{width:100%}.page-template #typeracer-results{color:#fff!important}.page-template #typeracer-results *{color:inherit}.page-template #typeracer-results .results-actions a{color:#fff!important}#typing-area-container{font-family:Courier New,Menlo,Monaco,Consolas,monospace;font-size:1.75rem;line-height:1.8;color:#d1d5db!important;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (min-width:768px){#typing-area-container{font-size:2rem}}@media (min-width:1024px){#typing-area-container{font-size:2.25rem}}#typing-area-container.typeracer-font-small,#typing-area-container[data-font-size=small]{font-size:1rem!important}@media (min-width:768px){#typing-area-container.typeracer-font-small,#typing-area-container[data-font-size=small]{font-size:1.125rem!important}}#typing-area-container.typeracer-font-medium,#typing-area-container[data-font-size=medium]{font-size:1.25rem!important}@media (min-width:768px){#typing-area-container.typeracer-font-medium,#typing-area-container[data-font-size=medium]{font-size:1.5rem!important}}#typing-area-container.typeracer-font-large,#typing-area-container[data-font-size=large]{font-size:1.5rem!important}@media (min-width:768px){#typing-area-container.typeracer-font-large,#typing-area-container[data-font-size=large]{font-size:2rem!important}}#typing-area-container.typeracer-font-xlarge,#typing-area-container[data-font-size=xlarge]{font-size:2rem!important}@media (min-width:768px){#typing-area-container.typeracer-font-xlarge,#typing-area-container[data-font-size=xlarge]{font-size:2.5rem!important}}.letter{transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.letter.correct{animation:letter-correct .2s ease-out}.letter.incorrect{animation:letter-incorrect .2s ease-out}@keyframes letter-correct{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes letter-incorrect{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.word.active{background-color:rgba(250,204,21,.15);animation:word-pulse 2s ease-in-out infinite;border-radius:4px;padding:2px 4px;margin:-2px -4px}@keyframes word-pulse{0%,to{background-color:rgba(250,204,21,.15)}50%{background-color:rgba(250,204,21,.25)}}#typing-area-container:focus{outline:none;box-shadow:0 0 0 2px rgba(250,204,21,.2)}#typing-area-container:focus .word.active{box-shadow:0 0 10px rgba(250,204,21,.3)}#typing-area-container{position:relative}.smooth-caret{position:absolute!important;width:3px!important;background:linear-gradient(180deg,#fbbf24,#f59e0b)!important;pointer-events:none!important;z-index:99999!important;top:0;left:0;display:none;opacity:1!important;visibility:hidden;will-change:transform,opacity;transition:height .15s cubic-bezier(.4,0,.2,1),transform .1s cubic-bezier(.4,0,.2,1);transform-origin:top left;min-height:20px!important;box-shadow:0 0 8px rgba(251,191,36,.6),0 0 12px rgba(251,191,36,.4);border-radius:1px}.smooth-caret.caret-visible{display:block!important;visibility:visible!important;opacity:1!important;animation:caret-blink 1.06s step-end infinite,caret-glow 2s ease-in-out infinite!important;-webkit-animation:caret-blink 1.06s step-end infinite,caret-glow 2s ease-in-out infinite!important}@keyframes caret-blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes caret-glow{0%,to{box-shadow:0 0 8px rgba(251,191,36,.6),0 0 12px rgba(251,191,36,.4)}50%{box-shadow:0 0 12px rgba(251,191,36,.8),0 0 18px rgba(251,191,36,.6)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards;opacity:0}#stats-display-container>div{transition:all .3s cubic-bezier(.4,0,.2,1)}.duration-btn,.mode-btn,.word-count-btn{position:relative;overflow:hidden}.duration-btn:before,.mode-btn:before,.word-count-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(251,191,36,.1);transform:translate(-50%,-50%);transition:width .6s,height .6s}.duration-btn:hover:before,.mode-btn:hover:before,.word-count-btn:hover:before{width:300px;height:300px}@keyframes number-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.stats-number{display:inline-block;transition:transform .2s ease-out}.stats-number.updated{animation:number-pop .3s ease-out}@media (max-width:767px){#typeracer-app{padding-left:1rem;padding-right:1rem}#typing-area-container{font-size:1.5rem!important;line-height:1.7!important;padding:1rem!important;min-height:300px!important;-webkit-tap-highlight-color:rgba(250,204,21,.2);touch-action:manipulation}#typing-area-container .word{margin-right:.25rem}.duration-btn,.mode-btn,.word-count-btn{min-height:44px;min-width:44px;padding:.75rem 1rem;font-size:.9rem;-webkit-tap-highlight-color:rgba(250,204,21,.2);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#mode-selector-container .flex{gap:.5rem!important}#stats-display-container{font-size:.875rem}.text-gray-500.text-xs{font-size:.7rem;padding:.5rem}#typing-area-container{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 400px)}.smooth-caret{width:2px!important;min-height:18px!important}#typeracer-results{padding-left:1rem;padding-right:1rem}#typeracer-results h1{font-size:1.75rem!important;margin-bottom:1.5rem}#results-content .grid{grid-template-columns:1fr!important;gap:1rem!important}#results-content .lg\\:col-span-3,#results-content .lg\\:col-span-9{grid-column:span 1!important}#results-content .grid-cols-2{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}#results-content .text-5xl,#results-content .text-6xl{font-size:2.5rem!important}.results-actions a{width:100%;padding:1rem!important;font-size:1rem}#results-graph{min-height:300px!important;padding:1rem!important}}#results-graph{position:relative;overflow:visible;background:linear-gradient(135deg,rgba(17,24,39,.6),rgba(31,41,55,.6));border-radius:1rem}#results-graph svg{display:block;width:100%;height:auto}#graph-tooltip{font-family:system-ui,-apple-system,sans-serif;white-space:nowrap;max-width:200px}#results-graph svg circle,#results-graph svg path{transition:opacity .2s ease,transform .2s ease}#results-graph svg circle:hover{transform:scale(1.2);opacity:.9}@media (max-width:767px){#results-graph{min-height:250px!important;padding:.75rem!important}#results-graph svg{max-height:300px}#graph-tooltip{font-size:.75rem;padding:.5rem .75rem;max-width:150px}}@media (max-width:480px){#results-graph{min-height:220px!important;padding:.5rem!important}#results-graph svg{max-height:250px}}@media (max-width:480px){#typing-area-container{font-size:1.25rem!important;padding:.75rem!important;min-height:250px!important}.duration-btn,.mode-btn,.word-count-btn{padding:.625rem .75rem;font-size:.8rem;min-height:40px;min-width:40px}#mode-selector-container .flex{gap:.375rem!important}#stats-display-container{font-size:.8rem}.text-gray-500.text-xs{display:none}#results-content .text-5xl,#results-content .text-6xl{font-size:2rem!important}#results-content .p-6{padding:1rem!important}#results-content .p-4{padding:.75rem!important}}@media (hover:none) and (pointer:coarse){.duration-btn:hover:before,.mode-btn:hover:before,.word-count-btn:hover:before{width:0;height:0}.duration-btn:active,.mode-btn:active,.word-count-btn:active{transform:scale(.95);transition:transform .1s}#typing-area-container{cursor:pointer}}@media (max-width:767px) and (orientation:landscape){#typing-area-container{min-height:150px!important;font-size:.95rem!important}#typeracer-app{padding-top:1rem;padding-bottom:1rem}#mode-selector-container,#stats-display-container{margin-bottom:.5rem!important}}@media (max-width:767px){#typing-area-container,#typing-area-container *{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}#typing-area-container{touch-action:manipulation;-webkit-tap-highlight-color:rgba(250,204,21,.1)}#site-main{padding-bottom:20px}@supports (-webkit-touch-callout:none){#typeracer-app{padding-bottom:env(safe-area-inset-bottom,20px)}}}@supports (-webkit-touch-callout:none){#typing-area-container{-webkit-tap-highlight-color:transparent}}