#ball{width:25px;height:25px;background:url(/assets/pearl-aV05HzR-.png) no-repeat center center;background-size:cover;border-radius:50%;border:1px solid white}#ball.hide{display:none}.shell{width:60px;height:60px;border-radius:50%;margin:0 10px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;transition:all .3s ease-in-out;will-change:transform,top,left;border:1px solid transparent;background:url(/assets/shell-CZVOax6X.png) no-repeat center center;background-size:cover}.shell.shuffling{border:1px solid white;border:1px solid transparent}.shell :not(.shuffling){transform:none;border:1px solid transparent}.shell-0{top:45vh;left:30vw}.shell-1{top:45vh;left:40vw}.shell-2{top:45vh;left:50vw}.shell-3{top:45vh;left:60vw}.shell-4{top:45vh;left:70vw}@media (max-width: 425px){.shell-0{left:10vw}.shell-1{left:27vw}.shell-2{left:44vw}.shell-3{left:61vw}.shell-4{left:78vw}}@media (max-width: 768px){select{height:1.5rem;font-size:1rem}}.game-container{text-align:center;font-family:Arial,sans-serif;margin-top:50px}.shells-container{display:flex;justify-content:center;margin-top:20px;min-height:150px}button:not(.shell){padding:10px 20px;background-color:#2ecc71;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer}button:not(.shell):disabled{background-color:#bdc3c7}h1{margin-bottom:20px}p{font-size:18px;margin-top:20px}.lose{color:red}#settings{background-color:#bdc3c7;color:#000;margin-top:1rem}.settings-container{display:flex;justify-content:center;align-items:center;margin-top:1rem;gap:1rem;text-align:center}.settings-container label{margin-right:1rem;margin-left:1rem}.settings-container button{background-color:#bdc3c7;color:#000;padding:5px 10px;font-size:12px}.wrong{filter:grayscale(100%);cursor:not-allowed;pointer-events:none}body{font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background-color:#1a1f24;color:#fcfdfe}
