.ConnectFour_container__6Rc16{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;margin-top:80px}.ConnectFour_board__d35yd{display:grid;grid-template-columns:repeat(7,80px);grid-template-rows:repeat(6,80px);gap:5px;margin-bottom:20px;background-color:#0550ff;padding:10px;border-radius:8px;border:5px solid #0603c0}.ConnectFour_cell__7JPJr{background-color:#fff;border-radius:50%;font-size:2rem;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s ease}.ConnectFour_R__q7soH{background-color:red;box-shadow:inset 0 0 5px rgba(255,0,0,.5)}.ConnectFour_Y__NZv_x{background-color:#ff0;box-shadow:inset 0 0 5px rgba(255,255,0,.5)}.ConnectFour_resetButton__49n1y{padding:5px 10px;font-size:2rem;cursor:pointer;background-color:#555;color:#fff;margin-top:10px}.ConnectFour_resetButton__49n1y:hover{background-color:#666}.ConnectFour_resetButton__49n1y:active{background-color:#0056b3}@media (max-width:600px){.ConnectFour_board__d35yd{grid-template-columns:repeat(7,48px);grid-template-rows:repeat(6,48px);gap:2px;margin-bottom:10px;max-width:100%;transform-origin:center center}.ConnectFour_cell__7JPJr{width:45px;height:45px;font-size:1.5rem}.ConnectFour_winner__MkxMy{font-size:2rem;margin-bottom:10px}.ConnectFour_resetButton__49n1y{font-size:1.5rem;padding:8px 16px;width:auto}}@media (max-width:410px){.ConnectFour_board__d35yd{grid-template-columns:repeat(7,40px);grid-template-rows:repeat(6,40px);gap:1px;margin-bottom:10px;max-width:100%;transform-origin:center center;padding:5px}.ConnectFour_cell__7JPJr{width:38px;height:38px;font-size:1.2rem}.ConnectFour_winner__MkxMy{font-size:1.5rem;margin-bottom:5px}.ConnectFour_resetButton__49n1y{font-size:1.2rem;padding:6px 12px;width:auto}}@media (max-width:345px){.ConnectFour_board__d35yd{grid-template-columns:repeat(7,40px);grid-template-rows:repeat(6,40px);gap:1px;margin-bottom:10px;max-width:100%;transform-origin:center center;padding:5px}.ConnectFour_cell__7JPJr{width:38px;height:38px;font-size:1.2rem}.ConnectFour_winner__MkxMy{font-size:1.5rem;margin-bottom:5px}.ConnectFour_resetButton__49n1y{font-size:1.2rem;padding:6px 12px;width:auto}}