html,body{box-sizing:border-box;background:linear-gradient(45deg,#22b7dd 0%,#49abe0 29%,#8399e3 72%,#a98ee6 100%);width:100%;height:100%;margin:0;padding:0;font-family:sans-serif}section{height:100%}button:focus-visible{outline-offset:4px;outline:3px solid #e0e0e0}.intro,.game{color:#e0e0e0;flex-direction:column;justify-content:space-around;align-items:center;height:100%;transition:opacity .5s;display:flex}.intro{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;margin-top:2rem;display:flex;position:relative}.intro .intro-hands{width:80%;max-width:300px}.intro button{color:#e0e0e0;cursor:pointer;background:0 0;border:5px solid #e0e0e0;border-radius:10px;width:120px;height:50px;margin-top:1rem;font-size:20px}.hands,.options{justify-content:center;align-items:center;display:flex}.hands .player-hand,.hands .computer-hand,.options .player-hand,.options .computer-hand{width:43%}.hands .computer-hand,.options .computer-hand{margin-left:15px}.hands .player-hand,.options .player-hand{margin-right:15px;transform:rotateY(180deg)}.match button{cursor:pointer;border:5px solid #687ab5;border-radius:50%;width:5rem;height:5rem;margin:30px 5px}.match button:hover{border:5px solid #4e5b88}.match button img{width:100%;transform:rotate(190deg)}.footer{color:#e0e0e0;text-align:center;z-index:100;width:100%;font-size:.9rem;position:fixed;bottom:10px}.footer a{color:#e0e0e0;text-decoration:none}.footer a:hover{text-decoration:underline}.fadeOut{display:none}.fadeIn{display:flex}.score{color:#e0e0e0;justify-content:space-evenly;align-items:center;width:100%;margin:.5rem auto;padding:.5rem 0;display:flex}.score .wrapper-player-score,.score .wrapper-computer-score{flex-direction:column;align-items:center;gap:.25rem;display:flex;position:relative}.score .wrapper-player-score .player-score,.score .wrapper-player-score .computer-score,.score .wrapper-computer-score .player-score,.score .wrapper-computer-score .computer-score{border:5px solid #4e5b88;border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;padding:12px;display:flex}.score .wrapper-player-score .player-score img,.score .wrapper-player-score .computer-score img,.score .wrapper-computer-score .player-score img,.score .wrapper-computer-score .computer-score img{object-fit:contain;height:100%}.score .wrapper-player-score .score-text,.score .wrapper-player-score .result-icon,.score .wrapper-computer-score .score-text,.score .wrapper-computer-score .result-icon{color:#e0e0e0;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;font-size:1.5rem;display:none;position:absolute;bottom:-30px}.score .wrapper-player-score .score-text.fadeIn,.score .wrapper-player-score .result-icon.fadeIn,.score .wrapper-computer-score .score-text.fadeIn,.score .wrapper-computer-score .result-icon.fadeIn{display:flex}.score .wrapper-player-score .score-text.fadeOut,.score .wrapper-player-score .result-icon.fadeOut,.score .wrapper-computer-score .score-text.fadeOut,.score .wrapper-computer-score .result-icon.fadeOut{display:none}.score .wrapper-player-score .score-text,.score .wrapper-computer-score .score-text{background:#4e5b88}.score .wrapper-player-score .result-icon,.score .wrapper-computer-score .result-icon{font-weight:700}.score .wrapper-player-score .result-icon.win,.score .wrapper-computer-score .result-icon.win{background:#3f7f00}.score .wrapper-player-score .result-icon.lose,.score .wrapper-computer-score .result-icon.lose{background:#7f0000}.score .wrapper-player-score .result-icon.tie,.score .wrapper-computer-score .result-icon.tie{background:#005d67}.wrapper-player-score .score-text,.wrapper-player-score .result-icon{right:0}.wrapper-computer-score .score-text,.wrapper-computer-score .result-icon{left:0}@keyframes shakeComputer{0%,25%,50%,75%,to{transform:translateY(0)}15%,35%,65%,85%{transform:translateY(-50px)}}@keyframes shakePlayer{0%,25%,50%,75%,to{transform:rotateY(180deg)translateY(0)}15%,35%,65%,85%{transform:rotateY(180deg)translateY(-50px)}}@media (width>=768px){.intro{flex-direction:row;gap:0;margin-top:0}.intro .intro-hands{max-width:500px}.intro button{width:120px;height:60px;position:absolute;top:40%;left:50%;transform:translate(-35%)}.score{width:80%}.score .wrapper-player-score .player-score,.score .wrapper-player-score .computer-score,.score .wrapper-computer-score .player-score,.score .wrapper-computer-score .computer-score{width:6.25rem;height:6.25rem}.score .wrapper-player-score .player-score img,.score .wrapper-player-score .computer-score img,.score .wrapper-computer-score .player-score img,.score .wrapper-computer-score .computer-score img{height:100%}.score .wrapper-player-score .score-text,.score .wrapper-player-score .result-icon,.score .wrapper-computer-score .score-text,.score .wrapper-computer-score .result-icon{width:30px;height:30px;font-size:2.1875rem;bottom:-40px}.match button{width:100px;height:100px;margin:50px 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}