#root{min-width:100%;text-align:center;min-height:var(--app-height);display:flex;flex-direction:column;justify-content:space-between}.sticky{position:-webkit-sticky;position:sticky;top:0}.App{padding-bottom:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;max-width:1000px;margin:0 auto}.game{display:grid;justify-content:center;grid-template-columns:repeat(5,96px);grid-template-rows:120px;grid-auto-rows:120px;gap:50px;min-height:60vh}.scoreboard{padding:20px 0;display:grid;grid-template-columns:1fr 1fr;position:sticky;background-color:#242424;width:100%;z-index:10}.card{position:relative}.card-image{width:96px;height:96px}.shiny{width:200px;height:200px;position:absolute;top:-55px;left:-50px;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 500px){.game{grid-template-columns:repeat(2,96px)}}.game.loading{grid-template-columns:1fr;grid-template-rows:1fr;justify-content:center;align-items:center}@media (prefers-color-scheme: light){.scoreboard{background-color:#fff}}.lds-grid{display:inline-block;position:relative;width:80px;height:80px}.lds-grid div{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;animation:lds-grid 1.2s linear infinite}.lds-grid div:nth-child(1){top:8px;left:8px;animation-delay:0s}.lds-grid div:nth-child(2){top:8px;left:32px;animation-delay:-.4s}.lds-grid div:nth-child(3){top:8px;left:56px;animation-delay:-.8s}.lds-grid div:nth-child(4){top:32px;left:8px;animation-delay:-.4s}.lds-grid div:nth-child(5){top:32px;left:32px;animation-delay:-.8s}.lds-grid div:nth-child(6){top:32px;left:56px;animation-delay:-1.2s}.lds-grid div:nth-child(7){top:56px;left:8px;animation-delay:-.8s}.lds-grid div:nth-child(8){top:56px;left:32px;animation-delay:-1.2s}.lds-grid div:nth-child(9){top:56px;left:56px;animation-delay:-1.6s}@keyframes lds-grid{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-color-scheme: light){.lds-grid div{background:black}}:root{--footer-size: 40px}footer{flex-shrink:0;height:var(--footer-size);width:100%;background-color:#2d2d2d;color:#fff;display:flex;justify-content:center;align-items:center;gap:10px}footer a{display:inline-block;color:#b8b8b8;text-decoration:none}footer a:hover{color:#fff}footer img{height:20px}header h1{font-weight:100;margin:20px}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:var(--app-height)}h1{font-size:3.2em;line-height:1.1}button{background-color:transparent;border:none}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}