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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes slideDown{0%{transform:translate(-50%,-100%)}to{transform:translate(-50%,-50%)}}.modal-overlay{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{animation:slideDown .5s ease forwards;background-color:#fff;border-radius:10px;height:auto;left:50%;max-height:300px;max-width:500px;padding:20px 15px;position:fixed;top:50%;width:80%;z-index:1001}.modal-close-button{background-color:initial;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.modal-content{padding:10px 20px}@media (max-width:768px){.modal{padding:10px 5px}.modal-close-button{padding-right:0}.modal-content{padding:10px 15px}}.button{background-color:#0b3d0b;border:1px solid #000;border-radius:5px;color:#fff;cursor:pointer;font-size:10px;height:50px;min-width:100px;padding:0 15px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;transition:transform .05s ease}.button-clicked{transform:scale(.95)}.button:disabled{background-color:#a9a9a9;border:1px solid grey;cursor:not-allowed;opacity:.6}.button-text{font-size:20px;margin:0}@media (max-width:768px){.button{height:45px;min-width:80px;padding:0 10px}.button-text{font-size:15px}}.title{color:#fff;font-size:50px;margin-left:10px;margin-right:10px;margin-top:-50px;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}@media (max-width:768px){.title{font-size:30px}}.subtitle{color:#fff;font-size:30px;margin:0;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}@media (max-width:768px){.subtitle{font-size:15px}}.text{color:#000;font-size:20px;margin:0}@media (max-width:768px){.text{font-size:13px}}.label{color:#000;font-size:30px}@media (max-width:768px){.label{font-size:20px}}.spinner{animation:spin 1s linear infinite;border:8px solid #0000001a;border-radius:50%;border-top-color:#3498db;margin:auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-background{flex-direction:column;height:100vh;justify-content:center;margin-top:-80px}.error-background,.label-container{align-items:center;display:flex;gap:20px}.label-container{margin-bottom:15px}.label-icon{height:60px;width:auto}@media (max-width:768px){.label-container{gap:15px}.label-icon{height:40px;width:auto}}.moves-container{align-items:center;display:flex;gap:15px}.cards-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px;margin-top:-10px}.card-image{height:200px;width:auto}@media (max-width:768px){.cards-container{gap:5px}.card-image{height:150px;width:auto}}.landing-background,.welcome-background{background-color:#006400;height:100vh;justify-content:center}.landing-background,.subtitle-container,.welcome-background{align-items:center;display:flex;flex-direction:column;gap:20px}.subtitle-container{max-width:35%}@media (max-width:768px){.welcome-background{gap:0}.subtitle-container{max-width:80%}}.next-button-container{display:flex;justify-content:center;margin-top:30px;opacity:0;pointer-events:none;transition:opacity .5s ease-in}.next-button-container.visible{opacity:1;pointer-events:auto}.home-background{align-items:center;background-color:#006400;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.train-button-container{display:flex;justify-content:center;margin-top:30px}.home-icon-container{margin-top:-20px}.spade-icon{height:250px;width:auto}@media (max-width:768px){.spade-icon{height:150px}.home-icon-container{margin-bottom:-20px;margin-top:-10px}}.train-background{align-items:center;background-color:#006400;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.statistics-label-container{align-items:center;display:flex;gap:20px;margin-top:10px}.return-home-button-container{margin-top:20px}.statistics-icon{height:60px;width:auto}@media (max-width:768px){.statistics-label-container,.train-background{gap:10px}.train-title-text{margin-bottom:15px;max-width:70%}.statistics-icon{height:40px;width:auto}}
/*# sourceMappingURL=main.c27f0749.css.map*/