html,body,#root{margin:0;padding:0}@media (prefers-color-scheme:dark){body{color:#fff;background:#121212}}@media (prefers-color-scheme:light){body{color:#000;background:#fff}}.card{box-sizing:border-box;border-radius:8px;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%}.card-back{background-color:gray!important}.red{background-color:red}.orange{background-color:orange}.yellow{background-color:#ff0}.green{background-color:green}.blue{background-color:#00f}.purple{background-color:purple}.memory-board{box-sizing:border-box;flex-grow:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;width:100%;min-width:0;max-width:100%;min-height:0;display:grid}.container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;min-width:0;max-width:100%;height:100dvh;min-height:fit-content;padding:1rem;display:flex}.actions{justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:fit-content;display:flex}.new-game-button{color:#000;cursor:pointer;background:linear-gradient(90deg,red,orange,#ff0,#59ee59,#57c4e8,#b93ab9);border:none;border-radius:5px;padding:10px 20px;font-size:1.15rem;font-weight:700}.overlay{background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.overlay-content{text-align:center;color:#fff;padding:1rem}@media (orientation:portrait){.memory-board{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.overlay-content{font-size:1.5rem}.overlay-content h1{font-size:2rem}}