.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}.character-sprites img{margin:0 10px}.character-sprites--highlighted{-webkit-filter:brightness(1.3) drop-shadow(0 0 16px hsla(0,0%,100%,.95)) drop-shadow(0 0 26px rgba(180,255,198,.85));filter:brightness(1.3) drop-shadow(0 0 16px rgba(255,255,255,.95)) drop-shadow(0 0 26px rgba(180,255,198,.85))}.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:40px}.character-sprites img{max-height:100%}.TMNT-Logo{width:20vw}}@media(max-width:1450px)and (max-height:750px){.character-sprites{height:58px}}@media(min-width:1450px){.character-sprites{height:66px}.character-sprites img{max-height:130%}}@media(min-width:1450px)and (max-height:750px){.character-sprites{height:58px}}@media(max-width:1280px){.character-sprites{height:35px}.character-sprites img{max-height:135%}.TMNT-Logo{width:25vw}}@media(max-width:1280px)and (max-height:750px){.character-sprites{height:30px}}@media(max-width:1024px){.character-sprites{height:32px}.character-sprites img{max-height:100%}.TMNT-Logo{height:27vh;width:19vw}}@media(max-width:1024px)and (max-height:750px){.character-sprites{height:28px}}@media(max-width:880px){.character-sprites{height:30px}.character-sprites img{max-height:100%}}@media(max-width:880px)and (max-height:750px){.character-sprites{height:26px}}@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{grid-gap:35px;box-sizing:border-box;display:grid;gap:35px;grid-template-columns:1fr 1fr;margin-bottom:10vh;max-width:600px;padding:0 20px;width:100%}@media (min-width:1600px){.button-container{margin-bottom:20vh}}.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{gap:20px;margin-bottom:20vh;max-width:550px}.button-container button{font-size:1.2rem;padding:18px 0}}@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{gap:15px;margin-bottom:30vh;max-width:320px;padding:0 15px}.button-container button{font-size:1rem;padding:15px 0}}@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{gap:12px;margin-bottom:5vh}.button-container button{font-size:.9rem;padding:10px 0}}*{box-sizing:border-box;font-family:Georgia,serif}*,body,html{margin:0;padding:0}body,html{background:radial-gradient(#195e19,#134d13);height:100%}.app{display:flex;height:100dvh;position:relative}.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}#headerCharacters,#headerStages{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#e4eee4;display:block;font-size:1.5em;margin:0;text-align:center;text-rendering:geometricPrecision;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform,opacity}.wheel-display{align-items:center;display:flex;height:3rem;justify-content:center;margin:1em auto;max-width:16rem;overflow:hidden;position:relative;width:80%}.wheel-display:after,.wheel-display:before{content:"";height:36%;left:0;pointer-events:none;position:absolute;width:100%;z-index:2}.wheel-display:before{top:0}.wheel-display:after{bottom:0}.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}#headerCharacters,#headerStages{font-size:1em}header{font-size:1.3em}}#removeCharacterButton,#removeStageButton,#resetRunButton{background-color:#860505;margin-top:1.5rem}#characterButton:disabled,#removeCharacterButton:disabled,#removeStageButton:disabled,#resetRunButton:disabled,#stageButton:disabled{background-color:#6e6e6e}.button:hover{background-color:#fff;color:#1fa91f}#removeCharacterButton:hover,#removeStageButton:hover,#resetRunButton: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}#headerCharacters,#headerStages{font-size:1em;margin:0}.wheel-display{height:2.4rem;margin:.5em auto}header{font-size:1em}.button{font-size:.8em;width:60%}.reset-run-container{grid-column:1/-1;justify-self:center;width:100%}#resetRunButton{width:30%}}@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;padding:1em 0}#headerCharacters,#headerStages{font-size:1em;margin:0}.wheel-display{height:2.2rem;margin:.4em auto}#removeCharacterButton,#removeStageButton,#resetRunButton{margin-top:.5rem}header{font-size:1em}.button{font-size:.8em;width:40%}.reset-run-container{grid-column:1/-1;justify-self:center;width:100%}#resetRunButton{width:20%}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.990fd063.css.map*/