body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:12px}body{background:linear-gradient(180deg,#f1f5f9,#e2e8f0);margin:0}.App{max-height:667px;min-height:100vh;text-align:center}.App,.content{display:flex;flex-direction:column}.content{box-sizing:border-box;gap:.5rem;height:100%;justify-content:space-between;padding:.5rem 0}.App-header{color:#1f2937;font-size:1.6rem;font-weight:700;letter-spacing:.02em;margin:0 auto}#title:after{background-color:#3b82f6;border-radius:2px;content:"";display:block;height:2px;margin:.25rem auto 0;width:3rem}.text-to-play{color:#475569;font-size:.95rem;font-weight:500;margin:.25rem 0 .75rem}.buttons-box{gap:.5rem}.button,.buttons-box{display:flex;justify-content:center}.button{align-items:center;background-color:#f8fafc;border:none;border-radius:.5rem;box-shadow:0 3px 6px #00000026;cursor:pointer;padding:.5rem;transition:all .15s ease}.button:hover{background-color:#eef2ff;box-shadow:0 6px 12px #0003;transform:translateY(-2px)}.icon{height:3rem;width:3rem}@media (min-width:400px){html{font-size:13px}.App-header{font-size:1.6rem}.text-to-play{font-size:1rem}.icon{height:3rem;width:3rem}}@media (min-width:550px){html{font-size:14px}.App-header{font-size:1.8rem}.text-to-play{font-size:1.1rem}.buttons-box{gap:.75rem}.icon{height:3.25rem;width:3.25rem}}.app-footer{align-items:center;background-color:#1f2937;color:#fff;display:flex;font-size:.9rem;justify-content:center;margin-top:auto;padding:1rem 0;text-align:center;width:100%}.app-footer a{color:inherit;text-decoration:underline}.app-footer a:hover{color:#cef}@media (max-width:550px){.app-footer{font-size:.8rem;padding:.5rem 0}}#board{box-sizing:border-box;flex:1 1;flex-direction:column;gap:1rem;justify-content:space-between;width:100%}#board,.screen{align-items:center;display:flex}.screen{background-color:#dbeafe;border-radius:.5rem;box-shadow:0 6px 12px #00000026;flex-direction:column;height:22vh;max-width:16rem;min-width:12rem;padding-bottom:.25rem;width:80vw}#computer-title,#human-title,#score-title{background-color:#1f2937;border-radius:.5rem .5rem 0 0;color:#f8fafc;font-size:.9rem;font-weight:600;padding:.25rem 0;text-align:center;width:100%}.play{align-items:center;display:flex;flex:1 1;justify-content:center}#icon-computer-play,#icon-human-play{height:auto;width:5rem}#icon-human-play{transform:scaleX(-1) rotate(-90deg)}#icon-computer-play{transform:rotate(-90deg)}.result{align-items:center;display:flex;font-size:1.8rem;font-weight:600;height:2.5rem;justify-content:center;margin-bottom:2vh}.result.win{color:#15803d;text-shadow:1px 1px 2px #0003}.result.tie{color:#d97706;text-shadow:1px 1px 2px #00000040}.result.loss{color:#b91c1c;text-shadow:1px 1px 2px #0003}#score-display{background-color:#cbd5e1;border-radius:.5rem;box-shadow:0 6px 12px #00000026;flex-direction:column;height:15vh;max-width:16rem;min-width:12rem;width:80vw}#score-display,#score-values{align-items:center;display:flex}#score-values{flex:1 1;justify-content:space-around;margin-bottom:3vh;width:100%}.score-item{align-items:center;display:flex;flex-direction:column}.score-text{font-size:.9rem;font-weight:600;margin-bottom:.25rem}output{align-items:center;background-color:#f8fafc;border-radius:.5rem;box-shadow:inset 0 1px 2px #0000001a;display:flex;font-size:1.75rem;font-weight:600;height:3.5rem;justify-content:center;width:3.5rem}@media (min-width:400px){.screen{height:22vh;max-width:16rem}#score-display{height:15vh;max-width:16rem}#score-values{margin-bottom:3vh}#icon-computer-play,#icon-human-play{width:5rem}.result{font-size:2rem}output{font-size:1.75rem;height:3.5rem;width:3.5rem}}@media (min-width:550px){#board{flex-direction:row;gap:1rem;justify-content:center;margin-top:4vh;padding:0 1.5rem}#score-display,.screen{height:28vh;max-width:18rem}#icon-computer-play,#icon-human-play{width:6rem}.result{font-size:3rem;margin-bottom:3vh}output{font-size:2rem;height:4rem;width:4rem}}
/*# sourceMappingURL=main.fa7b9e3a.css.map*/