#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.grid-item{transition:transform .6s;transform-style:preserve-3d;box-shadow:1px 1px 10px #0000001a}.grid-item img{width:100%;height:100%;object-fit:cover;border-radius:20px}.grid-item,.grid-item .front,.grid-item .back{width:130px;height:130px;border-radius:20px}.grid-item .front,.grid-item .back{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}.grid-item .front{background-color:#add8e6;cursor:pointer;border-radius:20px}.grid-item.reveal{transform:rotateY(180deg);pointer-events:none}.grid-item .back{transform:rotateY(180deg)}.grid-item.opened{cursor:not-allowed;pointer-events:none}header{display:flex;justify-content:space-between;align-items:center}header button{background-color:#f08080;padding:5px 10px;color:#fff}.tries{display:flex;justify-content:space-between;font-size:1.5em;font-weight:700}@media only screen and (max-width: 780px){.grid-item{width:100px;height:100px;border-radius:8px}.grid-item .front,.grid-item .back,.grid-item img{width:100%;height:100%;border-radius:8px}}@media only screen and (max-width: 480px){.grid-item{width:70px;height:70px}.grid-container{gap:8px}header{display:block;padding-bottom:20px}h2{font-weight:700}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;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;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{background-color:#f08080}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}