@import url(https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700&display=swap);body{background:radial-gradient(circle,#1f3756 0,#141539 80%);font-family:Barlow Semi Condensed,sans-serif}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body,html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}a,a:active{text-decoration:none}button,input,select,textarea{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}#__next,#root{isolation:isolate}.home{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;letter-spacing:1px;min-height:100vh;padding-inline:1rem;text-align:center}.home-title{font-size:clamp(2.5rem,7vw,4rem);padding-bottom:4.5rem}.game-link-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;text-transform:uppercase}@media(min-width:70rem){.game-link-container{flex-direction:row;min-width:65rem}}.game-link{border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(.875rem,2vw,1.35rem);padding:1rem 2.5rem;transition:all .2s ease;width:100%}.game-link:hover{background:#fff;color:#3b4363}.game-link:focus{outline:3px dashed #fff}.game-link:focus:not(:focus-visible){outline:none}.game-link:focus-visible{outline:3px dashed #fff}.game-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;min-height:100vh;padding-block:2rem}.game-btn-container{align-self:center}.game-bg{margin:0 auto;max-width:80%}@media(min-width:60rem){.game-bg{max-width:100%}}.rules-wrapper{display:flex;justify-content:center;margin:0 auto;max-width:50rem;width:85%}@media(min-width:60rem){.rules-wrapper{justify-content:flex-end}}@media(min-width:90rem){.rules-wrapper{max-width:100%}}header{align-items:center;border:3px solid #606e85;border-radius:5px;display:flex;justify-content:space-between;margin:0 auto 10rem;max-width:50rem;padding:1rem;width:85%}.logo{max-width:6rem}.score-display{background:#fff;border-radius:5px;padding:.75rem 1.5rem;text-align:center}.score-title{color:#2a46c0;font-size:.8rem;font-weight:600;letter-spacing:3px}.score{color:#3b4363;font-size:2.75rem;font-weight:700;line-height:1}.rules-btn{background:transparent;border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;letter-spacing:3px;margin-top:12rem;padding:.5rem 2.25rem;-webkit-transform:scale(1);transform:scale(1);transition:all .2s ease-in}.rules-btn:hover{box-shadow:2px 2px 20px 10px hsla(0,0%,100%,.15);-webkit-transform:scale(1.05);transform:scale(1.05)}.rules-modal{display:none}.rules-modal.active{background:#fff;border-radius:10px;box-shadow:0 0 1000px 8000px rgba(0,0,0,.6);display:flex;flex-direction:column;left:50%;padding:2rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:min(90%,26rem);z-index:1000}.rules-modal>*{width:100%}.modal-top{align-items:center;display:flex;justify-content:space-between;padding-bottom:1.75rem}.modal-title{color:#3b4363;font-size:2rem;text-transform:uppercase}.close-btn{cursor:pointer;-webkit-transform:scale(1);transform:scale(1);transition:all .2s ease-in}.close-btn:hover{-webkit-transform:scale(1.25);transform:scale(1.25)}.rules-img{padding-inline:1rem}.game-btn-container{display:flex;gap:4rem;position:relative}.game-btn{all:unset;cursor:pointer;position:absolute;z-index:1}.game-btn:before{background:#fff;border-radius:50%;border-top:5px solid #d8d4d4;content:"";height:5rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:5rem;z-index:-1}@media(min-width:60rem){.game-btn:before{height:7rem;width:7rem}}.game-btn:after{border-radius:50%;content:"";height:7rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:7rem;z-index:-2}@media(min-width:60rem){.game-btn:after{height:9.5rem;width:9.5rem}}.rock:after{border-bottom:5px solid #c4213f}.paper:after{border-bottom:5px solid #3958f3}.scissors:after{border-bottom:5px solid #de950d}.lizard:after{border-bottom:5px solid #7941e1}.spock:after{border-bottom:5px solid #34b4cb}.game-btn:hover{-webkit-animation:click-pulse 1.5s ease infinite;animation:click-pulse 1.5s ease infinite}.game-img{max-width:35px}@media(min-width:50rem){.game-img{max-width:100%}}@-webkit-keyframes click-pulse{0%{box-shadow:0 0 80px 40px rgba(0,0,0,.3)}15%{-webkit-transform:scale(.95);transform:scale(.95)}35%{-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 80px 40px rgba(0,0,0,.3)}}@keyframes click-pulse{0%{box-shadow:0 0 80px 40px rgba(0,0,0,.3)}15%{-webkit-transform:scale(.95);transform:scale(.95)}35%{-webkit-transform:scale(1);transform:scale(1)}to{box-shadow:0 0 80px 40px rgba(0,0,0,.3)}}.results{display:flex;gap:10rem;justify-content:space-between}.result-btn{all:unset;position:relative;z-index:1}.result-btn:before{background:#fff;border-top:10px solid #d8d4d4;height:11rem;width:11rem;z-index:-1}.result-btn:after,.result-btn:before{border-radius:50%;content:"";left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.result-btn:after{height:14.5rem;width:14.5rem;z-index:-2}.rock:after{background:linear-gradient(142deg,#dc2e4e,#dd405d 60%);border-bottom:8px solid #c4213f}.paper:after{background:linear-gradient(142deg,#4865f4,#5671f5 60%);border-bottom:8px solid #3958f3}.scissors:after{background:linear-gradient(142deg,#ec9e0e,#eca922 60%);border-bottom:8px solid #de950d}.lizard:after{background:linear-gradient(142deg,#834fe3,#8c5de5 60%);border-bottom:8px solid #7941e1}.spock:after{background:linear-gradient(142deg,#40b9ce,#52bed1 60%);border-bottom:8px solid #34b4cb}.result-container{display:flex;gap:3rem;justify-content:center;margin:0 auto;max-width:60rem;padding:3rem;text-transform:uppercase}.result-container>*{min-width:16rem;width:100%}.choice-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.choice-container h2{color:#fff;padding-bottom:8rem}.result-display{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.result-display h1{color:#fff;font-size:3rem}.result-display button{border:none;border-radius:8px;color:#3b4363;cursor:pointer;padding:.5rem 3.5rem;text-transform:inherit}.result-display button:focus{outline:3px dashed #fff}.result-display button:focus:not(:focus-visible){outline:none}.result-display button:focus-visible{outline:3px dashed #fff}.options-btn-container{display:flex;flex-direction:column;gap:1rem}
/*# sourceMappingURL=main.fc4b0485.css.map*/