@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Barlow Semi Condensed,sans-serif}body{min-height:100vh!important;background:linear-gradient(hsl(214,47%,23%),hsl(237,49%,15%))!important}#root{min-height:100vh!important;display:flex!important;position:relative!important;flex-direction:column!important;justify-content:start!important}main{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.header{z-index:1;margin-block:5vh;margin-bottom:10vh;display:flex;align-items:center;justify-content:space-between;width:40.625rem;height:7.5rem;border:.188rem solid hsl(217,16%,45%);border-radius:1.25rem;padding-inline:1.25rem;color:#fff;text-transform:uppercase;line-height:1.6em!important}.title{font-size:2rem}.score-wrapper{background-color:#fff;height:80%;padding:.625rem 1.875rem;border-radius:.625rem;color:#000;display:flex;flex-direction:column;align-items:center;gap:.625rem}.score-text{color:#2a46c0;letter-spacing:.2em;font-size:1rem}.score-value{color:#3b4363;font-size:4rem!important}.start-screen{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5rem;row-gap:1.875rem;width:31.25rem;background:url(/images/bg-triangle.svg) no-repeat;background-position:50% 50%;background-size:50% 60%}.move-container{height:9.375rem;width:9.375rem;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:1.25rem;transition:all .3s}.move-container:hover{cursor:pointer}.move-container.paper{background:linear-gradient(hsl(230,89%,62%),hsl(230,89%,65%));box-shadow:0 .313rem #2b44c2}.move-container.scissors{background:linear-gradient(hsl(39,89%,49%),hsl(40,84%,53%));box-shadow:0 .313rem #c86b1d}.move-container.rock{background:linear-gradient(hsl(349,71%,52%),hsl(349,70%,56%));box-shadow:0 .313rem #9e1936}.move-wrapper{height:100%;width:100%;border-radius:50%;box-shadow:0 -.313rem #babfd5;background-color:#fff;display:flex;align-items:center;justify-content:center}.game-screen{display:flex;color:#fff;width:43.75rem;align-items:start;justify-content:center;gap:3vw}.pick-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.pick-wrapper .move-container{height:12.5rem;width:12.5rem;transition:all .3s}.pick-text{text-transform:uppercase;font-weight:600;font-size:1.5rem;z-index:1}.move-container.winner{box-shadow:0 0 0 3.125rem #2b385898,0 0 0 6.25rem #2736559d,0 0 0 9.375rem #22335194}.house-pick-waiter{margin-top:1.563rem;height:9.375rem;width:9.375rem;border-radius:50%;background:hsl(214,47%,23%);display:flex;align-items:center;justify-content:center}.game-result{align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;transition:all .3s;transform:scaleX(0)}.game-result.finished{transform:scaleX(1)}.game-result-text{opacity:0;transition:all .3s}.game-result.finished .game-result-text{text-transform:uppercase;font-weight:600;font-size:2.8rem;opacity:1}.game-screen.finished .move-container:hover{cursor:default}.restart-button{padding-block:.625rem;padding-inline:1.875rem;opacity:0;transform:scale(0);transition:.3s}.game-result.finished .restart-button{transform:scale(1);width:100%;padding-block:.625rem;padding-inline:1.875rem;text-transform:uppercase;letter-spacing:.2em;border:none;border-radius:.313rem;background:white;color:#3b4363;opacity:1}.restart-button:hover{cursor:pointer;color:red}.rules-btn{position:absolute;bottom:10vh;right:10vw;padding:.625rem 1.875rem;background:transparent;border:.125rem solid hsl(217,16%,45%);color:#fff;border-radius:.313rem;text-transform:uppercase}.rules-btn:hover{cursor:pointer}.rules-modal{z-index:2;position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#1f375680;display:flex;align-items:center;justify-content:center}.rules-modal-wrapper{padding:1.25rem;background-color:#fff;border-radius:.625rem;display:grid;align-items:center;gap:3vh}.rules-modal-title{grid-column:1;grid-row:1;font-size:1.5rem;text-transform:uppercase;font-weight:600;color:#3b4363}.close-icon{grid-column:2;grid-row:1;justify-self:end}.rules-img{grid-column:1 / span 2;grid-row:2}.close-icon:hover{cursor:pointer}.attribution{color:#fff;position:absolute;bottom:10vh}.attribution a{color:#fff;text-decoration:underline}.attribution a:hover{cursor:pointer;color:#ec9e0e}@keyframes appearing{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media screen and (max-width: 47rem){main{padding:1.25rem}.header{min-width:100%;width:100%;margin-top:1vh;margin-bottom:5vh}.score-value{font-size:3rem}.start-screen{width:100%}.move-container{width:7.5rem;height:7.5rem;padding:.938rem;z-index:1}.game-screen{display:grid;width:100%;grid-template-columns:1fr 1fr;row-gap:5vh}.game-screen .move-container{width:7.5rem;height:7.5rem;padding:.938rem}.house-pick-waiter{margin-block:.625rem;align-self:center;height:6.25rem;width:6.25rem;border-radius:50%;background:hsl(214,47%,23%)}.pick-wrapper{display:grid;justify-items:center;grid-template-columns:1fr}.player-pick{grid-column:1;grid-row:1}.house-pick{grid-column:2;grid-row:1}.pick-text{font-size:1rem;grid-row:2}.game-result{grid-column:1/ span 2;grid-row:2}.move-container.winner{z-index:0;box-shadow:0 0 0 1.25rem #2b385898,0 0 0 2.5rem #2736559d,0 0 0 3.75rem #22335194}.attribution{color:#fff;position:absolute;bottom:2vh}.rules-btn{right:50%;transform:translate(50%)}.rules-modal-wrapper{width:100vw;height:100vh;border-radius:0;grid-template-columns:1fr;grid-template-rows:repeat(3,auto);justify-items:center}.rules-modal-title{grid-column:1;grid-row:1}.rules-img{grid-column:1;grid-row:2}.close-icon{grid-column:1;grid-row:3;justify-self:center}.game-result.finished .restart-button{width:70%}}