body,html{padding:0;margin:0;font-family:cuprum;background:#192847;background:linear-gradient(90deg,#192847,#1e3756 50%,#192847)}main{flex-direction:column;align-items:center;min-height:100vh}main,main header{display:flex;justify-content:space-between}main header{margin-top:50px;max-width:500px;width:80%;flex-direction:row;border:solid hsla(0,0%,100%,.4);border-radius:25px;padding:20px}main header .score{width:150px;height:115px;border-radius:5px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center}main header .score p{text-transform:uppercase;font-size:20px;color:#3a4d8f;margin:15px 0 0;padding:0;letter-spacing:2px;font-weight:bolder}main header .score h2{font-weight:bolder;font-size:50px;margin:5px 0 0;padding:0;color:#666;letter-spacing:4px}main section .pentagon{background-image:url(/_next/static/media/bg-pentagon.b082ff32.svg);width:350px;aspect-ratio:1;background-repeat:no-repeat;background-position:50%;position:relative;margin:60px 0}.chip{margin-top:50px;width:130px;height:130px;position:relative;z-index:5;box-shadow:inset 0 -5px 3px 1px rgba(0,0,0,.3);cursor:pointer}.chip,.chip:before{border-radius:50%;position:absolute}.chip:before{content:"";width:100px;height:100px;background-color:#fff;box-shadow:inset 0 5px 3px 1px rgba(0,0,0,.2)}.chip img,.chip:before{top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.chip img{position:relative;z-index:55}.pentagon .scissors{top:0;left:50%;transform:translateX(-50%) translateY(-50%)}.scissors{background:#eba91f;background:linear-gradient(180deg,#eba91f,#e4af40)}.pentagon .spock{top:10%;left:0;transform:translateX(-25%)}.spock{background:#3fb8cd;background:linear-gradient(180deg,#3fb8cd,#69c3d2)}.pentagon .paper{top:10%;right:0;transform:translateX(25%)}.paper{background:#5671f2;background:linear-gradient(180deg,#5671f2,#778ae6)}.pentagon .lizard{top:60%;left:0;transform:translateX(20%)}.lizard{background:#8a5ce3;background:linear-gradient(180deg,#8a5ce3,#a58ed0)}.pentagon .rock{top:60%;right:0;transform:translateX(-20%)}.rock{background:red;background:radial-gradient(circle,#d71919 0,#ff6363 100%)}main footer{width:100%;margin-bottom:25px;display:flex;justify-content:flex-end}main footer .rules{width:120px;color:#fff;border:2px solid hsla(0,0%,100%,.5);border-radius:10px;margin-right:50px;padding:10px;text-align:center;cursor:pointer}main footer .rules h4{margin:0;padding:0;font-size:20px;text-transform:uppercase;font-weight:100;letter-spacing:3px}.modal{position:fixed;width:100vw;height:100vh;background-color:#000;background-color:rgba(0,0,0,.3);z-index:500;top:0}.modal .modalBox{position:absolute;top:50%;left:50%;background-color:#fff;width:350px;height:450px;transform:translateX(-50%) translateY(-50%);display:flex;flex-direction:column;justify-content:space-between;border-radius:10px}.modal .modalBox .modalHead{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px}.modal .modalBox .modalHead .close{height:20px;width:20px;padding:0;margin:0;cursor:pointer}.modal .modalBox .modalBody{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.modal .modalBox .modalBody img{max-width:100%}.picked{flex-direction:row;height:350px;min-width:550px;margin:60px 0}.picked,.picked .house,.picked .you{display:flex;justify-content:space-between}.picked .house,.picked .you{flex-direction:column;align-items:center}.picked .chipwrap{width:260px;height:260px}.picked .chip{transform:scale(2) translateX(25%) translateY(25%);margin-top:0;cursor:default}.picked .chipholder{width:260px;height:260px;border-radius:50%;background-color:rgba(0,0,0,.2)}.picked h3{font-size:25px;color:#fff;text-shadow:0 0 3px #000;text-transform:uppercase;letter-spacing:2px}.picked .result{min-width:300px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.picked .result h2{color:#fff;font-size:35px;text-shadow:0 0 5px #000;text-transform:uppercase;letter-spacing:2px}.picked .result .again{width:220px;background-color:#fff;border-radius:10px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:uppercase;font-size:20px;box-shadow:0 0 4px 1px rgba(0,0,0,.5);cursor:pointer}.win{position:relative;box-shadow:0 0 30px 5px #fff}@media only screen and (max-width:435px){main section .pentagon{transform:scale(.7)}main footer{justify-content:center}}@media only screen and (max-width:825px){main footer{justify-content:center}main footer .rules{margin-right:0}}.modal .modalBoxPhone{position:absolute;top:0;background-color:#fff;width:100%;height:100%;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:center!important;border-radius:10px;text-align:center}.modal .modalBoxPhone h3{text-transform:uppercase;font-size:30px;color:#3a4d8f}.modal .modalBoxPhone .modalBody{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:60px 0}.modal .modalBoxPhone .close{margin-top:60px}.pickedPhone .chip{transform:none!important;position:relative!important}.pickedPhone{flex-direction:column;align-items:center;max-width:420px;min-width:unset;width:100vh}.pickedPhone .chipholder{width:130px;height:130px;border-radius:50%;background-color:rgba(0,0,0,.2)}.pickedPhone .chips{display:flex;flex-direction:row;justify-content:space-between;width:80%}