#root{max-width:1920px;margin:0 auto;text-align:center}.container{height:100vh;background-size:contain;background-repeat:no-repeat;background-position:center}.card-area{display:none;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(210px,100%/6)),1fr));justify-items:center;justify-content:center;margin:2rem auto;max-width:80%}@media only screen and (min-width: 1313px) and (max-width: 1574px){.card-area{grid-template-columns:repeat(4,1fr)}}header{display:flex;justify-content:space-between;max-width:1280px;margin:0 auto;padding:2em}.logo img{max-width:300px}.scoreboard{display:flex;flex-direction:column;justify-content:center;color:var(--color-3);background-color:var(--color-1);border:2px solid var(--color-3);border-radius:7px;min-width:25%;padding:0 1.5rem;text-align:start}.scoreboard p{margin:3%;padding:0;font-size:1.5rem}.score{display:flex;justify-content:space-between}@media only screen and (max-width: 649px){header{flex-direction:column;align-items:center}}.card{background-color:var(--color-2);width:200px;height:250px;border-radius:8px;border:2px solid var(--color-3);margin:1rem 0;position:relative}.card:hover{box-shadow:0 0 25px #fff;transform:scale(1.05)}.card-text{display:flex;justify-content:center;align-items:center;background-color:var(--color-3);color:#fff;font-size:1.2rem;width:100%;height:20%;border-bottom-left-radius:4px;border-bottom-right-radius:4px;position:absolute;bottom:0}.card-image{position:relative;overflow:hidden}.character-image{max-width:180px;height:200px}.character-name{margin:0}.modal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:98%;height:70%;position:absolute;top:25%;left:1%;z-index:99;background-color:var(--color-3);color:#fff;border:2px solid var(--color-2);border-radius:8px}.modal-main{font-size:1.5rem;line-height:4rem;max-width:70%;padding:2rem;border:2px solid var(--color-4);border-radius:8px;box-shadow:0 0 10px 3px var(--color-1)}#modal-button{margin:1rem;width:80px;height:35px;border-radius:8px;border:1pt solid var(--color-1);background-color:var(--color-2);color:var(--color-3);font-size:1.2rem;font-family:Goldman}#modal-button:hover{transform:scale(1.05);box-shadow:0 0 8px 2px var(--color-1);color:#fff}#modal-button:active{transform:scale(1)}@media only screen and (max-width: 842px){.modal{height:100%;top:0}.modal-main{max-width:80%;font-size:1.2rem;line-height:2rem}}@font-face{font-family:Goldman;src:url(/assets/Goldman-Regular-541fa4c4.ttf)}:root{font-family:Goldman,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--color-1: #d6c9b6;--color-2: #ccb37d;--color-3: #425772;--color-4: #b9212e;color-scheme:light dark;color:#ffffffde;background-color:#b9212ed8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;height:100%}