@import url(https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700&display=swap);:root{--mobile-width:375px;--desktop-width:1366px;--desktop-header-width:700px;--light-color:#fff;--dark-color:#3b4363;--score-color:#2a46c0;--header-outline-color:#606e85}*{margin:0;padding:0;box-sizing:border-box}

.mothergameholder{background-color:#141539;background-image:radial-gradient(circle at top,#1f3756,#141539);background-repeat:no-repeat;font-family:"Barlow Semi Condensed",sans-serif;min-width:375px;min-width:var(--mobile-width);color:#fff;color:var(--light-color)}
/*body{max-width:375px;max-width:var(--mobile-width);height:100vh;margin:auto}*/

#root{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;width:100%;height:100%}.gamePanel{position:relative;margin:auto;flex-grow:1}.gamePanel,.root_rpc footer{width:375px;width:var(--mobile-width);margin:0}.root_rpc footer{display:flex;justify-content:center;padding:30px}

@media only screen and (min-width:1366px){
    .gt1366 .gamePanel,.gt1366 .root_rpc footer{width:1366px;width:var(--desktop-width)}
    .gt1366 .root_rpc footer{justify-content:flex-end}
}


.root_rpc header{display:flex;position:relative;border:3px solid var(--header-outline-color);border-radius:10px;margin:30px 0;padding:17px;width:calc(var(--mobile-width) - 60px);font-weight:700;justify-content:space-between;align-items:center}.root_rpc header>.col{display:flex;flex:1 1}.root_rpc header>.col.title{justify-content:flex-start}.root_rpc header>.col.menu{height:100%;justify-content:center;align-items:flex-end}.root_rpc header>.col.score{justify-content:flex-end}.title-img{height:48px}

@media only screen and (min-width:1366px){
    .gt1366 .root_rpc header{margin:45px 0;padding:22px;width:calc(var(--desktop-header-width) - 90px)}
    .gt1366 .title-img{height:95px}
}


.menu-dialog{position:absolute;top:calc(100% + 3px);overflow:hidden;left:5%;max-height:0;width:90%;color:#000;z-index:99;background-color:#fff;border-radius:0 0 20px 20px;box-shadow:0 5px 5px rgba(0,0,0,.3764705882352941),inset 0 20px 20px -20px rgba(0,0,0,.8);transition:max-height .5s}.menu-dialog.show{max-height:500px}.menu-wrapper{display:flex;flex-direction:column;align-items:center;padding:10px}.menu-dialog *{color:var(--dark-color);text-transform:uppercase;margin:5px}.menu-dialog h2{text-transform:uppercase;text-align:center;border-bottom:1px solid var(--dark-color)}.score-list{list-style:none}.score-list li{display:inline-block;padding:5px}.menu-button{width:100%;background:none;border:1px solid var(--dark-color);border-radius:5px;padding:5px;transition:.25s}.menu-button:hover{background:var(--dark-color);color:var(--light-color)}.game-mode{background:none;border:none;border-bottom:1px solid var(--dark-color);width:100%}.menu-close{border:none;background:transparent}.menu-icon{background:none;border:none;color:transparent;width:24px;height:35px}.menu-icon:hover{-webkit-filter:drop-shadow(0 0 5px #fff);filter:drop-shadow(0 0 5px white)}.menu-icon>span{display:block;width:100%;height:4px;margin-bottom:4px;background-color:var(--light-color);transition:.25s}.menu-icon>span:last-child{height:0;border:0 solid transparent;border-top:4px solid #fff;background-color:transparent}.menu-icon.open>span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu-icon.open>span:nth-child(2){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}.menu-icon.open>span:last-child{width:24px;height:0;border:12px solid transparent;border-top-color:#fff}.tooltipped{position:relative}.tooltipped:hover>.tooltip-wrapper{visibility:visible;opacity:1;transition-delay:.5s;transition-duration:1s}.tooltip-wrapper{visibility:hidden;opacity:0;position:absolute;z-index:999;transition-delay:.5s;transition-duration:1s}.tooltip-wrapper.top{left:50%;bottom:100%;margin-bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip-wrapper.left{right:100%;margin-right:10px}.tooltip-wrapper.left,.tooltip-wrapper.right{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip-wrapper.right{left:100%;margin-left:10px}.tooltip-wrapper.bottom{top:100%;left:50%;margin-top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip-body:before{content:"";position:absolute;width:0;height:0;border:10px solid transparent}.tooltip-wrapper.top>.tooltip-body:before{top:100%;left:50%;border-top:10px solid #fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip-wrapper.left>.tooltip-body:before{left:100%;top:50%;border-left:10px solid #fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip-wrapper.right>.tooltip-body:before{right:100%;top:50%;border-right:10px solid #fff;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tooltip-wrapper.bottom>.tooltip-body:before{bottom:100%;left:50%;border-bottom:10px solid #fff;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip-body{position:relative;background:#fff;width:-webkit-max-content;width:max-content}.score-panel,.tooltip-body{padding:10px;border-radius:5px}.score-panel{display:inline-block;background-color:var(--light-color);color:var(--score-color);width:80px;height:72px;text-transform:uppercase}.score-panel p{text-align:center;margin:0}.score-title{font-size:10px;letter-spacing:1.5px}.score-display{color:var(--dark-color);line-height:40px;font-weight:700;font-size:40px}

@media only screen and (min-width:1366px){
    .gt1366 .score-panel{border-radius:10px;padding:15px;width:150px;height:115px}
    .gt1366 .score-title{font-size:18px}
    .gt1366 .score-display{font-size:64px;line-height:60px}
}


.chooser.basic{--diameter:350px;--item-size:130px;--border-base:15px;margin-top:calc(var(--item-size)/4*-1)}.chooser.spock{--diameter:350px;--item-size:100px;--border-base:10px}.chooser{--offset:calc(var(--diameter)/2 - var(--item-size)/2)}.display{--item-size:130px;--border-base:15px}.badge{--icon-size:var(--item-size);--border-width:var(--border-base);--image-size:calc(var(--icon-size)/2.5);--anim-time:0.25s;position:relative;width:calc(var(--icon-size) - var(--border-width)*2);height:calc(var(--icon-size) - var(--border-width)*2);margin:var(--border-width);border-radius:50%;border:none;color:transparent;background:#fff;box-shadow:inset 0 5px rgba(0,0,0,.1450980392156863);transition:var(--anim-time)}button.badge:hover{--icon-size:calc(var(--item-size)*1.15);--border-width:calc(var(--border-base)*1.15)}.badge:before{content:"";position:absolute;z-index:-1;top:calc(var(--border-width)*-1);left:calc(var(--border-width)*-1);width:var(--icon-size);height:var(--icon-size);border-radius:inherit;background:linear-gradient(0deg,var(--start-color),var(--end-color));box-shadow:0 5px var(--shadow-color);transition:var(--anim-time)}.badge.empty{background-color:#131e35;--shadow-color:none;--start-color:none;--end-color:none}.badge.rock{background:#fff url(/games/rock-paper-scissors-directembedcode/static/media/icon-rock.476e90a9.svg) 50%/var(--image-size) no-repeat;--shadow-color:#9c1c33;--start-color:#dc2e4e;--end-color:#dd405d}.badge.paper{background:#fff url(/games/rock-paper-scissors-directembedcode/static/media/icon-paper.8b57a6b1.svg) 50%/var(--image-size) no-repeat;--shadow-color:#0d30de;--start-color:#4865f4;--end-color:#5671f5}.badge.scissors{background:#fff url(/games/rock-paper-scissors-directembedcode/static/media/icon-scissors.3b1a5d7e.svg) 50%/var(--image-size) no-repeat;--shadow-color:#a9760f;--start-color:#ec9e0e;--end-color:#eca922}.badge.lizard{background:#fff url(/games/rock-paper-scissors-directembedcode/static/media/icon-lizard.0f83914c.svg) 50%/var(--image-size) no-repeat;--shadow-color:#5c21ca;--start-color:#834fe3;--end-color:#8c5de5}.badge.spock{background:#fff url(/games/rock-paper-scissors-directembedcode/static/media/icon-spock.f4d7eee8.svg) 50%/var(--image-size) no-repeat;--shadow-color:#268292;--start-color:#40b9ce;--end-color:#52bed1}


@media only screen and (min-width:1366px){
    .gt1366 .chooser.basic{--diameter:500px;--item-size:200px;--border-base:22px}
    .gt1366 .chooser.spock{--diameter:500px;--item-size:150px;--border-base:16px}
    .gt1366 .display{--item-size:290px;--border-base:35px}
}


.chooser{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.chooser>.circle{position:absolute;left:calc(var(--item-size)/2);top:calc(var(--item-size)/2);width:calc(var(--offset)*2);height:calc(var(--offset)*2);border-radius:50%;border:15px solid rgba(0,0,0,.1450980392156863)}.chooser ul{position:relative;list-style:none;margin:0;padding:0;width:var(--diameter);height:var(--diameter)}.chooser li{position:absolute;top:50%;left:50%;--s:calc(1/var(--n)*-1.25);--a:calc(var(--s)*1turn + var(--i)*1turn/var(--n));-webkit-transform:translate(-50%,-50%) rotate(var(--a)) translate(var(--offset)) rotate(calc(var(--a)*-1));transform:translate(-50%,-50%) rotate(var(--a)) translate(var(--offset)) rotate(calc(var(--a)*-1))}


@media only screen and (min-width:1366px){
    .gt1366 .chooser{position:absolute;top:0;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}
}


.display{display:flex;flex-flow:row wrap;height:100%;justify-content:space-around}.player{display:flex;flex-flow:column;flex-grow:1;align-items:center;justify-content:center;width:50%}.player.one{order:1}.player.two{order:2}.player>.player-container{display:flex;flex-flow:column;align-items:center;justify-content:center;position:relative;padding:var(--border-basis)}.player-container>.badge-container{position:relative;overflow:visible}.player-container>.badge-container:before{content:"";position:absolute;z-index:-2;top:50%;left:50%;width:var(--item-size);height:var(--item-size);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:none;transition:width .5s,height .5s,background .75s}.player-container>.badge-container.won:before{content:"";width:285px;height:285px;background:radial-gradient(circle at center,hsla(0,0%,100%,.08235294117647059) 0,hsla(0,0%,100%,.08235294117647059) 40%,hsla(0,0%,100%,.043137254901960784) 0,hsla(0,0%,100%,.043137254901960784) 55%,hsla(0,0%,100%,.0196078431372549) 0,hsla(0,0%,100%,.0196078431372549) 70%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 100%)}.player-container>.name{margin-top:30px;text-transform:uppercase}.winner-box{display:flex;flex-grow:2;flex-flow:column;align-items:center;width:100%;order:3}.winner-box>h2{text-transform:uppercase;font-size:52px;margin-bottom:15px}.winner-box>button{text-transform:uppercase;padding:10px;height:48px;width:220px;border:none;border-radius:10px;font-weight:600;font-size:16px;color:var(--dark-color)}


@media only screen and (min-width:1366px){
    .gt1366 .player-container>.badge-container.won:before{width:725px;height:725px}
    .gt1366 .player{flex-grow:2;width:auto}
    .gt1366 .player.one{order:1;align-items:flex-end}
    .gt1366 .player.two{order:3;align-items:flex-start}
    .gt1366 .player>.player-container{margin:35px}
    .gt1366 .winner-box{flex-grow:1;width:auto;order:2;justify-content:center}
}


.modal-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);z-index:999}/*.modal-dialog{position:relative;top:0;left:0;width:100vw;height:100vh;padding:25px}*/


@media only screen and (min-width:1366px){/*.modal-dialog{position:relative;top:50%;left:50%;width:50%;height:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:10px;background-color:#fff}*/}


.modal-trigger{text-transform:uppercase;width:130px;height:42px;color:#fff;background:transparent;border:2px solid #fff;border-radius:10px}.modal-trigger:hover{-webkit-filter:drop-shadow(0 0 5px #fff);filter:drop-shadow(0 0 5px white)}.modal-dialog{display:flex;flex-flow:column nowrap;justify-content:space-between;background-color:#fff}.rules-title{order:1;color:var(--dark-color);text-transform:uppercase;text-align:center}.rules-image{order:2;display:block;object-fit:contain;margin:20px 0}.rules-close{order:3;border:none;background:transparent}


@media only screen and (min-width:1366px){
    /*.modal-dialog{position:relative;flex-flow:row wrap;width:400px;height:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}*/
    .gt1366 .rules-image{order:3;margin:20px auto}
    .gt1366 .rules-close{order:2}
}



/*# sourceMappingURL=main.3f52487a.chunk.css.map */


.modal-dialog{position:relative;top:50%;left:50%;width:300px;height:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:10px;background-color:#fff;padding:10px 20px;}
.rules-image{width:100%;height:auto;}
.rules-close{position:absolute;top:10px;right:10px;}
/*.modal-dialog{position:relative;flex-flow:row wrap;width:400px;height:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}*/

.rpsAnim{background-image: url(/games/rock-paper-scissors-directembedcode/static/media/ani.gif);
    background-repeat: no-repeat;
    background-position: center center;}
.badge.empty.rpsAnim{background-color:#131e35;}

.root_rpc{transform-origin:center 0;}
.root_rpc header{transform-origin:center 0;z-index:2}
.root_rpc .gamePanel{transform-origin:center 0;}
.root_rpc footer{transform-origin:center 0;}


/*@media (max-height:755px){*/
.lt755 .root_rpc header{transform:scale(0.7);margin-top:20px;padding:5px 15px;}
.lt755 .score-display{font-size:50px;line-height:40px;}
.lt755 .score-panel{height:80px;padding:9px 15px 15px;}
.lt755 .menu-icon span:first-child{margin-top:-20px;}
.lt755 .root_rpc .gamePanel{transform:scale(0.6);}
.lt755 .modal-dialog{scale:0.95;transform-origin:0 0;padding:0 10px;}
/*}*/

/*@media (max-height:500px){*/
.lt500 .root_rpc .gamePanel{transform:scale(0.5);margin-top:-60px;}
/*}*/

/*@media (max-height:500px) and (max-width:1365px){*/
.lt500lt1365 .root_rpc .gamePanel{margin-top:10px;}
.lt500lt1365 .root_rpc header{margin-top:10px;}
.lt500lt1365 .root_rpc footer{padding:0 0 10px}
/*}*/