@import "https://fonts.googleapis.com/css2?family=Electrolize&family=Saira+Stencil:ital,wght@0,100..900;1,100..900&family=Trispace:wdth,wght@112.5,100..800&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Electrolize,sans-serif}body{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E8EB36", endColorstr="#A3FD2D", GradientType=0);background:linear-gradient(50deg,#e8eb36 0%,#a3fd2de0 100%)}header{padding:2%}header h1{font-family:Trispace,sans-serif}@media (width<=800px){header h1{text-align:center;font-size:1.5rem}}@media (width<=500px){header h1{font-size:1rem}}.game,.game-score{flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.scoreboards{gap:50px;display:flex}.tip{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFC340", endColorstr="#F5AD14", GradientType=0);text-align:center;background:linear-gradient(31deg,#ffc340 0%,#ffd375bf 50%,#f5ad14 100%);border:3px dashed gray;border-radius:10px;width:55vw;padding:2.5% .8%;font-family:Saira Stencil,sans-serif;font-size:1.75rem;font-weight:700}.scoreboard{text-align:center;background-color:gray;border:2px dashed #000;border-radius:10px;justify-content:center;gap:12px;width:20vw;padding:20px;font-size:1.1rem;font-weight:700;display:flex}.scoreboard:first-child{background:linear-gradient(31deg,#42a312 0%,#69a312bf 50%,#14a312 100%)}.scoreboard:last-child{background:linear-gradient(31deg,#057ded 0%,#05deedbf 50%,#058ced 100%)}@media (width<=800px){.tip{width:80vw;font-size:1.25rem}.scoreboards{gap:15px}.scoreboard{width:40vw;font-size:1rem}}@media (width<=500px){.tip{width:95vw;font-size:1rem}.scoreboard{flex-direction:column;width:42vw;font-size:.9rem}}.game-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px;width:88vw;padding-bottom:50px;display:grid}.card{text-align:center;border:2px dashed #333;border-radius:10px;flex-flow:column wrap;justify-content:center;align-items:center;gap:20px;padding:12px;display:flex}.card img{object-fit:cover;border-radius:10px;width:100%;max-width:250px;max-height:300px}.card-name{font-size:1.1rem;font-weight:700}.card:hover{cursor:pointer;transition:transform .3s;transform:scale(1.05)}.card:active{transition:transform .1s;transform:scale(.95)}.card.disabled{pointer-events:none;opacity:.65}.game-over-dialog{z-index:10;background:0 0;border:none;width:35vw;margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.game-over-dialog div{text-align:center;background-color:#fff;border:3px dashed #333;border-radius:10px;padding:30px 60px;box-shadow:0 4px 8px #0003}.game-over-dialog h2{color:#c22e28;margin-top:0;font-size:2.5rem}.game-over-dialog p{margin-bottom:20px;font-size:1.5rem;font-weight:700}.game-over-dialog button{cursor:pointer;color:#fff;background:linear-gradient(31deg,#42a312 0%,#69a312bf 50%,#14a312 100%);border:2px dashed #000;border-radius:5px;padding:10px 20px;font-size:1.2rem;font-weight:700}.game-over-dialog button:hover{filter:brightness(1.1)}@media (width<=800px){.game-over-dialog{width:80vw}.game-over-dialog div{padding:20px 40px}.game-over-dialog h2{font-size:1.75rem}.game-over-dialog p{font-size:1.25rem}.game-over-dialog button{padding:8px 16px;font-size:1rem}}@media (width<=500px){.game-cards{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}.card-name{font-size:.9rem}.card img{max-width:175px}}@media (width<=380px){.game-cards{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.card img{max-width:120px}}.app{flex-direction:column;justify-content:center;align-items:center;display:flex}