.stages-container{color:#e4eee4;display:flex;flex:5 1;flex-direction:column}.stages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:1em}.stage{border-radius:5%;box-shadow:0 0 20px #0c300c;color:#e4eee4;display:flex;flex-direction:column;font-size:.8em;justify-content:space-evenly;margin:.4rem;max-height:180px;min-height:100px;overflow:hidden;padding:10px;text-align:center}.stage h2{font-size:1.4em;margin-bottom:.3em}ul{display:flex;flex-direction:column;height:100%;justify-content:space-evenly;margin:0;padding:0}li{font-size:1.2em;list-style:decimal;margin:2px 25px;padding-left:10px;text-align:left}@media(max-width:1400px){.stage h2{font-size:1.2em}}@media(max-width:1400px)and (max-height:750px){.stage{font-size:.6em;margin:.3rem}}@media(max-width:1200px){.stage{font-size:.7em}}@media(max-width:1200px)and (max-height:750px){.stage{font-size:.7em;margin:.3rem}}@media(min-width:1600px){.stage{font-size:.9em;min-height:160px;padding:25px}}@media(min-width:1024px){.stages-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:1300px){.stage{min-height:120px}}@media(max-width:1024px){.stages-grid{font-size:.9em;grid-template-columns:repeat(5,1fr);padding:.5em}.stage{padding:8px 3px}}@media(max-width:768px){.stages-grid{grid-template-columns:repeat(4,1fr);padding:.5em}.stage{font-size:.7em;min-height:100px;padding:7px}}@media(max-width:480px){.stage{font-size:.6em;padding:5px}}@media(max-width:1200px)and (pointer:coarse){.stages-grid{grid-template-columns:repeat(2,1fr);padding:.5em}.stage{font-size:.8em;min-height:100px;padding:5px}}.character-sprites{flex:5 1;height:60px;margin:1px 3px;padding:0 2px}.container-sprites{display:flex;flex:1 1;height:26vh;margin:0 1em}.TMNT-Logo{height:100%;margin:auto;padding:5px;width:12vw}@media(max-width:1450px){.character-sprites{height:60px}.TMNT-Logo{width:20vw}}@media(max-width:1450px)and (max-height:750px){.character-sprites{height:58px}}@media(min-width:1450px){.character-sprites{height:66px}}@media(min-width:1450px)and (max-height:750px){.character-sprites{height:58px}}@media(max-width:1280px){.character-sprites{height:60px}.TMNT-Logo{width:25vw}}@media(max-width:1280px)and (max-height:750px){.character-sprites{height:50px}}@media(max-width:1024px){.character-sprites{height:45px}.TMNT-Logo{height:27vh;width:19vw}}@media(max-width:1024px)and (max-height:750px){.character-sprites{height:40px}}@media(max-width:880px){.character-sprites{height:45px}}@media(max-width:880px)and (max-height:750px){.character-sprites{height:40px}}@media(max-width:880px){.TMNT-Logo{display:none}}@media(max-width:600px){.character-sprites{height:45px}.container-sprites{flex:1 1;height:50vh;margin:2em 0}}@media(max-width:400px){.character-sprites{height:38px}.container-sprites{margin:.5em}}@media(max-height:600px){.character-sprites{height:50px}.container-sprites{flex:1 1;margin:2em 0}.TMNT-Logo{display:none}}.title-screen-overlay{align-items:center;background-color:#134d13;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:space-around;margin:0;padding:0;text-align:center;width:100vw}.title-header{font-size:4rem;margin-top:10vh}.title-subheader{font-size:3rem}.title-player-select{font-size:2rem}.button-container{align-items:center;display:flex;flex-direction:column;margin-bottom:10vh}.button-container button{background-color:#007bff;border-radius:5px;color:#fff;cursor:pointer;font-size:1.6rem;margin:25px 0;padding:20px 50px;transition:background-color .3s ease}.button-container button:hover{background-color:#0056b3}@media (max-width:1024px){.title-header{font-size:3.5rem;margin-top:20vh}.button-container{margin-bottom:20vh;button{font-size:2rem;padding:30px 70px}}}@media (max-width:600px){.title-header{font-size:2rem;margin-top:10vh}.title-subheader{font-size:1.8rem}.title-player-select{font-size:1.4rem}.button-container{margin-bottom:10vh;button{font-size:1.5rem;padding:20px 50px}}}@media (max-height:500px){.title-header{font-size:1.7rem;margin-top:5vh}.title-subheader{font-size:1.4rem}.title-player-select{font-size:1rem}.button-container{margin-bottom:5vh;button{font-size:1rem;margin:10px;padding:10px 20px}}}*{box-sizing:border-box;font-family:Georgia,serif}*,body,html{margin:0;padding:0}body,html{overflow-x:hidden}.app{background:radial-gradient(#195e19,#134d13);display:flex;height:100vh;overflow-y:auto}.sidebar{align-items:center;border-right:2px solid #b9b9b9;display:grid;flex:1 1;justify-content:space-evenly}.sidebar *{align-items:center;display:flex;flex-direction:column}header{color:#fff;font-size:24px;text-align:center}h1#headerCharacters,h1#headerStages{color:#e4eee4;font-size:1.5em;margin:1em;text-align:center}.button{background:#1fa91f;border-radius:10px;color:#dbdbdb;cursor:pointer;flex:none;font-size:1.2em;font-weight:700;padding:10px;text-transform:uppercase;width:60%}@media(max-width:1200px){.button{font-size:.8em}h1#headerCharacters,h1#headerStages{font-size:1em}header{font-size:1.3em}}#removeCharacterButton,#removeStageButton{background-color:#860505;margin-top:1.5rem}#characterButton:disabled,#removeCharacterButton:disabled,#removeStageButton:disabled,#stageButton:disabled{background-color:#6e6e6e}.button:hover{background-color:#fff;color:#1fa91f}#removeCharacterButton:hover,#removeStageButton:hover{background-color:#fff;color:#860505}.image-container{position:absolute;right:20%;top:50%}.cowabunga{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media(max-width:600px){.app{flex-direction:column}.sidebar{grid-gap:1em;border-bottom:2px solid #b9b9b9;border-right:none;display:grid;gap:1em;grid-template-columns:1fr 1fr;padding:1em .5em}h1#headerCharacters,h1#headerStages{font-size:1em;margin:1em}header{font-size:1em}.button{font-size:.8em;width:60%}}@media(max-height:600px){.app{flex-direction:column}.sidebar{grid-gap:1em;border-bottom:2px solid #b9b9b9;border-right:none;display:grid;gap:1em;grid-template-columns:1fr 1fr;height:50vh;padding:1em 0}h1#headerCharacters,h1#headerStages{font-size:1em;margin:.5em}#removeCharacterButton,#removeStageButton{margin-top:.5rem}header{font-size:1em}.button{font-size:.8em;width:40%}header{font-size:.9em}}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal{background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);max-width:400px;padding:20px;text-align:center}.modal p{color:#333;font-size:1.2em;margin-bottom:20px}.modal button{border:none;border-radius:5px;cursor:pointer;margin:10px;padding:10px 20px}.modal button:first-child{background-color:red;color:#fff}.modal button:last-child{background-color:gray;color:#fff}
/*# sourceMappingURL=main.4194a292.css.map*/