.header{display:flex;align-items:center;justify-content:center;width:100%}.header-logo{width:200px;object-fit:contain;-webkit-filter:drop-shadow(5px 5px 5px #222);filter:drop-shadow(5px 5px 5px #222)}.cards-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:90%;gap:1rem}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:250px;box-sizing:border-box;border-radius:.5rem;overflow:hidden;transition:transform .3s;cursor:pointer;transform:scale(.95)}.card:hover{box-shadow:0 0 10px 5px #fff}.card:active{transform:scale(.9);transition:transform .3s}.card{perspective:1000px}.card .card-inner{width:100%;height:100%;transition:transform .5s ease;transform-style:preserve-3d;background-color:#0000007f}.card .card-inner.flipped{transform:rotateY(180deg)}.card .card-inner.unflipped{transform:rotateY(-180deg)}.card-front,.card-back{box-sizing:border-box;width:100%;height:100%;position:absolute;backface-visibility:hidden}.card-front{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-back{background-image:url(/card/card-back.png);background-position:center;background-size:160%;background-repeat:no-repeat;transform:rotateY(180deg)}.character-portrait{width:100px;max-height:100%;object-fit:contain;transform:scale(1.5);transform-origin:top center;z-index:1}.character-name{width:150px;z-index:9}.none{display:none}.score-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh;font-size:1rem}.player-score{display:flex;gap:1rem;font-size:2em}.current-score{border:none;font-size:2em}.player-score,.current-score{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.game-container{position:relative;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.startup-menu{position:absolute;top:15%;display:flex;flex-direction:column;width:30%;height:300px;gap:2rem;align-items:center;justify-content:center;border:10px double black;border-radius:.5rem;background-color:#8b0000;z-index:99}.upper-message{font-size:3em}.rules-message{font-size:1.5em}.button-container{display:flex;gap:1rem;font-size:1rem}.button-container button{font-size:2em;padding:0 .5em;background-color:transparent;cursor:pointer;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.button-container button:hover{background-color:#0000001a}.button-container button:nth-child(3){border-left:solid 1px black;border-right:solid 1px black}.button-container span{font-size:2em}.loser-popup-menu{position:absolute;top:15%;display:flex;flex-direction:column;width:30%;min-height:60%;gap:1.5rem;align-items:center;justify-content:center;border:10px double black;border-radius:.5rem;background-color:#8b0000;z-index:99}.loser-message{font-size:2em}.loser-popup-menu img{width:150px}*{margin:0;padding:0;border:none;color:#fff}body,HTML{width:100%;height:100%}body{display:flex;flex-direction:column}#root{display:flex;flex-direction:column;width:100%;height:100vh;padding:0;margin:0;background-image:url(/background/guiltygear-ps1-ky-stage.gif);background-repeat:repeat;background-position:center;background-size:cover}