@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin:0;max-width:412px;padding:0}:root{--primary:#0f4c81;--white:#fff}.App{box-sizing:border-box;margin:0;padding:0;width:412px}.home-container{background-color:var(--primary);height:100vh;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.practice-button{background-color:var(--white);border-radius:4px;color:var(--primary);display:inline-block;font-size:14px;font-weight:700;margin-top:20px;padding:12px 24px;text-decoration:none;transition:background-color .3s;width:100px}.hero-section{align-items:center;display:flex;flex-direction:column;height:100%;margin-top:100px;position:relative;text-align:center}.hero-section h1{text-wrap:balance;color:var(--white);font-size:38px;margin:20px 0;width:200px}.court-image{border-radius:0;height:481px;left:-301px;position:absolute;top:320px;transform:rotate(45deg);width:783px}.shuttle-image{fill:var(--white);left:325px;top:275px}.shuttle-image,.shuttle-image.two{height:40px;position:absolute;width:40px}.shuttle-image.two{fill:#fff;left:32px;top:-50px;transform:rotate(180deg)}.navbar{align-items:center;display:flex;justify-content:space-around;padding:20px 0;width:100%}.navbar-title{color:var(--primary);font-family:Montserrat;font-size:20px;font-weight:600}.navbar-title.home{color:var(--white)}.navbar-links{display:flex;flex-direction:row}.navbar-link{align-content:center;padding:10px;text-decoration:none}.navbar-content{color:#111;font-size:16px}.navbar-content img{border-radius:50%;height:20px;margin-left:10px;padding-top:0;width:20px}.navbar-content.home{color:#f3f3f3}.footer{background-color:var(--white);color:#4b5563;font-size:.9rem;padding:30px 20px;position:relative;text-align:center}.footer .icons{color:var(--primary)}.social-links{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px}.social-links a img{height:1.5rem}.social-links a img:hover{scale:1.2;transition:all .3s ease}.footer .github{color:var(--primary);text-decoration:none}.footer-copy{color:#4b5563;font-size:.9em;margin-top:20px}.footer{animation:fadeUp .8s ease-in-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.footer.home{background-color:var(--primary)}.footer.home,.footer.home .footer-copy{color:#c3cad4}.footer.home .github{color:#f0f8ff}.footer.home .icons{color:#c3cad4}.login-container{align-items:center;background-color:var(--white);display:flex;justify-content:center;min-height:70vh}.login-form{max-width:400px;padding:2rem;text-align:center;width:100%}h1{color:#333;font-size:32px;margin-bottom:8px}.welcome-text{color:#666;font-size:18px;margin-bottom:32px}.social-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin-bottom:16px;padding:12px;transition:background-color .2s;width:100%}.social-button img{height:24px;margin-right:12px;width:24px}.social-button.google{color:#333}.social-button.facebook{background-color:#1877f2;border-color:#1877f2;color:#fff}.social-button.google:hover{background-color:#f8f8f8}.social-button.facebook:hover{background-color:#1664d9}.form-group{margin-bottom:1rem}.form-group input{border:1px solid #ddd;border-radius:4px}.form-group input,.login-button{font-size:1rem;padding:.75rem;width:100%}.login-button{background-color:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#4a50b5}.signup-link{margin-top:1rem;text-align:center}.signup-link a{color:var(--primary);text-decoration:none}.circular-slider{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:10px 20px 20px;position:relative;-webkit-user-select:none;user-select:none}.slider-track{fill:none;stroke:#e0e0e0;stroke-width:10;cursor:pointer}.slider-progress{fill:none;stroke:var(--primary);stroke-width:10;cursor:pointer;transition:stroke-dasharray .1s ease}.slider-handle{fill:#fff;stroke:var(--primary);stroke-width:2;cursor:grab;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.slider-handle:active{cursor:grabbing}.slider-handle:hover{fill:#f8f8f8;transform:scale(1.1);transition:transform .2s ease}.slider-value{color:#333;font-size:24px;font-weight:700;justify-content:center;pointer-events:none;position:absolute}.body,.slider-value{align-items:center;display:flex}.body{flex-direction:column;justify-content:centers}.param{margin-bottom:10px;text-align:center}.grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.practice{align-items:center;display:flex;flex-direction:column;justify-content:center}.practice h2{margin-bottom:30px}.cornerBody{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:centers}.cornerSelection,form{align-items:center;display:flex;flex-direction:column;justify-content:center}form{background:var(--primary);height:45vh;position:relative;width:90%}img{padding-top:20px;position:inherit}.frontLeft{left:18%}.frontLeft,.frontRight{position:absolute;top:12%}.frontRight{right:18%}.midLeft{left:18%}.midLeft,.midRight{position:absolute;top:45%}.midRight{right:18%}.backLeft{left:18%}.backLeft,.backRight{bottom:13%;position:absolute}.backRight{right:18%}input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:#fff;border:2px solid #ccc;border-radius:50%;cursor:pointer;height:1.6rem;outline:none;transition:background-color .3s ease,border-color .3s ease;width:1.6rem}input[type=checkbox]:checked{background-color:#27e112;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 10%27><polyline points=%271.5 6 4.5 9 10.5 1%27 stroke=%27white%27 stroke-width=%272%27 fill=%27none%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/></svg>");background-position:50%;background-repeat:no-repeat;background-size:60%;border-color:#27e112}.navigator{display:flex;gap:20px;justify-content:space-between;padding:20px 0;width:70%}.back,.next{color:grey;font-size:18px;text-decoration:none}.next img{height:14px;padding-left:7px}.back img{height:14px;padding:0 0 20px 7px;transform:rotate(180deg)}.start-practice{align-items:center;display:flex;flex-direction:column;justify-content:center}.court{background:var(--primary);margin-top:20px;position:relative}.court .arrow{left:50%;position:absolute;top:50%;width:80px}.stats{flex-direction:row;justify-content:space-between;margin-top:30px;width:80%}.stats,.stats .param{align-items:center;display:flex}.stats .param{flex-direction:column;justify-content:center}.param span{font-size:14px}.param h3{color:var(--primary);font-size:30px;font-weight:700;margin:12px}.loading-screen{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center;text-align:center}.loading-screen h2{color:var(--primary);font-size:32px;margin-bottom:20px}.loading-screen .countdown{animation:pulse 1s infinite;color:var(--primary);font-size:72px;font-weight:700;margin:20px 0}.loading-screen p{color:#666;font-size:18px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.loading-screen.complete,.loading-screen.cooldown{background-color:var(--white);border-radius:10px;margin:20px;padding:30px}.set-info{background-color:var(--white);margin-top:20px;padding:15px}.practice-summary,.set-info{border-radius:8px;box-shadow:0 2px 4px #0000001a}.practice-summary{background-color:var(--primary);margin-top:30px;padding:20px}.practice-summary p{color:#333;font-size:16px;margin:10px 0}.completion-container{margin:0 auto;max-width:800px;padding:20px}.completion-header{animation:fadeInDown .8s ease-out;margin-bottom:40px;text-align:center}.completion-header h1{color:var(--primary);font-size:2.1em;margin-bottom:10px}.motivation-text{color:#666;font-size:1.2em}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:40px}.stat-card{animation:fadeInUp .8s ease-out;background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:10px 20px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card.wide{grid-column:1/-1}.stat-icon{font-size:2em;margin-bottom:10px}.stat-card h3{color:#666;font-size:1em;margin-bottom:10px}.stat-card p{color:var(--primary);font-size:1.8em;font-weight:700}.action-buttons{display:flex;gap:20px;justify-content:center;margin-top:40px}.button{border-radius:8px;font-weight:700;padding:12px 24px;text-decoration:none;transition:all .3s ease}.button.primary{background:var(--primary);color:#fff}.button.secondary{background:#f8f9fa;border:2px solid var(--primary);color:var(--primary)}.button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.stats-container{grid-template-columns:repeat(2,1fr)}.action-buttons{align-items:center;flex-direction:column}.button{margin-bottom:10px;text-align:center;width:100%}}
/*# sourceMappingURL=main.d7662c82.css.map*/