@import"https://fonts.googleapis.com/css2?family=Jaro&display=swap";html,body{height:100%;margin:0;padding:0}.sectionlogin{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;box-sizing:border-box;background-color:transparent}.auth-welcome{animation:fadeIn 1s ease-out}.auth-welcome h2{font-size:3rem;color:#fff;width:auto;border-right:.2em solid red;animation:typing 3s steps(30,end) forwards,blink-caret .75s step-end infinite,hide-typing-cursor 3s forwards;margin-bottom:1.5rem}.div12,.div13:hover{cursor:pointer}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:red}}@keyframes hide-typing-cursor{to{border-right-color:transparent}}.auth-welcome .line{height:3px;background-color:red;width:0;margin:0 auto 2rem;animation:expandLine 1s ease-out 3s forwards}@keyframes expandLine{0%{width:0}to{width:50%}}.button-group{margin-top:2rem;display:flex;gap:1.5rem;justify-content:center;animation:fadeInUp 1s ease-out .5s forwards;opacity:0}.login-btn,.register-btn{font-family:VT323,monospace;font-size:1.5rem;padding:10px 30px;border:2px solid white;background-color:transparent;color:#fff;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.login-btn:hover,.register-btn:hover{background-color:#fff;color:#271258;transform:scale(1.05)}.auth-form{background-color:#0000004d;padding:2rem;border-radius:8px;cursor:pointer;border:1px solid rgba(255,255,255,.2);min-width:300px;max-width:400px;width:90%;animation:zoomIn .5s ease-out;box-shadow:0 0 20px #ff00004d}.form-title{font-size:2rem;margin-bottom:1.5rem;color:tomato}.auth-form input[type=text],.auth-form input[type=password]{font-family:VT323,monospace;width:calc(100% - 20px);padding:10px;margin-bottom:1rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:1.2rem}.auth-form input[type=text]::placeholder,.auth-form input[type=password]::placeholder{color:#ffffffb3}.form-actions{display:flex;justify-content:space-between;margin-top:1rem}.back-btn,.submit-btn-login,.submit-btn-register{font-family:VT323,monospace;padding:10px 20px;margin:.5vw;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;font-size:1.1rem;text-transform:uppercase}.auth-form input[type=text],.auth-form input[type=password],.auth-form input[type=email]{font-family:VT323,monospace;width:calc(100% - 20px);padding:10px;margin-bottom:1rem;background-color:#000000b3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:1.2rem}.auth-form input[type=text]::placeholder,.auth-form input[type=password]::placeholder,.auth-form input[type=email]::placeholder{color:#ffffffb3}.auth-form input{color:#fff!important}.back-btn{background-color:#6c757d;color:#fff}.back-btn:hover{background-color:#5a6268}.submit-btn-login{background-color:#28a745;color:#fff}.submit-btn-login:hover{background-color:#218838}.submit-btn-register{background-color:#007bff;color:#fff}.submit-btn-register:hover{background-color:#0069d9}.error-message{color:#ff3860;background-color:#ff38601a;border:1px solid rgba(255,56,96,.5);padding:10px;margin-bottom:1rem;border-radius:4px;font-size:1rem;animation:shake .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}body{animation:change 4s infinite ease-in-out;overflow:hidden}.div11,.div12,.div13{display:flex;flex-direction:column;align-items:center;height:100%;width:26vw}.section1 p{font-family:monospace;margin-top:2vh;font-size:3vw}.div11 img,.div12 img,.div13 img{height:40vh;width:100%;object-fit:cover;margin-bottom:1vh}@keyframes change{0%{background-color:#271258}50%{background-color:#133687}to{background-color:#271248}}img:hover{transform:scale(1.1);transition:all .3s ease-in-out;cursor:pointer}.div11 p{color:#5da9ec;animation:color_change 3s infinite}@keyframes color_change{0%{color:#5da9ec}50%{color:#159a67}to{color:#3382c7}}.div12 p{color:#5da9ec;animation:color_change2 3s infinite}@keyframes color_change2{0%{color:#b9e97b}50%{color:#e07d1a}to{color:#a3dd1a}}*{font-family:monospace}.section1{animation:change 4s infinite ease-in-out;display:flex;flex-direction:column;align-items:center}h2{position:relative;top:2vh;margin-bottom:5vh;font-size:2rem;color:#fff;white-space:nowrap;font-family:VT323,monospace;overflow:hidden;width:0;animation:typing 3s steps(30,end) forwards,hide-cursor .1s forwards 3s;border-right:.4vh solid red}@keyframes typing{0%{width:0}to{width:100%}}.line{position:relative;animation:appear 3s forwards}@keyframes appear{0%{width:0}to{width:100%}}@keyframes hide-cursor{to{border-right-color:transparent}}p{position:relative;display:inline-block;transition:all .3s ease}p:hover{transform:scale(1.05);z-index:10}p:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:currentColor;transform:translate(-50%,-50%);transition:all .3s ease;z-index:-1;opacity:.3;border-radius:5px}p:hover:before{width:calc(100% + 20px);height:calc(100% + 20px);opacity:.7}img{margin-top:2vh;display:block}p:hover{border-color:currentColor}p:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background:#000;transform:scaleX(0);transition:transform .3s ease}p:hover:after{transform:scaleX(1)}.div13 p{color:#5da9ec;animation:color_change 3s infinite}@keyframes color_change{0%{color:#ec5d9b}50%{color:#9a8415}to{color:#ec5fa5}}@media(max-width:768px){.section1 h2{font-size:5.5vw}.auth-welcome h2{font-size:5.5vw;white-space:nowrap;overflow:hidden;margin-bottom:1rem}}.div1{display:flex;background-color:#000}.typing-text{font-size:2.5rem;color:#8cdf8c;white-space:nowrap;overflow:hidden;border-right:2px solid rgb(194,16,16);width:0;animation:typing 4s steps(25,end) forwards,hide-cursor .1s forwards;animation-delay:0s,4s}.underline{height:3px;width:0;background-color:red;margin-top:5px;animation:underline-grow 4s forwards;animation-delay:4s}@keyframes hide-cursor{to{border-right:none}}@keyframes typing{0%{width:0}to{width:33ch}}@keyframes underline-grow{0%{width:0}to{width:100%}}button{display:flex;align-items:center;justify-content:center;gap:.8vw;font-size:1.5vw;width:10vw;height:5vh;background-color:#a59e9e;border:.2vw solid #dbcdcd;border-radius:.8rem;cursor:pointer;margin-bottom:2vh}.inputs input{padding:1vh 1vw;font-size:1.2vw;border:.1rem solid #00aaff;border-radius:.5rem;height:4vh;background-color:#111;color:#0af;text-align:center}.goals-number{font-size:3vw;color:#7fffd4;background:none!important;animation:none!important}.challenge-leaderboard-container{background-color:#111;padding:15px;border-radius:8px;width:80%;max-width:600px;text-align:center;border:1px solid #00aaff;margin-top:2vh;margin-bottom:2vh}.challenge-leaderboard-container h3{color:#e1219e;margin-bottom:.9vh}.challenge-leaderboard-list li{margin-bottom:.4vh}@media(max-width:700px){h1{font-size:7vw}button{font-size:3vw;width:25vw;height:5vh;gap:2vw}button i{font-size:3vw}.image-container img{width:15vw}.image-container p{font-size:5vw}.inputs input{font-size:2.5vw;width:calc(48% - 1vw);padding:1.5vh 2vw;height:5vh}.goals-number,.divp i{font-size:5vw}.help{font-size:2.5vw;max-width:60vw;padding:1vw}}*{box-sizing:border-box;font-family:Jaro,sans-serif;margin:0;padding:0}body{background-color:#000!important;margin:0;padding:0;overflow-y:auto;overflow-x:hidden}.container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2vh 5vw;gap:3vh}h1{font-size:4vw;text-align:center;color:#e1219e}button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.5vw;width:10vw;height:5vh;background-color:#a59e9e;border:.2vw solid #dbcdcd;border-radius:.8rem;cursor:pointer;margin-bottom:2vh}button i{font-size:2vw;color:#0af}.image-container{display:flex;flex-direction:column;align-items:center;gap:1vh}.image-container img{width:7vw;height:auto;max-width:15rem}.image-container p{color:#0af;font-size:2.5vw;margin:0;font-weight:700;background:none!important;animation:none!important}.inputs{display:flex;flex-wrap:wrap;justify-content:center;gap:1vh 1vw;margin-top:2vh;width:100%}@media(min-width:701px){.inputs input{width:calc(20% - 1vw);max-width:none;height:4vh}}.inputs input{padding:1vh 1vw;font-size:1.2vw;border:.1rem solid #00aaff;border-radius:.5rem;height:4vh;background-color:#111;color:#0af;font-family:Jaro,sans-serif;text-align:center}.assists-number{font-size:3vw;color:#7fffd4;background:none!important;animation:none!important}.divp{position:absolute;top:1vh;right:2vw;z-index:1000}.divp i{color:#0af;font-size:2vw;cursor:pointer}.challenge-leaderboard-container{background-color:#111;padding:1.2vw;border-radius:8px;width:80%;max-width:600px;text-align:center;border:1px solid #00aaff;margin-top:2vh;margin-bottom:2vh}.challenge-leaderboard-container h3{color:#e1219e;margin-bottom:1vh}.challenge-leaderboard-list{list-style-type:decimal;padding-left:2vw;color:#7fffd4;text-align:left}.challenge-leaderboard-list li{margin-bottom:.5vh}.leaderboard-loading,.leaderboard-empty-message{font-style:italic;color:#aaa}.username{font-weight:700;color:#fff;margin-right:1vw}.score{color:#0fa}@media(max-width:700px){h1{font-size:7vw}button{font-size:3vw;width:25vw;height:5vh;gap:2vw}button i{font-size:3vw}.image-container img{width:15vw}.image-container p{font-size:5vw}.inputs input{font-size:2.5vw;width:calc(48% - 1vw);padding:1.5vh 2vw;height:5vh}.assists-number,.divp i{font-size:5vw}.help-trigger{font-size:2vw;max-width:50vw;padding:1vw}}.inputs input:hover{border-inline:.5vh solid #00aaff;cursor:pointer}.inputs input:active{border-inline:.5vh solid #00aaff}.inputs input[data-locked=true]{color:#0fa;background-color:#00ffaa1a;border:.15rem solid #00ffaa;cursor:not-allowed}.inputs input::placeholder{color:#aaa;text-align:center;pointer-events:none}.help-section-toggle{position:absolute;top:1vh;right:2vw;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.trophies-challenge-container{display:flex;flex-direction:column;align-items:center;padding:2vw;font-family:VT323,monospace;color:#fff;min-height:100vh}.challenge-title h1{font-size:2.5em;color:#1eb5b5;margin-bottom:2vh}.help-trigger{display:flex;align-items:center;gap:.4vw;color:#0af;font-size:1.5vw;cursor:pointer;padding:.4vw;border-radius:4px;background:none!important;transition:none!important}.help-trigger i{font-size:1em;color:#0af}.help-trigger i{font-weight:700;margin-right:.3vw;font-size:1.1em}.help-text{background-color:#0a0a14f2;color:#0fa;font-family:Courier New,monospace;padding:1vw;margin-top:.6vh;font-size:.8vw;max-width:20vw;z-index:999;white-space:pre-line;border-radius:5px;border:1px solid #00aaff;line-height:1.5}@media(max-width:700px){.help-trigger{font-size:3.5vw}.help-text{font-size:2.5vw;max-width:70vw;padding:.8vw}}.restart-button-container{margin:2vw 0}.restart-btn{padding:1vh 2vw;font-size:1.2em;background-color:#444;border:1px solid #00aaff;color:#0af;border-radius:5px;cursor:pointer;display:flex;align-items:center}.restart-btn:hover{background-color:#555;color:#fff}.restart-btn i{margin-right:.8vw}.player-display{margin:2vw 0;text-align:center}.player-image{width:7vw;height:8vh;object-fit:contain;background-color:#222;margin-bottom:1vh}.player-name{font-size:1.8em;color:#0af;font-weight:700}.trophies-inputs{display:grid;grid-template-columns:repeat(5,1fr);gap:.5vw;width:90%;max-width:95vw;margin-bottom:2vh}.game-input{padding:.6vh .3vw;font-size:1.1vw;font-family:Jaro,sans-serif;text-align:center;background-color:#1a1a1a;border:2px solid #00aaff;color:#fff;border-radius:6px;cursor:pointer;transition:background-color .2s,border-color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;height:36px;display:flex;align-items:center;justify-content:center}.game-input::placeholder{color:#b0c4de!important;opacity:1!important;font-size:inherit;width:100%;display:block;text-align:center}.game-input:hover:not([data-locked=true]){background-color:#282828;border-color:#fff}.game-input[data-locked=true]{background-color:#333;cursor:not-allowed;color:#0fa;border:.15rem solid #00ffaa}.game-input[data-locked=true][style*="border-color: lime"]{color:#0f0!important}.game-input[data-locked=true][style*="border-color: rgb(255, 65, 54)"]{color:#ff4136!important}.score-display{font-size:2em;font-weight:700;margin-top:20px;padding:10px;border-radius:5px}.challenge-leaderboard-container{background-color:#0006;padding:15px;border-radius:8px;border:1px solid #00aaff;width:90%;max-width:500px;margin:20px auto;text-align:center}.challenge-leaderboard-container h3{color:#f39c12;margin-bottom:10px}.challenge-leaderboard-list{list-style:none;padding:0;margin:0}.challenge-leaderboard-list li{padding:8px 0;border-bottom:1px dashed #444;display:flex;justify-content:space-between;font-size:1.1em}.challenge-leaderboard-list li:last-child{border-bottom:none}.challenge-leaderboard-list .username{color:#e0e0e0}.challenge-leaderboard-list .score{color:#0fa}.leaderboard-loading,.leaderboard-empty-message{font-style:italic;color:#888}.trophies-number{font-size:3vw;color:#7fffd4;background:none!important;animation:none!important}