:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;align-items:center}h1{font-size:2.5em;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{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;text-align:center;padding-top:1rem;padding-bottom:3rem}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:1.5rem;width:700px}.title{margin-bottom:5rem}.description{margin-bottom:1.5rem}.game-container{display:flex;flex-direction:column;align-items:center}.mistakes-remaining{display:flex;align-items:center;justify-content:center;font-weight:500;font-family:inherit;gap:.5rem;margin-bottom:1rem}.gray-circle{height:15px;width:15px;background-color:gray;border-radius:50%}.buttons{display:flex;gap:1rem}.buttons button{border-radius:32px;border:1px solid;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit}.buttons button:hover{border-color:#646cff}@media(max-width:700px){.grid-container{width:95vw}.buttons button{font-size:.9rem}}.tile{width:100%;height:100px;background-color:#d0d0d1;border-radius:10px;border:black solid 1px;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;transition:background-color .2s ease,transform .15s ease}.tile.selected{background-color:#81dffe;transform:scale(.95)}.tile:hover{cursor:pointer}.tile.disabled:hover{cursor:default}.swimmer-name{font-size:.9rem;font-weight:500;font-family:inherit;color:#000;padding:2px}.swimmer-img{width:40%}@media(max-width:700px){.swimmer-name{font-size:.7rem}.swimmer-img{width:50%}}.shake{animation:shake .7s ease-in-out}@keyframes shake{0%{translate:0 0}15%{translate:8px 0}30%{translate:-8px 0}45%{translate:6px 0}60%{translate:-6px 0}75%{translate:3px 0}90%{translate:-3px 0}95%{translate:1px 0}to{translate:0 0}}.correct-group{display:flex;align-items:center;justify-content:center;width:100%;height:100px;border-radius:10px;grid-column:span 4}.group-text{display:flex;flex-direction:column;align-items:center}.group-swimmers{font-size:.8rem;font-family:inherit;font-weight:400;color:#323232;padding:0 10px}.group-title{padding:0 10px;font-size:1.2rem;font-weight:500;font-family:inherit;color:#000}@media(max-width:700px){.group-title{font-size:1.1rem}.group-swimmers{font-size:.7rem}}.game-over-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:70vh;width:30vw;background-color:#000;border-color:#fff;border:2px solid;border-radius:50px;z-index:-1;transition:all .8s ease;opacity:0}.game-over-container.show{opacity:100%;z-index:1000}.game-over-container>span{padding:10px}.view-board-button{width:40%}@media(max-width:700px){.game-over-container{width:75vw}}.text-box{display:flex;align-items:center;background-color:#172a3a;position:absolute;height:3rem;top:25%;opacity:0;z-index:100;transition:all .5s ease;border-radius:10px;transform:translateY(-10px)}.text-box.show{transform:translateY(0);opacity:1}.message-text{padding:10px;color:#fff;text-align:center}.more-games-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.games-container{margin-top:3rem;display:flex;align-items:center;justify-content:center}.game-rec{display:flex;flex-direction:column;justify-content:center;align-items:center;width:350px;gap:1rem;background-color:#1b1b1b;padding:5px 20px 20px;border-radius:20px;transition:.2s all}.game-rec:hover{transform:scale(1.05);cursor:pointer}.game-img{width:100%;border-radius:20px}@media(max-width:700px){.games-container{width:80vw}}