@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.nojs{font-size:2rem;margin:10px;text-align:center;background:-webkit-gradient(linear, left top, left bottom, from(rgb(238, 115, 0)), to(rgb(236, 171, 73)));background:-webkit-linear-gradient(rgb(238, 115, 0), rgb(236, 171, 73));background:-moz-linear-gradient(rgb(238, 115, 0), rgb(236, 171, 73));background:linear-gradient(rgb(238, 115, 0), rgb(236, 171, 73));border-radius:1pc}.nojs>:not(:first-child){display:none !important}html{height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"Barlow Semi Condensed",sans-serif;font-weight:600;background-color:#141539}body{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(hsl(214, 47%, 23%)), to(hsl(237, 49%, 15%)));background:-webkit-linear-gradient(hsl(214, 47%, 23%), hsl(237, 49%, 15%));background:-moz-linear-gradient(hsl(214, 47%, 23%), hsl(237, 49%, 15%));background:linear-gradient(hsl(214, 47%, 23%), hsl(237, 49%, 15%));display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;margin:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}@media(min-width: 600px){body{background:-webkit-radial-gradient(hsl(214, 47%, 23%), hsl(237, 49%, 15%));background:-moz-radial-gradient(hsl(214, 47%, 23%), hsl(237, 49%, 15%));background:radial-gradient(hsl(214, 47%, 23%), hsl(237, 49%, 15%))}}header{width:90%;max-width:700px;max-height:140px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;margin:min(4vw,20px);padding:min(4vw,20px);border:3px solid #606e85;border-radius:1pc}header img{max-width:33%;max-height:100px}header div{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;text-align:center;padding:16px;min-width:100px;border-radius:.5pc;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));background:-webkit-linear-gradient(#fff, #f0f0f0);background:-moz-linear-gradient(#fff, #f0f0f0);background:linear-gradient(#fff, #f0f0f0)}header div #score{font-size:2rem;margin:0}header div p{margin:0}main{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;flex-grow:1;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}main #board{position:relative;width:min(100vw,60vh);max-width:min(100vw,70vh);max-height:min(100vw,70vh);aspect-ratio:1/1;-webkit-background-size:60% 60%;background-size:60%;background-repeat:no-repeat;background-position:center}main .item{position:absolute}main .item.playable:hover,main .item.playable:focus{-webkit-transform:scale(110%);-moz-transform:scale(110%);-ms-transform:scale(110%);transform:scale(110%);cursor:pointer}footer{margin-top:16px;margin-bottom:16px;font-size:11px;text-align:center;color:#fff}footer a{color:#3e52a3}#rules{z-index:99;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;background-color:#fff;position:fixed;top:-100%;-webkit-transition:ease-in-out .4s;-moz-transition:ease-in-out .4s;transition:ease-in-out .4s}#rules .inner{width:90%;height:90%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;text-align:center;-webkit-justify-content:space-around;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center}#rules.open{top:0}#rules svg{max-width:90vw}#rules #closeRules{height:50px;width:50px;background-image:url("../images/icon-close.svg");background-repeat:no-repeat;background-position:center;-webkit-background-size:50% 50%;background-size:50%;cursor:pointer}@media(min-width: 600px){#rules{aspect-ratio:1/1;background-color:rgba(33,33,33,.8666666667)}#rules .inner{width:min(50vh,50vw);height:min(50vh,50vw);border-radius:1pc;background-color:#fff}#rules.open{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}#control{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#control>div,#control>label{width:100px;margin:0 16px;text-align:center;border-radius:1pc;border:3px solid #fff;cursor:pointer}#control>div.caution,#control>label.caution{border-color:#d00}#board.result{-webkit-background-size:0 0;background-size:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-moz-box-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;max-height:-webkit-calc(min(24vw,18vh)*2);max-height:-moz-calc(min(24vw,18vh)*2);max-height:calc(min(24vw,18vh)*2)}#board.result .item{position:unset;width:min(24vw,18vh);height:min(24vw,18vh)}#board.result .item div{height:100%}#board.result>div:first-child::after{content:"YOU PICKED"}#board.result>div:last-child::after{content:"HOUSE PICKED"}#board.result>div{text-align:center}#board.result>div::after{display:block;margin-top:20px;color:#fff}#result{min-width:min(50vw,300px);padding:0 0 8vh;text-align:center}#result>p{color:#fff;font-size:4rem;margin:1rem 0}#result div{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;color:#000;cursor:pointer;border-radius:1pc}#result div>div,#result div>label{width:100px;margin:0 16px;text-align:center;border-radius:1pc;border:3px solid #fff;cursor:pointer}#result div>div.caution,#result div>label.caution{border-color:#d00}.item{max-width:120px;max-height:120px;border-radius:50%;padding:min(4vw,15px)}.item div{max-width:120px;max-height:120px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center;-webkit-background-size:50% 50%;background-size:50%}.item.rock{background:-webkit-gradient(linear, left bottom, left top, from(hsl(349, 71%, 52%)), to(hsl(349, 70%, 56%)));background:-webkit-linear-gradient(bottom, hsl(349, 71%, 52%), hsl(349, 70%, 56%));background:-moz-linear-gradient(bottom, hsl(349, 71%, 52%), hsl(349, 70%, 56%));background:linear-gradient(to top, hsl(349, 71%, 52%), hsl(349, 70%, 56%));-webkit-box-shadow:0 8px #9d1b33;box-shadow:0 8px #9d1b33}.item.rock div{background-image:url("../images/icon-rock.svg")}.item.paper{background:-webkit-gradient(linear, left bottom, left top, from(hsl(230, 89%, 62%)), to(hsl(230, 89%, 65%)));background:-webkit-linear-gradient(bottom, hsl(230, 89%, 62%), hsl(230, 89%, 65%));background:-moz-linear-gradient(bottom, hsl(230, 89%, 62%), hsl(230, 89%, 65%));background:linear-gradient(to top, hsl(230, 89%, 62%), hsl(230, 89%, 65%));-webkit-box-shadow:0 8px #0d30de;box-shadow:0 8px #0d30de}.item.paper div{background-image:url("../images/icon-paper.svg")}.item.scissors{background:-webkit-gradient(linear, left bottom, left top, from(hsl(39, 89%, 49%)), to(hsl(40, 84%, 53%)));background:-webkit-linear-gradient(bottom, hsl(39, 89%, 49%), hsl(40, 84%, 53%));background:-moz-linear-gradient(bottom, hsl(39, 89%, 49%), hsl(40, 84%, 53%));background:linear-gradient(to top, hsl(39, 89%, 49%), hsl(40, 84%, 53%));-webkit-box-shadow:0 8px #9f6b09;box-shadow:0 8px #9f6b09}.item.scissors div{background-image:url("../images/icon-scissors.svg")}.item.lizard{background:-webkit-gradient(linear, left bottom, left top, from(hsl(261, 73%, 60%)), to(hsl(261, 72%, 63%)));background:-webkit-linear-gradient(bottom, hsl(261, 73%, 60%), hsl(261, 72%, 63%));background:-moz-linear-gradient(bottom, hsl(261, 73%, 60%), hsl(261, 72%, 63%));background:linear-gradient(to top, hsl(261, 73%, 60%), hsl(261, 72%, 63%));-webkit-box-shadow:0 8px #581ec2;box-shadow:0 8px #581ec2}.item.lizard div{background-image:url("../images/icon-lizard.svg")}.item.spock{background:-webkit-gradient(linear, left bottom, left top, from(hsl(189, 59%, 53%)), to(hsl(189, 58%, 57%)));background:-webkit-linear-gradient(bottom, hsl(189, 59%, 53%), hsl(189, 58%, 57%));background:-moz-linear-gradient(bottom, hsl(189, 59%, 53%), hsl(189, 58%, 57%));background:linear-gradient(to top, hsl(189, 59%, 53%), hsl(189, 58%, 57%));-webkit-box-shadow:0 8px #278596;box-shadow:0 8px #278596}.item.spock div{background-image:url("../images/icon-spock.svg")}.mode0 #board{-webkit-background-size:default default;background-size:default}.mode0 .select{background-image:url("../images/bg-triangle.svg")}.mode0 .select .item{width:min(25vw,15vh);height:min(25vw,15vh)}.mode0 .select .item div{width:min(25vw,15vh);height:min(25vw,15vh)}.mode0 .select .rock{left:0;right:0;margin-inline:auto;top:55%}.mode0 .select .paper{left:10%}.mode0 .select .scissors{right:10%}.mode0 .select .paper,.mode0 .select .scissors{top:10%}.mode1 .select{background-image:url("../images/bg-pentagon.svg")}.mode1 .select .item{width:min(20vw,12vh);height:min(20vw,12vh)}.mode1 .select .item div{width:min(20vw,12vh);height:min(20vw,12vh)}.mode1 .select .rock{right:15%}.mode1 .select .paper{right:5%}.mode1 .select .scissors{left:0;right:0;margin-inline:auto;top:5%}.mode1 .select .lizard{left:15%}.mode1 .select .spock{left:5%}.mode1 .select .rock,.mode1 .select .lizard{bottom:5%}.mode1 .select .spock,.mode1 .select .paper{top:30%}.hidden{display:none;visibility:hidden;height:0;width:0;font-size:0}