:root{--cyan: #1ee5d5}body{background-color:#000;font-family:Arial,sans-serif;margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh}h1{color:#fff;font-size:2rem;margin-bottom:10px}@media (max-width: 768px){h1{font-size:1.5rem}}@media (max-width: 480px){h1{font-size:1.2rem}}.card{border:1px solid black;padding:1rem;display:flex;justify-content:center;align-items:center;width:100px;height:100px;border-radius:10%;background-color:var(--cyan);transition:width .3s ease,height .3s ease}@media (max-width: 768px){.card{width:70px;height:70px}}@media (max-width: 480px){.card{width:60px;height:60px}}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:500px;margin:auto;justify-content:center}.grid-wrapper{text-align:center}.turn-highlight{color:#fff;margin-bottom:20px}.reset{background-color:var(--cyan);color:#000;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.reset:hover{background-color:#fff;color:var(--cyan)}@media (max-width: 768px){.grid{max-width:300px}}@media (max-width: 480px){.grid{max-width:250px}}