body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{touch-action:manipulation}.anime{height:100%;width:100%;opacity:0}#disconnected{position:fixed;z-index:1;width:75%;overflow:hidden;background-color:rgba(0,0,0,.8);border:1px solid #bbb;text-transform:uppercase}button.action{background:rgba(0,0,0,.2);border:1px solid #bbb;color:#fff;font-size:1em;padding:.35em 1.25em}button.action:hover{background:hsla(0,0%,66.7%,.2);border:1px solid #fff;cursor:pointer}button.action:disabled{background:hsla(0,0%,66.7%,.47);border:1px solid #bbb;color:#ddd;cursor:auto}#credits{color:#aaa}#credits h3{text-transform:uppercase;color:#fff}#credits a{color:#fff;text-decoration:none}#credits a:hover{color:#fff;text-decoration:underline}#credits ul{text-align:left;display:inline-block;background:rgba(0,0,0,.2);border:1px solid #bbb;margin:1em auto;padding:2em}#credits ul li{padding:.25em;list-style-type:none}#credits ul li a{margin-right:.5em}.selected-card.disabled{opacity:.5}.cards button{background:none;border:none}.cards button:disabled{opacity:.25}.cards button:active,.cards button:focus{outline:0;outline-style:none;outline-width:0}.cards button::-moz-focus-inner{border:none}.game-timer{font-size:2em;font-weight:700}.score-container{height:50%;width:auto;border:1px solid #bbb;background:rgba(0,0,0,.2);padding:.25em;margin-bottom:1px}.score-name{float:left;color:#777;font-size:1em;font-weight:700}.score{height:100%;width:0;background-color:#fff}.card img,.selected-card img{width:100%;height:100%;object-fit:contain;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.top-section{height:10%}.game-section{position:relative;height:50%}.opponent-game-section,.player-game-section{position:relative;display:inline-block;height:100%;width:50%}.player-section{height:30%;padding:0 10px}.bottom-section{height:10%}.middle{position:relative;top:50%;transform:translateY(-50%)}#play-timer{height:100%;width:100%}.cards{width:98%;height:100%}.card{width:100%;height:90%;cursor:pointer}.card img{border:1px solid #fff}.selected-card{position:absolute;top:0;padding:5px;background-color:rgba(0,0,0,.6);border:1px solid #bbb}.character.fade{opacity:.25}.character,.character img{height:100%;width:100%}.character img{object-fit:contain;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.opponent-game-section .character img{transform:rotateY(180deg)}.player-game-section .character{position:absolute;left:0;bottom:0;height:80%}.opponent-game-section .character{position:absolute;top:15%;right:10%;width:50%;height:55%}.player-game-section .selected-card{position:absolute;right:2%;width:50%;height:50%}.opponent-game-section .selected-card{position:absolute;left:2%;width:50%;height:50%}.card-one{display:inline-block;width:33%;height:100%;padding:2px}.card-one:hover .card img{background:hsla(0,0%,66.7%,.47)}.scoreboard{height:100%}.opponent-score,.player-score{display:inline-block;height:100%;width:40%}.timer{display:inline-block;height:100%;width:5%;margin:auto 5%;vertical-align:top}.finish-message{font-size:2em;font-weight:700}.finish-message,.play-again{text-transform:uppercase;margin-bottom:.5em}img.ready{height:3em;width:auto;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.feedback{height:calc(100% - 2px);border:1px solid hsla(0,0%,100%,.67);border-radius:5px;background:rgba(0,0,0,.47)}.section{vertical-align:top;display:inline-block;height:100%;width:50%}.dialog{align:left;text-align:left;text-transform:uppercase;padding:.5em;font-size:calc(2vw + 2vh)}.dialog span{opacity:0}.screen{width:100%;height:100vh}#banner{font-weight:700;height:10em}#janken{line-height:0;opacity:0}#tournament{display:inline-block;border-top:1px solid #fff;line-height:.9em;font-size:255%;opacity:0}#main-menu{opacity:0}#main-menu>button{width:50%;clear:both;margin:2px}.theme{height:100%;width:100%;display:flex;flex-direction:column;align-items:center}.theme.theme1{background:#60776c url(/janken/static/media/battleback1.7ec29e36.jpg) no-repeat 50%;background-size:cover}.theme.theme2{background:#a7afb6 url(/janken/static/media/battleback2.d336e5d9.jpg) no-repeat 50%;background-size:cover}.theme.theme3{background:#ce9f62 url(/janken/static/media/battleback3.4dfd6a78.jpg) no-repeat 50%;background-size:cover}.theme.theme4{background:#c5925c url(/janken/static/media/battleback4.cb21af71.jpg) no-repeat 50%;background-size:cover}.theme.theme5{background:#72524d url(/janken/static/media/battleback5.f5e97951.jpg) no-repeat 50%;background-size:cover}.theme.theme6{background:#a87b50 url(/janken/static/media/battleback6.9a218e9a.jpg) no-repeat 50%;background-size:cover}.theme.theme7{background:#a75d53 url(/janken/static/media/battleback7.649c2b94.jpg) no-repeat 50%;background-size:cover}.theme.theme8{background:#546362 url(/janken/static/media/battleback8.da5ea34c.jpg) no-repeat 50%;background-size:cover}.theme.theme9{background:#8c6855 url(/janken/static/media/battleback9.1d571d85.jpg) no-repeat 50%;background-size:cover}.theme.theme10{background:#698c7a url(/janken/static/media/battleback10.b570c6c9.jpg) no-repeat 50%;background-size:cover}#version{font-size:.75em;color:hsla(0,0%,100%,.25);position:absolute;bottom:10px;right:25px}.debug{text-align:left;background:#fff;font-size:.7em}.App{position:relative;text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(6px + 2vmin);color:#fff;background:#282c34 url(/janken/static/media/battleback5.f5e97951.jpg) no-repeat 50% fixed;background-size:cover}
/*# sourceMappingURL=main.d4f153cf.chunk.css.map */