*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}@media(min-width:600px){html{font-size:75%}}@media(min-width:1024px){html{font-size:100%}}body{font-family:Barlow Semi Condensed,sans-serif}.header-names{color:#fff;font-size:1.2rem;font-weight:700;line-height:1rem;list-style-type:none}.header-score{align-items:center;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;padding:1rem .5rem;width:7rem}.header-score__title{color:#2a46c0;font-size:.9rem;letter-spacing:1px}.header-score__number{color:#606e85;font-size:3rem}.result{align-items:center;display:flex;flex-direction:column;gap:10px;grid-column:3/15;grid-row:11/16;justify-content:space-evenly;padding:10px 0}@media(min-width:1024px){.result{grid-row:7/12}}.result__title{color:#fff;font-size:50px}.result__btn{border:none;border-radius:7px;color:#3b4363;font-family:Barlow Semi Condensed,sans-serif;font-size:14px;letter-spacing:2px;padding:12px 55px;position:relative;z-index:15}.result__btn:hover{cursor:pointer}.placeholder{background-color:rgba(0,0,0,.1);border-radius:50%;height:80%;width:80%}.icon-wrap{border-radius:50%;display:grid;height:7.5rem;place-items:center;position:relative;transition:all .5s;width:7.5rem;z-index:10}.icon-wrap:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.icon{background-color:#fff;border-radius:50%;border-top:.35em solid rgba(0,0,0,.2);display:grid;height:80%;place-items:center;position:relative;width:80%;z-index:10}.icon svg{width:3rem}.icon-wrap-active{height:12rem;position:relative;width:12rem;z-index:10}@media(min-width:1024px){.icon-wrap-active{height:17rem;width:17rem}}.icon-active svg{width:4rem}@media(min-width:1024px){.icon-active svg{width:7rem}}.winner{position:relative}.winner-layer1{background-color:hsla(0,0%,100%,.3);height:140%;width:140%;z-index:3}.winner-layer2{background-color:hsla(0,0%,100%,.2);height:180%;width:180%;z-index:2}.winner-layer3{background-color:hsla(0,0%,100%,.1);height:240%;width:240%}.winner-styles{border-radius:50%;left:50%;opacity:.1;position:absolute;top:50%;translate:-50% -50%}.rules-small{align-items:center;background-color:#fff;display:flex;flex-direction:column;gap:1.5rem;height:100vh;justify-content:space-evenly;left:0;padding:20px 15px;position:fixed;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:.3s ease-out;width:100vw;z-index:1000}.rules-small__title{font-size:3rem}.rules-small__img{height:60%;width:100%}.rules-small__close:hover{cursor:pointer}@media(min-width:1024px){.rules-small{display:none}}.rules-small-active{-webkit-transform:translateX(0);transform:translateX(0);transition:.3s ease-in}.rules-large{align-items:center;background-color:#fff;border-radius:5px;display:none;flex-direction:column;height:30rem;justify-content:space-evenly;left:50%;padding:.5rem 1.5rem;position:absolute;top:50%;translate:-50% -50%;width:25rem;z-index:100}.rules-large__header{align-items:center;display:flex;height:20%;justify-content:space-between;padding-bottom:1rem;width:100%}.rules-large__title{font-size:2rem}.rules-large__img{height:80%;width:100%}.rules-large__close:hover{cursor:pointer}@media(min-width:1024px){.rules-large-active{display:flex}.overlay{background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%;z-index:50}}.attribution{bottom:5px;color:#fff;font-size:11px;left:5px;position:absolute;text-align:center}.attribution a:link,.attribution a:visited{color:#fff}.app-page{background:radial-gradient(circle farthest-side at 50% 0,#1f3756,#141539);height:100vh;overflow:hidden;width:100vw}.app-layout{display:grid;grid-template-columns:100%;grid-template-rows:repeat(12,1fr);height:100%;margin:0 auto;max-width:480px;padding:25px;width:100%}@media(min-width:1024px){.app-layout{grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(16,1fr);max-width:1560px}}.header{align-items:center;border:2px solid #606e85;border-radius:5px;display:flex;grid-row:1/3;height:100%;justify-content:space-between;padding:10px;width:100%}@media(min-width:1024px){.header{grid-column:4/14;grid-row:1/4;margin:0 auto;max-width:700px}}.pregame{align-items:center;display:grid;grid-row:3/12;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(16,1fr);height:100%;justify-items:center;margin:0 auto;max-width:325px;width:100%}@media(min-width:1024px){.pregame{grid-column:4/14;grid-row:4/-1;max-width:420px}}.pregame__pent{grid-column:3/15;grid-row:5/13;height:100%;width:100%}.pregame__rock{grid-column:10/15;grid-row:11/14}.pregame__paper{grid-column:12/-1;grid-row:7/9}.pregame__scissors{grid-column:7/11;grid-row:4/6}.pregame__lizard{grid-column:2/9;grid-row:11/14}.pregame__spock{grid-column:1/6;grid-row:7/9}.game{display:grid;grid-row:3/12;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(16,1fr);height:100%;width:100%}@media(min-width:1024px){.game{grid-column:4/14;grid-row:4/-1;margin:0 auto;max-width:747px}}.playerOne{display:grid;grid-column:1/9;grid-row:3/10;place-items:center}@media(min-width:1024px){.playerOne{grid-row:3/15}}.playerTwo{display:grid;grid-column:9/-1;grid-row:3/10;place-items:center}@media(min-width:1024px){.playerTwo{grid-row:3/15}}.player__title{color:#fff;font-size:1.5rem}@media(min-width:1024px){.player__title{display:none}}.player__title--desk{color:#fff;display:none;font-size:1.5rem}@media(min-width:1024px){.player__title--desk{display:block}.outcome-active{grid-column:2/16;max-width:1030px}.playerOne-outcome-active{grid-column:1/7}.playerTwo-outcome-active{grid-column:11/-1}}.footer{display:grid;grid-row:12/-1;height:100%;place-items:center;width:100%}@media(min-width:1024px){.footer{grid-column:14/-1;grid-row:15/-1}}.footer__btn{background-color:transparent;border:3px solid #606e85;border-radius:8px;color:#fff;font-family:Barlow Semi Condensed,sans-serif;font-size:15px;font-weight:600;letter-spacing:2px;padding:8px 35px;position:relative;z-index:15}.footer__btn:hover{cursor:pointer}
/*# sourceMappingURL=main.3bc966bc.css.map*/