/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/html{box-sizing:border-box;margin:0;padding:0}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.section{align-items:center;display:flex;flex-direction:column;justify-content:center}.section--three-grid{display:grid;grid-template-columns:1fr 9fr 1fr}.game-page{display:block;margin:0 auto;max-width:1200px;position:relative}.game-page__players__marker{align-items:center;display:flex;height:100%;justify-content:flex-end}.game-page__players__marker h1{margin:0;padding:0}.game-page__title{display:flex;flex-direction:column;height:100%;justify-content:flex-end;text-align:center}.game-page__content p{color:#4dd0e1;font-size:2.1rem;font-weight:700;letter-spacing:2px;line-height:2rem;padding:20px;text-shadow:0 0 2px #4dd0e166;word-break:keep-all}.game-page__content span{line-height:3.7rem}.game-page__options{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;margin:1rem 0 1rem 1rem}.game-page__buttons{display:flex;flex-direction:row;justify-content:space-around}.game-page__char{color:#888}.game-page__char--green{color:#6f6!important;text-shadow:0 0 3px #6f69,0 0 6px #6f66}.game-page__char--red{background-color:#ff4d9426;color:#ff4d94!important;text-shadow:0 0 3px #ff4d9499,0 0 6px #ff4d9466}.highlightCurrent{background-color:#ffd54f33;color:#ffd54f!important;text-shadow:0 0 3px #ffd54f99,0 0 6px #ffd54f66}.neon-button{background-color:#0a0a0fcc;border:2px solid #4dd0e1;border-radius:8px;box-shadow:0 0 5px #4dd0e166,0 0 10px #4dd0e14d;color:#4dd0e1;cursor:pointer;font-family:liberty;font-size:1rem;font-weight:700;outline:none;padding:15px 30px;position:relative;text-shadow:0 0 2px #4dd0e166;text-transform:uppercase;transition:all .3s ease}.neon-button--red{border:2px solid #ce93d8;box-shadow:0 0 5px #ce93d866,0 0 10px #ce93d84d!important;color:#ce93d8;text-shadow:0 0 2px #ce93d866}.neon-button:before{background:#4dd0e11a;border-radius:8px;bottom:-4px;box-shadow:0 0 10px #4dd0e133;content:"";left:-4px;opacity:.6;position:absolute;right:-4px;top:-4px;transition:all .3s ease;z-index:-1}.neon-button--red:before{background:#ce93d81a!important;box-shadow:0 0 10px #ce93d833!important}.neon-button:hover{box-shadow:0 0 8px #4dd0e180,0 0 15px #4dd0e166,0 0 20px #4dd0e14d;color:#b2ebf2;text-shadow:0 0 3px #b2ebf280,0 0 5px #4dd0e166;transform:translateY(-2px)}.neon-button--red:hover{box-shadow:0 0 8px #ce93d880,0 0 15px #ce93d866,0 0 20px #ce93d84d!important;color:#f3e5f5!important;text-shadow:0 0 3px #f3e5f580,0 0 5px #ce93d866!important}.neon-button:hover:before{box-shadow:0 0 15px #4dd0e14d;opacity:.8}.neon-button--red:hover:before{box-shadow:0 0 15px #ce93d84d!important}.neon-button:active{box-shadow:0 0 5px #4dd0e166,0 0 8px #4dd0e14d;transform:translateY(2px)}.neon-button--red:active{box-shadow:0 0 5px #ce93d866,0 0 8px #ce93d84d!important}.neon-button:active:before{box-shadow:0 0 8px #4dd0e140;opacity:.5}.neon-button--red:active:before{box-shadow:0 0 8px #ce93d840!important}.button-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.5rem}.button-container small{color:#4dd0e1;padding:.525rem;text-shadow:0 0 2px #4dd0e166}.button-hotkey{color:#ce93d8;text-shadow:0 0 2px #ce93d866}.neon-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.neon-button:disabled:before{opacity:.3}.chart-component{background-color:#0a0a0f99;border:2px solid #4dd0e1;border-radius:8px;box-shadow:0 0 5px #4dd0e166,0 0 10px #4dd0e14d,inset 0 0 5px #4dd0e11a;margin:2rem auto;max-width:1000px;padding:2rem}.chart-component__title{color:#4dd0e1;font-family:Liberty,sans-serif;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 3px #4dd0e180,0 0 6px #4dd0e14d}.chart-component__canvas{background-color:#0a0a0fcc;border-radius:4px;padding:1rem}.player-model{background-color:#0a0a0f99;border:2px solid #4dd0e1;box-shadow:0 0 3px #4dd0e166,0 0 6px #4dd0e14d,inset 0 0 3px #4dd0e11a;height:50px;position:relative;width:100%}.player-model__progress{background-color:#6f6;box-shadow:0 0 5px #6f66,0 0 10px #66ff664d,inset 0 0 5px #66ff664d;height:100%;position:absolute}.player-model__name{color:#4dd0e1;margin:0;text-shadow:0 0 2px #4dd0e166;transform:translateY(.7rem)}.player-model__marker,.player-model__wpm{align-items:center;display:flex;justify-content:center}.player-model__wpm{flex-direction:column;position:relative;text-align:center}.player-model__wpm h1{margin:0;padding:0}.player-model__marker h1{color:#64b5f6;text-shadow:0 0 3px #64b5f680,0 0 6px #64b5f64d}.player-model__wpm h1{color:#ce93d8;text-shadow:0 0 3px #ce93d880,0 0 6px #ce93d84d}.game-input{background-color:#0a0a0fcc;border:2px solid #4dd0e1;box-shadow:0 0 3px #4dd0e166,0 0 6px #4dd0e14d,inset 0 0 5px #4dd0e11a;color:#4dd0e1;font-size:1.875rem;outline:none;padding:1rem;transition:all .3s ease;width:100%}.game-input::placeholder{color:#4dd0e166;text-shadow:0 0 2px #4dd0e14d}.game-input:not(:focus)::placeholder{color:#4dd0e140}.game-input:disabled{background-color:#0a0a0f80;border:2px solid #4dd0e140;box-shadow:0 0 2px #4dd0e133,0 0 3px #4dd0e126;color:#4dd0e14d}.game-input:disabled::placeholder{color:#4dd0e126}.game-input:focus{background-color:#0a0a0fe6;border:2px solid #4dd0e1;box-shadow:0 0 5px #4dd0e180,0 0 10px #4dd0e166,0 0 15px #4dd0e14d,inset 0 0 8px #4dd0e126;color:#4dd0e1}.game-input__hotkeys{color:#4dd0e1;display:inline-flex;flex-direction:column;text-shadow:0 0 2px #4dd0e166}.game-input__hotkeys small{color:#ce93d8;padding:.525rem;text-shadow:0 0 2px #ce93d866}.countdown{color:aqua;display:block;left:0;margin:0 auto;position:absolute;right:0;text-align:center;z-index:1000}.countdown h1{-webkit-text-stroke:1px #ce93d84d;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;color:#ce93d8;font-family:Liberty;font-size:3.3rem;text-decoration:none;text-shadow:0 0 3px #ce93d899,0 0 6px #ce93d880,0 0 10px #ce93d866,0 0 15px #ce93d84d;-webkit-text-shadow:0 0 3px #ce93d899,0 0 6px #ce93d880,0 0 10px #ce93d866,0 0 15px #ce93d84d}.countdown--none{display:none}.gameTimer--red *{color:#ff4d94!important;text-shadow:0 0 3px #ff4d9499,0 0 6px #ff4d9466!important}.loaderParent{align-items:center;animation:fadeInLoader .15s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0a0a0ffa;bottom:0!important;box-sizing:border-box;color:#4dd0e1;display:flex;flex-direction:column;height:100vh!important;justify-content:center;left:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;min-width:100vw!important;overflow:hidden;padding:clamp(.5rem,2vw,1.5rem);position:fixed!important;right:0!important;top:0!important;inset:0!important;transform:translateZ(0);-webkit-transform:translateZ(0);width:100vw!important;z-index:99999}@keyframes fadeInLoader{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.loaderParent h1{word-wrap:break-word;animation:textPulse 1.2s ease-in-out infinite;box-sizing:border-box;color:#4dd0e1;font-family:Liberty,sans-serif;font-size:clamp(1rem,4vw,1.75rem);font-weight:600;letter-spacing:2px;margin:0 0 clamp(1.5rem,4vh,3rem);max-width:calc(100vw - 2rem);overflow-wrap:break-word;padding:0 clamp(.5rem,2vw,1.5rem);position:relative;text-align:center;text-shadow:0 0 8px #4dd0e1cc,0 0 15px #4dd0e199,0 0 25px #4dd0e166,0 0 40px #4dd0e133;width:100%}.loaderParent h1:before{animation:textGlow 1.2s ease-in-out infinite;background:radial-gradient(ellipse,#4dd0e126 0,#0000 70%);content:"";height:150%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:-1}@keyframes textPulse{0%,to{filter:brightness(1);opacity:.85;transform:scale(1)}50%{filter:brightness(1.2);opacity:1;transform:scale(1.03)}}@keyframes textGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.loader{height:80px;margin:0 auto;position:relative;width:80px}.loader:after,.loader:before{animation:spin .6s linear infinite;border:4px solid #0000;border-radius:50%;border-top-color:#4dd0e1;box-shadow:0 0 15px #4dd0e1b3,0 0 30px #4dd0e180,0 0 45px #4dd0e14d,inset 0 0 15px #4dd0e14d;content:"";position:absolute}.loader:before{animation-duration:.6s;border-top-width:4px;height:80px;left:0;top:0;width:80px}.loader:after{animation-direction:reverse;animation-duration:.45s;border-top-color:#ce93d8;border-top-width:4px;box-shadow:0 0 15px #ce93d8b3,0 0 30px #ce93d880,0 0 45px #ce93d84d,inset 0 0 15px #ce93d84d;height:50px;left:15px;top:15px;width:50px}.loader-inner{animation:spin .3s linear infinite;border:3px solid #0000;border-top-color:#6f6;box-shadow:0 0 10px #6f69,0 0 20px #6f66,0 0 30px #6f63;height:30px;width:30px}.loader-inner,.loaderParent:before{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loaderParent:before{animation:pulseGlow 1.5s ease-in-out infinite;background:radial-gradient(circle,#4dd0e133 0,#ce93d826 30%,#0000 70%);content:"";height:min(300px,80vw);max-height:100%;max-width:100%;width:min(300px,80vw);z-index:-1}@keyframes pulseGlow{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main-menu button{margin-top:1rem}.typing-racer-nav{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto 2rem;padding:1rem}.typing-racer-nav__color{color:#ce93d8;font-family:liberty;text-shadow:0 0 3px #ce93d880,0 0 6px #ce93d84d}.typing-racer-nav-socket{align-items:center;color:#4dd0e1;display:flex;flex-direction:row;text-shadow:0 0 2px #4dd0e166}.socket-color{background-color:#ff4d94;border-radius:20px;box-shadow:0 0 3px #ff4d9480,0 0 6px #ff4d944d;height:8px;margin-right:.425rem;width:8px}.socket-color--connected{background-color:#6f6!important;box-shadow:0 0 3px #66ff6680,0 0 6px #66ff664d,0 0 9px #6f63!important}.typing-racer-nav__title h1{margin:0}.averageWPM{color:#4dd0e1;text-shadow:0 0 3px #4dd0e180,0 0 6px #4dd0e14d}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:inline;height:100%;position:relative;width:100%}.lds-ring-green *{border-color:#90ee90!important}.lds-ring-red *{border-color:red!important}.lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;box-sizing:border-box;display:inline-block;height:16px;margin:2px;position:absolute;width:16px}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.number{color:green;display:none;font-family:Arial,sans-serif;font-size:3em;margin-top:20px;text-align:center;transition:color 1s ease}.number.visible{display:block}.multiplayerWPM{color:#ce93d8;text-shadow:0 0 3px #ce93d880,0 0 6px #ce93d84d}.toast{animation:slideIn .3s ease-out;background-color:#0a0a0ff2;border:1px solid #4dd0e1;border-radius:8px;box-shadow:0 0 5px #4dd0e14d,0 0 10px #4dd0e133,0 4px 12px #000c;color:#4dd0e1;font-weight:500;max-width:500px;min-width:300px;padding:16px 20px;position:fixed;right:20px;text-shadow:0 0 2px #4dd0e166;top:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast--error{background:#ff4d9426;border:2px solid #ff4d94;box-shadow:0 0 5px #ff4d944d,0 0 10px #ff4d9433;color:#ff4d94;text-shadow:0 0 2px #ff4d9466}.toast--success{background:#66ff6626;border:2px solid #6f6;box-shadow:0 0 5px #66ff664d,0 0 10px #6f63;color:#6f6;text-shadow:0 0 2px #6f66}.toast--warning{background:#ffd54f26;border:2px solid #ffd54f;box-shadow:0 0 5px #ffd54f4d,0 0 10px #ffd54f33;color:#ffd54f;text-shadow:0 0 2px #ffd54f66}.toast__content{align-items:center;display:flex;gap:16px;justify-content:space-between}.toast__message{flex:1 1;line-height:1.5}.toast__close{align-items:center;background:#4dd0e126;border:1px solid #4dd0e1;border-radius:50%;box-shadow:0 0 3px #4dd0e14d;color:#4dd0e1;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:28px;justify-content:center;line-height:1;text-shadow:0 0 2px #4dd0e166;transition:all .2s;width:28px}.toast__close:hover{background:#4dd0e140;box-shadow:0 0 5px #4dd0e166}.toast__close:active{background:#4dd0e159;box-shadow:0 0 3px #4dd0e14d}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.flex-row{flex-direction:row}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@font-face{font-family:Liberty;src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/907368/liberty.otf)}@font-face{font-family:Merriweather;src:local("Merriweather"),url(/static/media/Merriweather-Regular.0b36288491cd16100909.otf)}html{min-height:100%}body,html{position:relative}body,html{animation:beatGradient1 2s cubic-bezier(.4,0,.6,1) infinite,beatGradient2 2.5s cubic-bezier(.4,0,.6,1) infinite reverse,beatGradient3 3s cubic-bezier(.4,0,.6,1) infinite;background-color:#0a0a0f;background-image:radial-gradient(circle at 20% 50%,#00c8c80d 0,#0000 50%),radial-gradient(circle at 80% 80%,#c800c80d 0,#0000 50%),radial-gradient(circle at 40% 20%,#00c80008 0,#0000 50%);background-size:200% 200%,150% 150%,180% 180%;color:#4dd0e1;font-family:Merriweather;height:100%;margin:0 auto;overflow-x:hidden;overflow-y:auto}body:before,html:before{animation:beatDrop1 1.5s cubic-bezier(.68,-.55,.27,1.55) infinite,beatDrop2 2s cubic-bezier(.68,-.55,.27,1.55) infinite reverse;background:radial-gradient(circle at 30% 40%,#4dd0e126 0,#0000 40%),radial-gradient(circle at 70% 60%,#ce93d826 0,#0000 40%);background-size:300% 300%,250% 250%;content:"";height:100%;left:0;mix-blend-mode:screen;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes beatGradient1{0%,to{background-position:0 50%,100% 50%,50% 0}25%{background-position:25% 25%,75% 75%,25% 25%}50%{background-position:100% 50%,0 50%,50% 100%}75%{background-position:75% 75%,25% 25%,75% 75%}}@keyframes beatGradient2{0%,to{background-position:50% 0,50% 100%,0 50%}25%{background-position:25% 25%,75% 75%,25% 25%}50%{background-position:50% 100%,50% 0,100% 50%}75%{background-position:75% 75%,25% 25%,75% 25%}}@keyframes beatGradient3{0%,to{background-position:0 0,100% 100%,50% 50%}25%{background-position:25% 25%,75% 75%,25% 25%}50%{background-position:100% 0,0 100%,50% 50%}75%{background-position:75% 75%,25% 25%,75% 75%}}@keyframes beatDrop1{0%,to{background-position:0 0,100% 100%;opacity:.5;transform:scale(1) rotate(0deg)}12.5%{background-position:25% 12.5%,75% 87.5%;opacity:.8;transform:scale(1.15) rotate(3deg)}25%{background-position:50% 25%,50% 75%;opacity:1;transform:scale(1.3) rotate(0deg)}37.5%{background-position:75% 37.5%,25% 62.5%;opacity:.8;transform:scale(1.15) rotate(-3deg)}50%{background-position:100% 50%,0 50%;opacity:.5;transform:scale(1) rotate(0deg)}62.5%{background-position:75% 62.5%,25% 37.5%;opacity:.8;transform:scale(1.15) rotate(3deg)}75%{background-position:50% 75%,50% 25%;opacity:1;transform:scale(1.3) rotate(0deg)}87.5%{background-position:25% 87.5%,75% 12.5%;opacity:.8;transform:scale(1.15) rotate(-3deg)}}@keyframes beatDrop2{0%,to{background-position:100% 0,0 100%;opacity:.4;transform:scale(1) rotate(0deg)}16.66%{background-position:66.66% 16.66%,33.33% 83.33%;opacity:.9;transform:scale(1.2) rotate(4deg)}33.33%{background-position:33.33% 33.33%,66.66% 66.66%;opacity:1;transform:scale(1.4) rotate(0deg)}50%{background-position:0 50%,100% 50%;opacity:.4;transform:scale(1) rotate(0deg)}66.66%{background-position:33.33% 66.66%,66.66% 33.33%;opacity:.9;transform:scale(1.2) rotate(-4deg)}83.33%{background-position:66.66% 83.33%,33.33% 16.66%;opacity:1;transform:scale(1.4) rotate(0deg)}}.App{margin:0 auto;max-width:1200px;padding:1.5rem;position:relative}.app-content{animation:fadeInContent .8s ease-out}.app-content--visible{opacity:1;transform:translateY(0)}.app-content--hidden{opacity:0;transform:translateY(20px)}@keyframes fadeInContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}body{height:100%;margin:0}.section--r{display:none}.neon-text{-webkit-text-stroke:1px #4dd0e14d;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;color:#4dd0e1;font-family:Liberty;font-size:100px;text-align:center;text-shadow:0 0 3px #4dd0e180,0 0 6px #4dd0e166,0 0 10px #4dd0e14d;-webkit-text-shadow:0 0 3px #4dd0e180,0 0 6px #4dd0e166,0 0 10px #4dd0e14d}.container{align-items:center;animation:beatShift 4s ease-in-out infinite,fadeOut .4s ease-out 1.2s forwards;background:linear-gradient(135deg,#0a0a0f,#1a0a1f 50%,#0a0a1f);background-size:200% 200%;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;margin:0;max-height:100vh;max-width:100vw;overflow:hidden;padding:1rem;position:fixed;top:0;width:100vw;z-index:9999}@keyframes fadeOut{to{opacity:0;pointer-events:none;transform:scale(1)}}@keyframes beatShift{0%,to{background-position:0 50%}12.5%{background-position:25% 37.5%}25%{background-position:50% 25%}37.5%{background-position:75% 37.5%}50%{background-position:100% 50%}62.5%{background-position:75% 62.5%}75%{background-position:50% 75%}87.5%{background-position:25% 62.5%}}.container:after{animation:ringPulse 3s ease-in-out infinite;border:1px solid #4dd0e126;border-radius:50%;box-shadow:0 0 10px #4dd0e133,inset 0 0 10px #4dd0e11a;content:"";height:min(400px,90vw);left:50%;max-height:100%;max-width:100%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(400px,90vw)}@keyframes ringPulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.02)}}.container:before{animation:gentleShift 6s ease-in-out infinite;background-image:radial-gradient(circle at 25% 35%,#4dd0e114 0,#0000 50%),radial-gradient(circle at 75% 65%,#ce93d814 0,#0000 50%);background-size:200% 200%,200% 200%;content:"";height:100%;mix-blend-mode:normal;opacity:.6;pointer-events:none;position:absolute;width:100%}@keyframes gentleShift{0%,to{background-position:0 0,100% 100%;opacity:.4}50%{background-position:50% 50%,50% 50%;opacity:.6}}.typing-container{animation:typing 2s steps(50) .2s forwards,blink 1s step-end infinite,fadeIn .4s ease-out;border-right:3px solid #4dd0e1b3;box-sizing:border-box;color:#4dd0e1e6;font-family:Liberty,sans-serif;font-size:clamp(1.2rem,5vw,2.2rem);font-weight:500;letter-spacing:clamp(1px,1vw,2px);max-width:calc(100vw - 2rem);overflow:hidden;padding:0 .5rem;position:relative;text-shadow:0 0 5px #4dd0e180,0 0 10px #4dd0e14d,0 0 15px #4dd0e133;white-space:nowrap;width:0;z-index:1}@keyframes typing{to{width:min(100%,calc(100vw - 2rem))}}@keyframes blink{0%,49%{border-color:#4dd0e1b3;box-shadow:0 0 5px #4dd0e166,0 0 10px #4dd0e133}50%,to{border-color:#0000;box-shadow:none}}@keyframes fadeIn{0%{filter:blur(3px);opacity:0;transform:translateY(-10px) scale(.98)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.typing-container:after{animation:pulse 3s ease-in-out infinite;background:radial-gradient(ellipse at center,#4dd0e11a 0,#ce93d814 30%,#0000 70%);content:"";height:150%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:-1}@keyframes pulse{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.05)}}.backdrop{animation:fadeInBackdrop .3s ease-in;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#0a0a0fe6,#1a0a1fe6);bottom:0;box-sizing:border-box;height:100vh;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100vw;z-index:9}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.70857801.css.map*/